:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #090d0b; color: #e7ece7; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; align-items: center; background: radial-gradient(ellipse at 90% 10%, #24321b 0, transparent 55%); border-top: 6px solid #a3b84b; }
main { width: min(900px, 100%); margin: auto; padding: 64px 24px; }
.label { color: #a3b84b; text-transform: uppercase; letter-spacing: .2em; font-size: .75rem; }
h1 { font-size: clamp(3.5rem, 11vw, 7rem); line-height: .95; letter-spacing: -.06em; margin: 40px 0; }
h1 span { color: #a3b84b; }
.status { font-weight: 700; font-size: 1.25rem; }
.description { max-width: 600px; line-height: 1.8; color: #a6afa8; }
nav { display: flex; flex-wrap: wrap; gap: 16px; margin: 32px 0; }
a { display: inline-block; padding: 16px 24px; color: #d8e1d2; border: 1px solid #5e6f4c; border-radius: 4px; text-decoration: none; font-weight: 600; }
a:hover, a:focus-visible { outline: 2px solid #a3b84b; outline-offset: 4px; }
.primary { background: #b0c65c; color: #141b10; }
.notice { color: #859080; font-size: .8rem; max-width: 600px; }