:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at top left, #ffdf6e 0, transparent 35%), linear-gradient(135deg, #111827, #3b0764); color: white; }
.hero { max-width: 820px; margin: 0 auto; padding: 80px 24px; }
.eyebrow { color: #ffd166; text-transform: uppercase; letter-spacing: .18em; font-weight: 700; }
h1 { font-size: clamp(44px, 8vw, 84px); line-height: .95; margin: 0 0 20px; }
.lead { font-size: 24px; color: #f3f4f6; max-width: 680px; }
.card { margin-top: 40px; padding: 28px; border: 1px solid rgba(255,255,255,.2); border-radius: 24px; background: rgba(17,24,39,.55); backdrop-filter: blur(12px); box-shadow: 0 20px 60px rgba(0,0,0,.25); }
li { margin: 12px 0; font-size: 18px; }
.small { color: #d1d5db; margin-top: 32px; }