:root{--bg:#0b0f14;--panel:#121820;--line:#243040;--text:#e6edf3;--muted:#8b98a8;--accent:#2fb8a6;--err:#f0a04b}
@media (prefers-color-scheme: light){:root{--bg:#f5f7fa;--panel:#fff;--line:#d6dde6;--text:#16202b;--muted:#5b6878;--accent:#13897a;--err:#b25e00}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--text);font:15px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;padding:16px}
main{width:100%;max-width:340px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:28px 24px}
h1{font-size:18px;margin:0 0 20px;font-weight:600}
form{display:grid;gap:14px}
label{display:grid;gap:6px;font-size:13px;color:var(--muted)}
.hint{font-size:12px}
input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:9px 10px}
input:focus{outline:2px solid var(--accent);outline-offset:1px}
button{font:inherit;font-weight:600;color:#fff;background:var(--accent);border:0;border-radius:6px;padding:10px;cursor:pointer;margin-top:4px}
.err{margin:0;color:var(--err);font-size:13px}