:root{--teal:#c8141c;--bg:#f3f6fa;--fg:#0a1322;--mut:#2E5D8A;--card:#fff}
@media(prefers-color-scheme:dark){:root{--bg:#0a1322;--fg:#f3f6fa;--mut:#9fb6d0;--card:#14233d}}
.btn{background:#c8141c}.btn:hover{background:#ED1B24}
nav{background:rgba(10,19,34,.6)}
.card{border:1px solid #1F3A5F33}
h2{color:var(--fg)}
:focus-visible{outline-color:#2E5D8A}
.logo{height:40px;display:block}@media(max-width:640px){.logo{height:28px}}
.eyebrow{font-size:14px;line-height:20px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#f3f6fa;opacity:.85;margin:0 0 16px}
.hero h1{max-width:900px}