:root { color-scheme: dark; background: #08121d; color: #ede7d8; font-family: system-ui, sans-serif; }
html, body { margin: 0; height: 100%; width: 100%; overflow: hidden; }
main { height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 24px; box-sizing: border-box; text-align: center; }
h1 { font-size: clamp(24px, 5vw, 40px); font-weight: 500; letter-spacing: .15em; }
a, button { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; color: #dcc18a; padding: 0 16px; }
button { border: 1px solid #7f8c98; background: #172b40; border-radius: 8px; margin: 12px; cursor: pointer; font: inherit; }
iframe { border: 0; width: 100%; height: 100%; display: block; }
[hidden] { display: none !important; }