:root{--bg:#e3eaf0;--nav:#08131e;--nav2:#0e2635}
[hidden]{display:none!important}
.access-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 80% 0%,#24505d,transparent 60%),#08131e}
.access-card{background:#fff;border-radius:20px;padding:clamp(22px,5vw,38px);width:min(100%,440px);box-shadow:0 20px 65px #0005}
.access-card h1{margin:.75em 0 .25em}
.access-card p,.access-card small{color:#526777;line-height:1.45}
.access-card small{display:block;margin-top:20px}
.access-card .primary{width:100%}
.access-card .text-btn{margin-top:12px;padding:6px 0}
#accessStatus{color:#a32538;font-size:.85rem;min-height:1em}
.brand-mark{background:#baf76b;color:#142a25;letter-spacing:-.05em}
.sidebar .nav-btn.active{box-shadow:inset 3px 0 #baf76b;background:#183443}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:170px;background:linear-gradient(112deg,#091c2b,#16384a)}
.hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#091c2b 24%,transparent 67%,#102b3d 100%),url("./arena.svg") no-repeat right 100px center/auto 115%;opacity:.7}
.hero .pill{color:#caf98e}
.hero-stat strong{color:#caf98e}
.nav-btn:focus-visible,.primary:focus-visible{outline:2px solid #1987db;outline-offset:3px}
@media(max-width:760px){.hero::before{background-position:right center,right -185px center;opacity:.35}}
.access-screen{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;background:radial-gradient(ellipse at 50% 22%,#486847,transparent 68%),#172c23}
.access-card{position:relative;background:linear-gradient(155deg,#e4eed2,#b9cfa9);border:1px solid #d8edbd;color:#173828}
.access-card .brand-mark{background:#204632;color:#d8f1b2}
.access-card .access-kicker{margin:18px 0 0;font-size:.72rem;letter-spacing:.17em;font-weight:800;color:#32543a}
.access-card h1{margin:.3em 0}
.access-card p,.access-card small,.access-card label{color:#284a35}
.access-card input{background:#f1f6e5;border-color:#78946f}
.access-card .primary{background:#214e35}
.access-card .text-btn{color:#234e36;text-decoration:underline}
.access-arena{position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("./arena.svg") center/ min(90%,1100px) auto no-repeat}
.access-arena span{position:absolute;font-size:clamp(2.2rem,7vw,6.5rem);filter:drop-shadow(0 10px 16px #12251c88)}
.access-arena span:nth-child(1){top:12%;left:12%;transform:rotate(-19deg)}
.access-arena span:nth-child(2){top:21%;right:12%;transform:rotate(20deg)}
.access-arena span:nth-child(3){bottom:19%;left:8%}
.access-arena span:nth-child(4){bottom:11%;right:9%}
.access-arena span:nth-child(5){bottom:5%;left:29%;transform:rotate(-15deg)}
.access-arena span:nth-child(6){top:5%;right:28%}
@media(max-width:600px){.access-arena{opacity:.6}.access-arena span:nth-child(1),.access-arena span:nth-child(2){top:3%}.access-arena span:nth-child(3),.access-arena span:nth-child(4){bottom:3%}}