html, body { height: 100%; margin: 0; background: #0b0d12; color: #e8ecf4; font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
.wrap { min-height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 24px; }
h1 { font-size: clamp(1.6rem, 5vw, 2.6rem); margin: 0 0 0.5rem; letter-spacing: 0.02em; }
p { color: #aab3c6; margin: 0; font-size: 1rem; }
.dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #5b8cff; margin-right: 0.5em; vertical-align: middle; }
.skip { position: absolute; left: -9999px; }
.skip:focus { left: 8px; top: 8px; background: #e8ecf4; color: #0b0d12; padding: 6px 10px; }