:root{--bg:#f6f5f1;--card:#fff;--ink:#17222d;--muted:#4f5b66;--line:#dcdad3;--brand:#14385c;--err:#a12a1f}
@media (prefers-color-scheme:dark){:root{--bg:#10161c;--card:#18212a;--ink:#e8edf1;--muted:#a9b4be;--line:#2a3540;--brand:#8db8e2;--err:#ff9d8f}}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--ink);font:17px/1.5 system-ui,-apple-system,"Segoe UI",Helvetica,sans-serif;padding:20px}
main{width:100%;max-width:380px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px}
h1{font-size:1.4rem;margin:0 0 6px}p{margin:0 0 18px;color:var(--muted)}label{display:block;font-weight:600;margin:14px 0 6px}
input{width:100%;font:inherit;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);min-height:46px}
input:focus{outline:2px solid var(--brand);outline-offset:1px}
button{margin-top:20px;width:100%;font:inherit;font-weight:600;padding:12px;border:0;border-radius:8px;background:var(--brand);color:var(--bg);min-height:48px;cursor:pointer}
.err{color:var(--err);font-weight:600;margin:0 0 6px}