:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #f8fafc; color: #111827; }
main { width: min(720px, calc(100% - 3rem)); padding: 4rem; border-radius: 2rem; background: white; box-shadow: 0 24px 60px rgb(79 70 229 / .12); }
.eyebrow { color: #4f46e5; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: .1em 0; font-size: clamp(3rem, 10vw, 6rem); letter-spacing: -.06em; }
a { color: #4f46e5; font-weight: 700; }
@media (prefers-color-scheme: dark) { body { background: #0f172a; color: #f8fafc; } main { background: #111827; } .eyebrow, a { color: #a5b4fc; } }