:root { color-scheme: dark; --bg1: #0b1020; --bg2: #151b34; --fg: #e8ebf5; --muted: #9aa3bd; --accent: #7c8cff; }
* { box-sizing: border-box; margin: 0; }
html, body { height: 100%; }
body {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  min-height: 100vh; padding: 2rem;
  background: radial-gradient(1200px 600px at 50% -10%, #26306b 0%, transparent 60%), linear-gradient(160deg, var(--bg1), var(--bg2));
  color: var(--fg); text-align: center;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
main { max-width: 34rem; }
.mark {
  width: 4.5rem; height: 4.5rem; margin: 0 auto 1.5rem; border-radius: 1.25rem;
  display: grid; place-items: center; font-size: 2.2rem; font-weight: 700;
  background: linear-gradient(135deg, var(--accent), #b07cff); color: #fff;
  box-shadow: 0 10px 40px rgba(124, 140, 255, 0.35);
}
h1 { font-size: clamp(2.2rem, 7vw, 3.4rem); font-weight: 700; letter-spacing: -0.02em; }
.badge {
  display: inline-block; margin: 1rem 0 1.25rem; padding: 0.35rem 0.9rem; border-radius: 999px;
  border: 1px solid rgba(124, 140, 255, 0.5); color: var(--accent);
  font-size: 0.8rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase;
}
.lead { color: var(--muted); font-size: 1.1rem; line-height: 1.6; }
footer { position: fixed; bottom: 1.25rem; color: var(--muted); font-size: 0.8rem; }