:root{--bg:#eef2f6;--card:#fff;--ink:#1b2a3a;--mut:#64748b;--line:#dde4ec;--mint:#4fb99b;--coral:#d9573f;color-scheme:light}
@media(prefers-color-scheme:dark){:root{--bg:#0f1823;--card:#18232f;--ink:#e8eef5;--mut:#8da0b3;--line:#27364a;--coral:#ee7d66;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;padding:16px}
main{width:100%;max-width:380px}
.head{text-align:center;margin-bottom:18px}.head img{width:48px;height:48px}.head h1{margin:6px 0 0;font-size:26px}.head p{margin:0;color:var(--mut)}
form{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;gap:14px}
label{display:grid;gap:4px;font-weight:600;font-size:13px;color:var(--mut)}
input{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 10px;width:100%}
input:focus-visible,button:focus-visible{outline:2px solid #5f9fe6;outline-offset:2px}
.pw{display:flex;gap:6px}.pw button{white-space:nowrap}
button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:8px 12px}
button.pri{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:600;padding:10px}
button:disabled{opacity:.6;cursor:wait}
.err{color:var(--coral);margin:0;min-height:1.2em;font-size:14px}
.foot{text-align:center;color:var(--mut);font-size:12px;margin:0}