:root { --bg:#06110f; --fg:#e8f0ed; --muted:#8aa39b; --accent:#2dd4bf; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--bg); color: var(--fg); min-height: 100vh;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; line-height: 1.5;
  display: flex; flex-direction: column;
}
header.site { padding: 20px 24px; border-bottom: 1px solid rgba(255,255,255,.06); }
header.site a.wordmark { color: var(--fg); text-decoration: none; font-weight: 600; letter-spacing: .02em; }
main { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;
  text-align: center; padding: 40px 24px; gap: 16px; }
main h1 { margin: 0; font-size: clamp(1.6rem, 4vw, 2.4rem); }
main p { margin: 0; color: var(--muted); max-width: 32rem; }
a.cta { margin-top: 8px; display: inline-block; padding: 12px 20px; border-radius: 10px;
  background: var(--accent); color: #04201b; font-weight: 600; text-decoration: none; }
nav.layers { display: flex; gap: 16px; flex-wrap: wrap; justify-content: center; margin-top: 8px; }
nav.layers a { color: var(--muted); text-decoration: none; font-size: .9rem; }
nav.layers a:hover { color: var(--fg); }
footer.site { padding: 16px 24px; color: var(--muted); font-size: .85rem; border-top: 1px solid rgba(255,255,255,.06); }