:root{--bg:#f2f5f8;--card:#fff;--ink:#1c2733;--muted:#5b6b7a;--line:#d5dde5;--accent:#1f6f8b;--bad:#b3261e;--ok:#1b6b3a}
@media(prefers-color-scheme:dark){:root{--bg:#131a21;--card:#1b242d;--ink:#e8eef3;--muted:#9aabb9;--line:#2c3a46;--accent:#5bb4d1;--bad:#ff8a80;--ok:#7bd99b}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 "Segoe UI",system-ui,-apple-system,sans-serif;min-height:100vh;display:flex;flex-direction:column}
nav{display:flex;gap:.5rem;align-items:center;padding:.9rem 1.25rem;background:var(--card);border-bottom:1px solid var(--line)}
nav .brand{font-weight:700;margin-right:auto;color:var(--ink);text-decoration:none}
nav a,nav button{font:inherit;color:var(--accent);background:none;border:0;padding:.4rem .7rem;border-radius:6px;cursor:pointer;text-decoration:none}
nav a:hover,nav button:hover{background:var(--bg)}
[hidden]{display:none!important}
main{flex:1;display:flex;align-items:center;justify-content:center;padding:1.25rem}
.status{font-size:1.4rem;text-align:center}
.status small{display:block;color:var(--muted);font-size:1rem;margin-top:.4rem}
form{width:100%;max-width:420px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1.5rem}
h1{margin:0 0 1rem;font-size:1.5rem}
label{display:block;margin:.8rem 0 .25rem;font-size:.9rem;color:var(--muted)}
input[type=text],input[type=email],input[type=password],input[type=date]{width:100%;font:inherit;padding:.6rem .7rem;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}
input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.row{display:flex;gap:.75rem}.row>div{flex:1}
.check{display:flex;gap:.6rem;align-items:flex-start;margin-top:1rem;color:var(--ink);font-size:.95rem}
.check input{margin-top:.3rem}
.btn{width:100%;margin-top:1.2rem;font:inherit;font-weight:600;padding:.7rem;border:0;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer}
.btn:disabled{opacity:.6}
.msg{margin-top:.9rem;min-height:1.3rem;font-size:.95rem}.msg.bad{color:var(--bad)}.msg.ok{color:var(--ok)}
.alt{margin-top:1rem;text-align:center;font-size:.95rem;color:var(--muted)}.alt a{color:var(--accent)}