*{box-sizing:border-box}*,body{margin:0;padding:0}body{align-items:center;background:linear-gradient(135deg,#162447,#1f4068,#1b1b2f);color:#fff;display:flex;font-family:Poppins,Arial,sans-serif;justify-content:center;min-height:100vh;overflow:auto}.container{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #fff3;border-radius:16px;box-shadow:0 12px 30px #0006;margin:20px auto;max-width:450px;padding:30px;text-align:center;transition:all .4s ease-in-out;width:90%}.container:hover{box-shadow:0 18px 50px #0009;transform:translateY(-5px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-container{display:flex;flex-direction:column;gap:20px;width:100%}label{font-weight:600;margin-bottom:4px;text-align:left}input,label,select{color:#fff;font-size:15px}input,select{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;box-sizing:border-box;outline:none;padding:14px;transition:all .3s ease;width:100%}input::placeholder{color:#fff9}input:focus,select:focus{background:#fff3;border-color:#fc0;box-shadow:0 0 12px #fc09}button{background:linear-gradient(135deg,#fc0,#f90);border:none;border-radius:12px;box-shadow:0 5px 18px #ffcc0073;box-sizing:border-box;color:#000;cursor:pointer;font-size:17px;font-weight:600;padding:16px;transition:all .3s ease;width:100%}button:hover{background:linear-gradient(135deg,#f90,#e68a00);box-shadow:0 7px 22px #ffcc00b3;transform:scale(1.07)}button:active{transform:scale(.97)}.result-container{animation:slideUp .4s ease-out;background:#ffcc001a;border:2px solid #fc0;border-radius:12px;box-sizing:border-box;color:#fc0;font-size:16px;font-weight:600;margin-top:24px;padding:18px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.container:before{animation:glow 3s infinite alternate;background:linear-gradient(45deg,#fc0,#f90,#fc0);border-radius:20px;bottom:-2px;content:"";filter:blur(10px);left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes glow{0%{opacity:.3}to{opacity:.6}}@media (max-width:480px){.container{border-radius:14px;padding:18px;width:95%}button,input{padding:12px}.result-container,button,input{font-size:15px}}
/*# sourceMappingURL=main.7ce4ea38.css.map*/