:root { color-scheme: dark; --bg:#0a0e13; --surface:#111820; --surface-strong:#17212b; --text:#edf5f7; --muted:#9aabb3; --line:#263743; --accent:#82d8e8; --accent-ink:#062028; --danger:#ff8d92; --shadow:0 18px 60px rgba(0,0,0,.24); --radius:16px; --shell:1120px; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
:root[data-theme="light"] { color-scheme:light; --bg:#f5f8f8; --surface:#fff; --surface-strong:#ebf4f5; --text:#102027; --muted:#53666f; --line:#c8d9dd; --accent:#087c94; --accent-ink:#f3fdff; --danger:#ae2433; --shadow:0 18px 60px rgba(21,53,63,.12); }
*{box-sizing:border-box} html{background:var(--bg)} body{margin:0;background:radial-gradient(circle at 82% -15%,rgba(70,168,190,.16),transparent 34rem),var(--bg);color:var(--text);min-width:320px;line-height:1.55} button,input,textarea,select{font:inherit} button,input,textarea,select,a{outline-offset:3px} :focus-visible{outline:3px solid var(--accent)} a{color:inherit}.shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.primary-button,.theme-button,select{border:1px solid var(--line);border-radius:10px;min-height:44px}.primary-button{background:var(--accent);color:var(--accent-ink);font-weight:750;padding:0 18px;cursor:pointer;border-color:transparent}.primary-button:hover{filter:brightness(1.07)}.theme-button,select{background:transparent;color:var(--text);padding:0 11px;cursor:pointer}.form-error{color:var(--danger);font-size:.92rem;margin:.7rem 0 0}.form-note{color:var(--muted);font-size:.9rem;margin:.5rem 0 1rem}.section-kicker,.eyebrow{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.footer{border-top:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between;gap:20px;padding-block:28px 36px;font-size:.9rem}.footer p{margin:0}.footer nav{display:flex;flex-wrap:wrap;gap:16px}.footer a:hover{color:var(--accent)}
@media(max-width:600px){.shell{width:min(calc(100% - 32px),var(--shell))}.footer{align-items:flex-start;flex-direction:column;padding-block:24px 30px}.footer nav{gap:12px}}