:root { --bg:#f6f7f9; --fg:#1d2330; --muted:#5b6475; --card:#fff; --accent:#2f5bea; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#12151c; --fg:#e8ebf1; --muted:#a3abbb; --card:#1b1f29; --accent:#7c9bff; }
}
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; display:grid; place-items:center; background:var(--bg);
       color:var(--fg); font:16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; padding:16px; }
.card { background:var(--card); max-width:560px; width:100%; padding:32px; border-radius:16px;
        box-shadow:0 4px 24px rgba(0,0,0,.08); text-align:center; }
.logo { display:block; margin:0 auto 16px; }
h1 { font-size:1.5rem; margin:0 0 8px; }
p { color:var(--muted); margin:0 0 16px; }
.links { list-style:none; padding:0; margin:0; display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
a { color:var(--accent); }