:root { color-scheme: dark; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; display: grid; place-items: center; background: #0b1220; color: #f8fafc; }
main { width: min(92%, 48rem); padding: 3rem 2rem; text-align: center; background: #111c30; border: 1px solid #263750; border-radius: 1rem; box-shadow: 0 1.5rem 4rem #0008; }
h1 { margin-top: 0; font-size: clamp(2rem, 8vw, 4rem); }
p { color: #bdc9d9; }
nav { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; margin-top: 2rem; }
a { min-width: 7rem; padding: .8rem 1rem; border-radius: .55rem; background: #2563eb; color: white; font-weight: 700; text-decoration: none; }
a:hover, a:focus-visible { background: #1d4ed8; outline: 3px solid #93c5fd; outline-offset: 2px; }