:root {
  color-scheme: dark;
  --bg: #07110f;
  --ink: #f4f7f4;
  --muted: #a7b6ae;
  --accent: #65f6b3;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  grid-template-rows: 1fr auto;
  color: var(--ink);
  background:
    radial-gradient(circle at 82% 12%, rgba(101, 246, 179, .15), transparent 34rem),
    linear-gradient(145deg, #07110f, #0b1714 60%, #07110f);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

main { align-self: center; padding: clamp(2rem, 8vw, 8rem); }
.eyebrow { color: var(--accent); font-size: .78rem; font-weight: 700; letter-spacing: .18em; }
h1 { margin: 1.25rem 0; max-width: 980px; font-size: clamp(3rem, 8vw, 7.5rem); line-height: .93; letter-spacing: -.055em; }
.lead { color: var(--muted); font-size: clamp(1.05rem, 2vw, 1.5rem); }
.status { display: flex; align-items: center; gap: .65rem; margin-top: 3rem; color: var(--muted); font-size: .9rem; }
.status span { width: .55rem; height: .55rem; border-radius: 50%; background: var(--accent); box-shadow: 0 0 1.2rem var(--accent); }
footer { padding: 2rem clamp(2rem, 8vw, 8rem); color: #728078; font-size: .8rem; }