:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #eeeae2; background: #121919; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: flex; flex-direction: column; padding: clamp(1.5rem, 5vw, 5rem); background: radial-gradient(ellipse at 80% 20%, #23413a 0, transparent 60%); }
header a { color: inherit; text-decoration: none; font-size: 1.5rem; font-weight: 650; letter-spacing: -.05em; }
header a span { color: #a4d8ad; }
main { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 5rem 0; max-width: 65rem; }
.eyebrow { color: #b9c9c2; font-size: .75rem; letter-spacing: .2em; }
h1 { font-size: clamp(3.5rem, 12vw, 10rem); font-weight: 500; letter-spacing: -.065em; line-height: 1.05; margin: .2em 0; overflow-wrap: anywhere; }
.description { font-size: clamp(1.1rem, 2.5vw, 1.7rem); line-height: 1.5; color: #bcc8c2; max-width: 32rem; }
.status { display: flex; align-items: center; gap: .65rem; margin-top: 2rem; font-size: .95rem; }
.status span { width: .5rem; height: .5rem; border-radius: 50%; background: #a4d8ad; }
footer { color: #a9b8b0; font-size: .8rem; }
a:focus-visible { outline: 2px solid #a4d8ad; outline-offset: 6px; }