body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#ff9a9e,#fad0c4,#fad0c4,#fbc2eb);margin:0;padding:20px;color:#333;animation:fadeIn 1.5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}form{background:#ffffffe6;padding:25px;border-radius:10px;box-shadow:0 4px 15px #0000004d;max-width:400px;margin:auto;display:flex;flex-direction:column;transform:scale(.95);transition:transform .3s ease-in-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}form:hover{transform:scale(1)}label{margin-top:10px;font-weight:700;font-size:14px;color:#333}input{padding:10px;margin-top:5px;border:2px solid #ddd;border-radius:6px;font-size:14px;transition:.3s}input:focus{border-color:#ff4081;outline:none;box-shadow:0 0 12px #ff408180}button{margin-top:15px;padding:12px;background:linear-gradient(90deg,#ff4081,#ff79a1,#ff79a1);color:#fff;border:none;cursor:pointer;font-size:16px;border-radius:6px;transition:all .3s ease;font-weight:700;animation:buttonGlow 1.5s infinite alternate}@keyframes buttonGlow{0%{box-shadow:0 0 10px #ff40814d}to{box-shadow:0 0 20px #ff4081b3}}button:hover{background:linear-gradient(90deg,#d83570,#ff4081);transform:scale(1.05)}.viewthetable{display:flex;justify-content:center;align-items:center;flex-direction:column;animation:slideInUp 1.5s ease-in-out}@keyframes slideInUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}table{width:800px;border-collapse:collapse;background:#fffffff2;margin-top:20px;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #0000004d}th,td{padding:12px;text-align:left;font-size:14px}th{background:linear-gradient(45deg,#ff4081,#ff79a1);color:#fff;text-transform:uppercase;font-weight:700;animation:fadeIn 2s ease-in-out}td{border-bottom:1px solid #ddd;transition:background .3s ease}tr:hover{background:#ff408133;transform:scale(1.02)}p{text-align:center;font-size:16px;color:#444;animation:fadeIn 1.5s ease-in-out}h1,h2{text-align:center;color:#fff;text-shadow:2px 2px 6px rgba(0,0,0,.3);animation:fadeIn 1.5s ease-in-out}@media (max-width: 600px){form{max-width:90%}table{font-size:12px;width:100%}th,td{padding:8px}}