:root { color-scheme: dark; font-family: Arial, Helvetica, sans-serif; background: #080e15; color: #eef2f6; }
* { box-sizing: border-box; }
body { margin: 0; -webkit-font-smoothing: antialiased; }
main { min-height: 100svh; width: 100%; padding: clamp(48px, 9vh, 96px) 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
h1 { margin: 0; max-width: 100%; font-size: clamp(1.4rem, 2.7vw, 2.5rem); font-weight: 500; line-height: 1.25; letter-spacing: .065em; text-wrap: balance; }
.tagline { margin: 18px 0 36px; color: #84accb; font-size: clamp(.875rem, 1.15vw, 1rem); line-height: 1.5; }
.logo-link { display: block; width: min(440px, 100%); }
.logo-link:focus-visible { outline: 2px solid #84accb; outline-offset: 8px; }
.logo { display: block; width: 100%; height: auto; }
::selection { background: #235a85; color: #fff; }
@media (max-width: 540px) { main { padding: 48px 22px; } .tagline { margin: 20px 0 32px; } }