:root { --bg: #f4f7f6; --ink: #1d2b2a; --muted: #5b6b69; --accent: #0f766e; --card: #ffffff; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #111817; --ink: #e6eeed; --muted: #9fb0ae; --accent: #2dd4bf; --card: #1a2322; }
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center;
       background: var(--bg); color: var(--ink); font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; padding: 16px; }
.card { background: var(--card); max-width: 520px; width: 100%; padding: 36px 32px; border-radius: 14px;
        box-shadow: 0 6px 24px rgba(0,0,0,.08); text-align: center; }
h1 { margin: 0; font-size: 2.2rem; color: var(--accent); letter-spacing: .5px; }
.tag { margin: 4px 0 20px; color: var(--muted); text-transform: uppercase; font-size: .85rem; letter-spacing: 2px; }
p { line-height: 1.55; }
.soon { margin-top: 24px; font-weight: 600; color: var(--accent); }
footer { margin-top: 20px; color: var(--muted); font-size: .85rem; }
.open { display: inline-block; background: var(--accent); color: #fff; padding: .7rem 1.4rem; border-radius: 8px; text-decoration: none; font-weight: 600; }
.open:hover { opacity: .9; }
.small { font-size: .85rem; color: var(--muted); }