:root{--bg:#eef3f1;--surface:#fff;--ink:#12303a;--muted:#5a6f77;--line:#d3dfdc;--deep:#0e4a5a;--deep-ink:#fff;--float:#d9482b;--float-ink:#fff;--focus:#1a73a8;--err:#a62a14;--errbg:#fdeeea;--ok:#2e6a3a;--okbg:#e8f3ea;
  --head:"Trebuchet MS",system-ui,sans-serif;--body:system-ui,-apple-system,"Segoe UI",sans-serif}
@media (prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#0c1a1f;--surface:#14272e;--ink:#e6f0ee;--muted:#93a9ae;--line:#25404a;--deep:#12586b;--float:#f06a4d;--float-ink:#1a0a05;--focus:#6cc0ec;--err:#ffb4a3;--errbg:#3a1d17;--ok:#a8d8b0;--okbg:#1c3322}}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.55 var(--body)}
h1,h2{font-family:var(--head);line-height:1.15;margin:0}
h1{font-size:1.9rem}
p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.top{background:var(--deep);color:var(--deep-ink);display:flex;align-items:center;gap:1rem;padding:.7rem 1rem}
.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;font:700 1.25rem var(--head)}
.brand svg{width:26px;height:26px}
.hnav{margin-left:auto;display:flex;gap:.5rem;align-items:center}
.who{font-size:.9rem;opacity:.85}
.login{font:inherit;font-size:.9rem;color:inherit;background:none;text-decoration:none;border:1px solid rgba(255,255,255,.5);padding:.35rem .8rem;border-radius:6px;cursor:pointer}
form.inline{margin:0}
main{max-width:1040px;margin:0 auto;padding:1.5rem 1rem}
.narrow{max-width:26rem;margin-inline:auto}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1.2rem;margin-top:1.2rem}
label{display:block;font-weight:600;font-size:.92rem;margin-bottom:.3rem}
.opt{font-weight:400;color:var(--muted)}
input[type=text],input[type=email],input[type=password]{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:6px;padding:.65rem .75rem;min-height:46px}
.field+.field{margin-top:1rem}
.hint{font-size:.82rem;color:var(--muted);margin-top:.3rem}
.btn{display:inline-block;border:0;border-radius:8px;padding:.8rem 1.3rem;font:600 1rem var(--body);cursor:pointer;text-decoration:none;background:var(--float);color:var(--float-ink);min-height:48px;width:100%}
.btn:hover{filter:brightness(1.07)}
.chk{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;font-size:.9rem}
.chk input{width:22px;height:22px;flex:none;margin:0}
.alert{border-radius:8px;padding:.7rem .9rem;font-size:.92rem;margin-top:1rem}
.alert.err{background:var(--errbg);color:var(--err)}
.alert.ok{background:var(--okbg);color:var(--ok)}
.alert ul{margin:0;padding-left:1.1rem}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.muted{color:var(--muted)}
.small{font-size:.9rem}
footer{max-width:1040px;margin:1rem auto 0;padding:1rem;color:var(--muted);font-size:.84rem;border-top:1px solid var(--line)}
footer a{margin-right:1rem}