:root{--bg:#eef2f7;--card:#fff;--fg:#0f2747;--mute:#5b6b84;--line:#d7dfea;--acc:#002654;--accfg:#fff;--err:#ce1126;--ok:#1d6b4a}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0a1528;--card:#111f38;--fg:#f1f4f9;--mute:#a3b1c7;--line:#22355a;--acc:#fff;--accfg:#002654;--err:#ff6b78;--ok:#7fd6ab}}
:root[data-theme="dark"]{--bg:#0a1528;--card:#111f38;--fg:#f1f4f9;--mute:#a3b1c7;--line:#22355a;--acc:#fff;--accfg:#002654;--err:#ff6b78;--ok:#7fd6ab}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
main{max-width:760px;margin:0 auto;padding:32px 16px}
h1{font-size:22px;margin:0 0 4px}h2{font-size:17px;margin:24px 0 8px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin:0 0 12px}
.mute{color:var(--mute)}.err{color:var(--err)}.ok{color:var(--ok)}
label{display:block;font-weight:600;margin:12px 0 4px}
input,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--fg);font:inherit}
button{margin-top:14px;padding:10px 16px;border:0;border-radius:8px;background:var(--acc);color:var(--accfg);font:inherit;font-weight:600;cursor:pointer}
dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:8px 0}dt{color:var(--mute)}dd{margin:0}
a{color:inherit}
.login{max-width:380px;margin:12vh auto 0}