body[data-page="login"] .scene{background-image:url('/assets/voltus-ambient-poster-v2.png');background-position:center;background-size:cover;filter:none;animation:none;transform:none}
body[data-page="login"] .shade{background:linear-gradient(90deg,transparent 0%,transparent 45%,#020b1420 65%,#020b1440),linear-gradient(0deg,#020b1433,transparent 25%);pointer-events:none}
body[data-page="login"] .intro-logo{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}
body[data-page="login"] main{grid-template-columns:minmax(0,1fr) minmax(420px,540px);gap:36px;padding-left:5vw;padding-right:5vw}
body[data-page="login"] .auth{width:100%;background:linear-gradient(145deg,#071727ed,#020b15ed);border-color:#c4a96b88}
body[data-page="login"] .status{display:block}
@media(min-width:901px){body[data-page="login"] main{padding-top:10px;padding-bottom:35px}body[data-page="login"] .auth{padding:22px 32px 18px}body[data-page="login"] .auth h2{font-size:30px}}
@media(max-width:900px) and (orientation:portrait){body[data-page="login"] .scene{background-position:25% center}body[data-page="login"] main{display:block;padding:20px 16px 80px}body[data-page="login"] .intro{display:none}body[data-page="login"] .auth{max-width:540px;margin:auto}}
@media(max-width:900px) and (orientation:landscape){body[data-page="login"] main{grid-template-columns:minmax(100px,1fr) minmax(360px,440px);gap:12px;padding:0 16px 8px}body[data-page="login"] .auth{padding:10px 24px}}

.arena-arrived body[data-page="login"] .scene{background-position:center}
.arena-arrived .auth,.arena-arrived .topbar{animation:arena-reveal .65s ease-out both}
@keyframes arena-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.arena-arrived .auth,.arena-arrived .topbar{animation:none}}