:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #080b12;
  color: #f5f7fb;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at top, #172033, #080b12 55%); }
main { width: min(1050px, 92%); margin: 0 auto; padding: 72px 0; }
.eyebrow { color: #7ee787; font-weight: 800; letter-spacing: .18em; }
h1 { margin: 8px 0; font-size: clamp(2.5rem, 8vw, 5rem); }
.intro { color: #aeb8ca; font-size: 1.15rem; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 18px; margin-top: 42px; }
.card { border: 1px solid #293248; border-radius: 18px; padding: 24px; background: rgba(18, 24, 38, .82); }
.card h2 { margin: 18px 0 8px; }
.card p { color: #aeb8ca; margin: 0; }
.status { display: inline-block; border-radius: 999px; padding: 6px 10px; background: #1f3526; color: #7ee787; font-size: .78rem; font-weight: 700; }