:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #070710;
  color: #f5f2ff;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 20% 10%, #37216f 0, transparent 32rem), radial-gradient(circle at 90% 85%, #0d656b 0, transparent 30rem), #070710; }
.hero { min-height: 100vh; display: grid; place-items: center; padding: 2rem; }
.card { width: min(920px, 100%); padding: clamp(2rem, 8vw, 6rem); border: 1px solid rgba(255,255,255,.14); border-radius: 32px; background: rgba(8,8,20,.72); box-shadow: 0 30px 120px rgba(0,0,0,.45); backdrop-filter: blur(20px); }
.eyebrow { margin: 0 0 1rem; letter-spacing: .24em; text-transform: uppercase; color: #71f7d3; font-weight: 700; }
h1 { margin: 0; max-width: 760px; font-size: clamp(2.6rem, 7vw, 6.4rem); line-height: .92; letter-spacing: -.06em; }
.lead { max-width: 660px; margin: 1.6rem 0 0; color: #c9c3dc; font-size: clamp(1.05rem, 2vw, 1.35rem); line-height: 1.6; }
.actions { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin-top: 2.5rem; }
.button { display: inline-flex; align-items: center; min-height: 3.25rem; padding: 0 1.25rem; border-radius: 999px; color: #061011; background: #71f7d3; font-weight: 800; text-decoration: none; }
.status { color: #a9a0c2; }