:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #0b1012; color: #f4f7f4; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; display: grid; place-items: center; padding: 2rem; background: radial-gradient(circle at 50% 15%, #193a39 0, #0b1012 46rem); }
main { max-width: 42rem; text-align: center; }
.mark { display: inline-grid; place-items: center; width: 3rem; height: 3rem; border: 1px solid #77d4c8; border-radius: 50%; color: #77d4c8; font-weight: 700; letter-spacing: .08em; }
h1 { margin: 1.5rem 0 .75rem; font-size: clamp(2.5rem, 8vw, 5rem); letter-spacing: -.06em; }
p { color: #b9c8c5; font-size: 1.1rem; line-height: 1.6; }
.skip-link { position: fixed; left: -9999px; }
.skip-link:focus { left: 1rem; top: 1rem; padding: .5rem; background: #f4f7f4; color: #0b1012; }