:root { color-scheme: dark; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: radial-gradient(circle at top, #2563eb 0, #020617 48%, #000 100%); color: #e5e7eb; }
.card { width: min(680px, calc(100vw - 40px)); padding: 42px; border: 1px solid rgba(255,255,255,.16); border-radius: 28px; background: rgba(15,23,42,.76); box-shadow: 0 24px 80px rgba(0,0,0,.35); }
.eyebrow { color: #93c5fd; text-transform: uppercase; letter-spacing: .16em; font-size: 12px; font-weight: 700; }
h1 { font-size: clamp(34px, 8vw, 64px); line-height: 1; margin: 10px 0 20px; }
p { font-size: 18px; line-height: 1.7; }
code { background: rgba(255,255,255,.12); padding: .15em .35em; border-radius: 6px; }
.small { color: #cbd5e1; font-size: 14px; }