:root{--bg:#fbf8ec;--surface:#fff;--ink:#24200f;--muted:#756e55;--line:#ece5ca;--accent:#e8aa00;--accent-ink:#231c00;--danger:#b3261e;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#17150e;--surface:#211e14;--ink:#f0ecdc;--muted:#a39c82;--line:#353020;--accent:#f5c542;--accent-ink:#1c1600;--danger:#ff8a80;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:16px;background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
form{width:100%;max-width:340px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 1px 2px rgba(60,45,0,.06),0 8px 24px rgba(60,45,0,.07)}
.brand{display:flex;align-items:center;gap:10px;margin:0 0 4px}.brand svg{flex:none}
h1{font-size:18px;margin:0;font-weight:650;letter-spacing:-.01em}label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}
input{font:inherit;font-size:15px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 11px}
input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
button{font:inherit;font-weight:600;padding:11px;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);cursor:pointer}
.err{color:var(--danger);font-size:13px;min-height:18px;margin:0}
.lang{margin:0;text-align:center;font-size:12.5px;color:var(--muted)}.lang a{color:var(--muted);text-decoration:none;padding:2px 4px}.lang a[aria-current]{color:var(--ink);font-weight:600}.lang a:hover{text-decoration:underline}