:root{--bg:#f4f8f8;--ink:#0f1a1d;--mute:#4a5f64;--teal:#0d7c86;--on:#ffffff}
@media (prefers-color-scheme:dark){:root{--bg:#0e1a1d;--ink:#e8f3f4;--mute:#a8bfc3;--teal:#4cc3d0;--on:#0f1a1d}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--ink);font:18px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:34rem;padding:2rem 16px;text-align:center}
.logo{display:block;margin:0 auto 1.5rem;max-width:100%;height:auto}
.lead{margin:0 0 .5rem}
.lead-s{margin:0 0 1.5rem;color:var(--mute);font-size:.9em}
a{color:var(--teal)}
.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:.75rem;background:var(--teal);color:var(--on);font-weight:700;text-decoration:none}
a:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.note{color:var(--mute);font-size:.85em;margin:1.25rem 0 0}