:root{color-scheme:dark light;--bg:#07080c;--fg:#f3f5fa;--muted:#9aa3b5;--accent:#7aa2ff;--card:rgba(255,255,255,.06);--border:rgba(255,255,255,.1)}
@media (prefers-color-scheme:light){:root{--bg:#f2f3f7;--fg:#0e1220;--muted:#586178;--accent:#3358d4;--card:#fff;--border:rgba(15,20,40,.1)}}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(60% 50% at 50% 0%,rgba(122,162,255,.18),transparent),var(--bg);color:var(--fg);font:16px/1.5 -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,"Segoe UI",Roboto,sans-serif;padding:16px}
form{width:min(380px,100%);background:var(--card);border:1px solid var(--border);border-radius:24px;padding:28px;backdrop-filter:blur(20px);box-shadow:0 20px 60px rgba(0,0,0,.35)}
h1{margin:0 0 4px;font-size:28px;letter-spacing:-.02em}p{color:var(--muted);margin:0 0 20px}label{display:block;font-size:14px;margin-bottom:6px}
input{width:100%;min-height:48px;border-radius:14px;border:1px solid var(--border);background:transparent;color:var(--fg);font-size:17px;padding:0 14px}
button{margin-top:16px;width:100%;min-height:48px;border:0;border-radius:14px;background:var(--accent);color:#fff;font-size:17px;font-weight:600;cursor:pointer}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.err{color:#ff6b6b;margin:10px 0 0}