* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: radial-gradient(circle at top left, #5eead4, transparent 30%), #0f172a; color: #e2e8f0; display: grid; place-items: center; }
.hero { width: min(900px, 92vw); padding: 56px; border: 1px solid rgba(148,163,184,.25); border-radius: 28px; background: rgba(15, 23, 42, .72); box-shadow: 0 30px 80px rgba(0,0,0,.35); backdrop-filter: blur(14px); }
.eyebrow { color: #5eead4; text-transform: uppercase; letter-spacing: .18em; font-weight: 800; }
h1 { font-size: clamp(42px, 8vw, 86px); line-height: .95; margin: 0 0 24px; }
p { font-size: 20px; color: #cbd5e1; }
.card { margin-top: 32px; padding: 18px 20px; border-radius: 16px; background: rgba(30,41,59,.8); border: 1px solid rgba(148,163,184,.2); }
code { color: #fbbf24; }