:root{color-scheme:dark;--bg:#03090d;--text:#f2f4f5;--muted:#a1afb6;--orange:#ff8a24}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:url('/assets/backdrop.webp') center 35%/min(1100px,110vw) auto no-repeat;opacity:.16;pointer-events:none}
body::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#02070be6,transparent 28%,transparent 72%,#02070be6),linear-gradient(#03090d40,#03090da8);pointer-events:none}
main{max-width:1440px;margin:auto}
header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #17313b}
.wordmark{font-size:29px;font-weight:800;letter-spacing:-2px}.dot{color:var(--orange)}
.status,.eyebrow,footer{font-family:Consolas,"Courier New",monospace;letter-spacing:2px;font-size:11px}
.status{display:flex;align-items:center;gap:10px;color:var(--muted)}.status i{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px #ff8a2466}
.identity{position:relative;margin:36px 5% 0;line-height:0;background:#02080c;border:1px solid #23404a;border-radius:8px;overflow:hidden;box-shadow:0 24px 90px #0008,0 0 55px #ff8a2408}
.identity::after{content:"";position:absolute;inset:0;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff06;pointer-events:none}
.logo-still{display:block;width:100%;height:auto;transition:opacity .25s}
video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s}
.identity.playing video{opacity:1}.identity.playing .logo-still{opacity:0}
button{position:absolute;right:24px;bottom:20px;min-height:40px;border:1px solid #60717a;background:#041018e8;color:var(--text);padding:10px 15px;cursor:pointer;border-radius:3px;font:12px Consolas,monospace}
button:hover{border-color:var(--orange)}button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.message{text-align:center;padding:54px 24px 64px;background:radial-gradient(ellipse at top,#10212b50,transparent 65%)}
.eyebrow{color:var(--orange);line-height:1.8;margin:0 0 24px}
h2{font-size:clamp(36px,5.5vw,72px);line-height:1.04;letter-spacing:-2.5px;margin:0 0 24px;font-weight:750}
h2 span{color:var(--orange)}
.intro{color:var(--muted);font-size:17px;line-height:1.8;margin:0}
.rule{display:inline-block;width:30px;height:1px;background:var(--orange);vertical-align:middle;margin:0 9px;opacity:.65}
.disciplines{display:flex;align-items:center;justify-content:center;gap:19px;margin-top:34px;font:10px Consolas,monospace;letter-spacing:2px;color:#c0cbd0}.disciplines b{color:var(--orange);font-weight:400}
footer{border-top:1px solid #17313b;margin:0 5%;padding:25px 0 32px;display:flex;justify-content:space-between;gap:20px;color:#8c9ba4;font-size:10px;line-height:1.8}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){header{height:68px}.status{font-size:9px;letter-spacing:1px}.message{padding:42px 20px 55px}.eyebrow{font-size:9px;letter-spacing:1px}footer{flex-direction:column;gap:8px}button{right:10px;bottom:10px;min-height:36px;font-size:10px;padding:8px 10px}}
@media(max-width:600px){.identity{margin:22px 4% 0}.rule{display:none}.disciplines{gap:10px;font-size:9px;letter-spacing:1px}body::before{background-size:auto 90vh}}
@media(prefers-reduced-motion:reduce){video,.logo-still{transition:none}}