:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #09111f; color: #e8eef8; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: radial-gradient(circle at 20% 0%, #153052, transparent 38%), #09111f; }
main { width: min(680px, calc(100% - 40px)); padding: 64px 0; }
.eyebrow { color: #72a7ff; font-size: .78rem; font-weight: 700; letter-spacing: .16em; }
h1 { margin: 10px 0 12px; font-size: clamp(2.4rem, 8vw, 4.8rem); line-height: .98; }
.lead { color: #aebdd1; font-size: 1.15rem; line-height: 1.65; }
.card { margin: 38px 0; padding: 22px; display: flex; gap: 14px; align-items: center; border: 1px solid #243b5a; border-radius: 16px; background: #0d192a; }
.dot { width: 12px; height: 12px; border-radius: 50%; background: #46d39a; box-shadow: 0 0 18px #46d39a; }
small { color: #91a3ba; }
nav { display: flex; gap: 24px; margin-top: 34px; }
a { color: #8cb8ff; text-decoration: none; }
a:hover { text-decoration: underline; }