:root{--bg:#f6f5f2;--card:#fff;--ink:#1d2433;--mute:#667085;--line:#e3e1db;--accent:#e8890c;--err:#b42318}
@media (prefers-color-scheme:dark){:root{--bg:#14171d;--card:#1c2029;--ink:#eceff4;--mute:#9aa4b2;--line:#2c3240;--accent:#f0a030;--err:#ff8b7e}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--ink);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding:16px}
main{width:100%;max-width:380px;background:var(--card);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:14px;padding:24px}
h1{margin:0;font-size:1.3rem}.sub{margin:2px 0 18px;color:var(--mute)}
label{display:block;font-size:.88rem;color:var(--mute);margin-bottom:4px}
input{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:inherit;font:inherit}
input:focus{outline:2px solid var(--accent);outline-offset:1px}
button{width:100%;margin-top:14px;padding:12px;border:0;border-radius:10px;background:var(--accent);color:#1d1400;font:inherit;font-weight:600;cursor:pointer}
button[disabled]{opacity:.6;cursor:progress}
#err{color:var(--err);margin:8px 0 0;font-size:.92rem}
.hint{margin:16px 0 0;color:var(--mute);font-size:.8rem}