:root{--bg:#F7F7F7;--surface:#fff;--fg:#091F5B;--muted:#56638A;--line:#DADFEA;--accent:#CC257A;--sky:#01BCCA;--sea:#BCE7E3;--danger:#C2410C}
@media (prefers-color-scheme:dark){:root{--bg:#050F2E;--surface:#0A1A4D;--fg:#F7F7F7;--muted:#9FB0D9;--line:#1B2F78;--sea:#12307E;--danger:#FB923C}}
*{box-sizing:border-box}html,body{margin:0}
body{background:var(--bg);color:var(--fg);font:15px/1.5 "Work Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin:0}
.logo{font-family:"Anton",Impact,sans-serif;font-size:2rem;letter-spacing:.01em;line-height:1}
.eyebrow{font-size:.6875rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 20px;border-radius:999px;border:1px solid var(--fg);background:var(--fg);color:var(--bg);font:inherit;font-weight:600}
.btn.ghost{background:transparent;color:var(--fg);border-color:var(--line)}
.btn[disabled]{opacity:.5;cursor:default}
.field{width:100%;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--fg);font:inherit}
.field:focus{outline:2px solid var(--fg);outline-offset:2px}
.linkbtn{all:unset;cursor:pointer;font-size:.8125rem;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.linkbtn:hover{color:var(--fg)}
.msg{font-size:.875rem;margin-top:12px}.msg.err{color:var(--danger)}