:root { color-scheme: dark; font-family: Inter, system-ui, sans-serif; background: #090d18; color: #eef2ff; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
main { width: min(680px, calc(100% - 40px)); }
.eyebrow { color: #8da2ff; letter-spacing: .18em; font-size: .75rem; }
h1 { font-size: clamp(2.2rem, 7vw, 4.8rem); line-height: 1; margin: 18px 0; }
p { color: #aeb8d4; line-height: 1.7; }
.card { display: block; margin-top: 40px; padding: 24px; border: 1px solid #29345a; border-radius: 18px; color: inherit; text-decoration: none; background: #111831; }
.card:hover { border-color: #8da2ff; transform: translateY(-2px); }
.card span, .card strong { display: block; }
.card span { color: #8da2ff; font-size: .85rem; }
.card strong { margin-top: 8px; font-size: 1.2rem; }