@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;600&display=swap";html,body{margin:0;padding:0;height:100%;background:linear-gradient(135deg,#001022,#046);overflow:hidden}#bgCanvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;filter:blur(12px) brightness(.9);pointer-events:none}body{background:linear-gradient(135deg,#1e2a78,#5a47b8);color:#f0e6f6;font-family:Poppins,sans-serif;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;min-height:100vh;margin:0}h2{font-weight:600;font-size:2.4rem;margin-bottom:1rem;text-shadow:0 0 8px #b39ddb88;animation:pulseGlow 4s ease-in-out infinite}label{font-weight:600;margin-top:1rem;display:block;text-shadow:0 0 5px #ccc9f2aa}select,input[type=number]{width:100%;padding:.6rem 1rem;margin-top:.3rem;border-radius:12px;border:none;outline:none;font-size:1.1rem;background:#ffffff1a;color:#e0d8f9;box-shadow:0 4px 8px #5a47b84d;transition:background .3s ease,color .3s ease;font-weight:300}select:hover,input[type=number]:hover,select:focus,input[type=number]:focus{background:#ffffff4d;color:#fff}select option{color:#ddd;background-color:#333}select option:hover,select option:focus{background-color:#5a47b8;color:#fff}button{margin-top:2rem;width:100%;padding:1rem;font-size:1.3rem;font-weight:600;color:#fff;background:linear-gradient(90deg,#7e57c2,#5a47b8);border:none;border-radius:20px;cursor:pointer;box-shadow:0 6px 12px #5a47b899;transition:background .4s ease;letter-spacing:1px}button:hover:not(:disabled){background:linear-gradient(90deg,#9c7be9,#7c61d6);box-shadow:0 8px 16px #7c61d688}button:disabled{background:#6b57a2aa;cursor:default;box-shadow:none}.container{max-width:400px;width:100%;background:#281955b3;border-radius:30px;padding:2rem 2.5rem;box-shadow:0 10px 40px #5a47b8cc}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #b39ddb88,0 0 20px #8e7cc3cc}50%{box-shadow:0 0 12px #b39ddbcc,0 0 30px #a68ee9ee}}