:root{--bg:#F6F5F2;--panel:#FFFFFF;--ink:#16212B;--muted:#56616D;--line:#DDE1E6;--acc:#C23A25;--accHover:#A8301D;--accInk:#FFFFFF;--brand:#D2402A;--err:#B42318;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#0F171F;--panel:#16212B;--ink:#E6EBF2;--muted:#9FABB8;--line:#2B3947;--acc:#FF6A4F;--accHover:#FF8A73;--accInk:#16212B;--brand:#FF6A4F;--err:#F08A80}}body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--ink);font-family:'IBM Plex Sans',system-ui,'Segoe UI',Arial,sans-serif}.box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:28px;width:min(360px,calc(100vw - 32px));box-shadow:0 1px 2px rgba(24,32,46,.06),0 4px 16px rgba(24,32,46,.06)}.brandMark{color:var(--ink);display:block}h1{margin:8px 0 4px;font-size:26px;font-weight:700;letter-spacing:-.01em}p{color:var(--muted)}.err{color:var(--err);font-weight:600}form{display:grid;gap:8px;margin-top:12px}input{font:inherit;font-size:18px;letter-spacing:.08em;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink)}input:focus-visible,button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}button{font:inherit;font-weight:700;min-height:44px;border:0;border-radius:8px;background:var(--acc);color:var(--accInk);cursor:pointer}button:hover{background:var(--accHover)}