*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1200px 800px at 50% 20%,rgba(70,110,255,.18),transparent 55%),radial-gradient(900px 600px at 20% 80%,rgba(255,140,0,.1),transparent 55%),#0b0f17;color:#e7eaf0}.container{min-height:100svh;display:grid;place-items:center;padding:24px 16px}.card{width:min(520px,100%);padding:22px 18px;border-radius:18px;background:#141a28b8;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 60px #00000073,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}h1{margin:0 0 6px;font-size:42px;letter-spacing:-.02em}.muted{margin:0 0 18px;opacity:.75;font-size:16px}label{display:block;margin:14px 0 8px;font-size:14px;opacity:.85}input{width:100%;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0a0e18bf;color:#e7eaf0;outline:none}input:focus{border-color:#5a78ffb3;box-shadow:0 0 0 3px #5a78ff2e}button{width:100%;margin-top:18px;padding:14px 16px;border-radius:14px;border:0;font-weight:700;font-size:18px;color:#fff;background:linear-gradient(180deg,#466efff2,#325ae6f2);box-shadow:0 18px 40px #3c64ff38}button:disabled{opacity:.55;filter:grayscale(.2)}.error{margin:14px 0 0;padding:10px 12px;border-radius:12px;background:#ff3c3c1f;border:1px solid rgba(255,60,60,.18);color:#ffaaaaf2;font-size:14px}