:root {
  --bg: #0b0c0f;
  --text: #f2f3f5;
  --muted: #a3a8b3;
  --accent: #e5383b;
  --line: #262a33;
  font-family: system-ui, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif;
}
@media (prefers-color-scheme: light) {
  :root { --bg: #f7f7f9; --text: #15171c; --muted: #5b616e; --accent: #c81e2b; --line: #dfe2e8; }
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  background: radial-gradient(1200px 600px at 50% -10%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 70%), var(--bg);
  color: var(--text);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.wrap { flex: 1; max-width: 40rem; margin: 0 auto; padding: 4rem 1rem 2rem; text-align: center; }
.logo { display: block; margin: 0 auto 1rem; animation: rise .9s ease-out both; }
h1 { letter-spacing: .3em; font-size: 1.6rem; margin: 0 0 2rem; animation: rise .9s .15s ease-out both; }
.lead { font-size: 1.15rem; line-height: 1.8; margin: 0 0 .75rem; }
.soon { color: var(--accent); font-weight: 600; margin: 0; }
section { animation: rise .9s .3s ease-out both; }
hr { border: 0; border-top: 1px solid var(--line); margin: 2rem auto; width: 6rem; }
footer { text-align: center; color: var(--muted); font-size: .85rem; padding: 1.5rem 1rem; }
@keyframes rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; } }