:root { --bg: #0f172a; --card: #111827; --fg: #e5e7eb; --muted: #94a3b8; --accent: #22d3ee; }
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body { display: grid; place-items: center; background: radial-gradient(1000px 600px at 70% -20%, #0b1220, var(--bg)); color: var(--fg); font: 16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; }
.wrap { max-width: 720px; padding: 32px; text-align: center; }
.card { background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02)); border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; padding: 32px; box-shadow: 0 10px 30px rgba(0,0,0,0.35); backdrop-filter: blur(6px); }
h1 { margin: 0 0 8px; font-size: clamp(28px, 4vw, 40px); letter-spacing: 0.3px; }
p { margin: 8px 0 0; color: var(--muted); }
.pill { display: inline-block; margin-bottom: 16px; color: #0f172a; background: var(--accent); border-radius: 999px; padding: 6px 12px; font-weight: 600; letter-spacing: .3px; }
.footer { margin-top: 20px; font-size: 13px; color: var(--muted); }
a { color: var(--accent); text-decoration: none; }