:root{--bg:#04111f;--panel:#091d2e;--line:#29435b;--green:#72c441;--orange:#ff6800;--muted:#9cafc2;color:#f5f7fa;background:var(--bg);font-family:Manrope,sans-serif}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input{font:inherit}.material-symbols-outlined{font-size:20px}.d-none{display:none!important}
.login-beta-shell{min-height:100vh;background:linear-gradient(rgba(4,17,31,.86),rgba(4,17,31,.96)),url('/assets/onboarding-beta-stadium.png') center/cover fixed}
.login-beta-top{height:84px;display:flex;align-items:center;gap:15px;padding:12px clamp(18px,5vw,76px);border-bottom:1px solid rgba(255,255,255,.1);background:rgba(3,15,28,.94)}
.login-beta-top>a,.login-beta-top picture{display:flex;flex:0 0 auto}.login-beta-top img{width:70px;height:52px;object-fit:contain}.login-beta-top div{display:grid}.login-beta-top strong{font:800 21px Lexend}.login-beta-top mark{padding:3px 6px;border-radius:99px;background:var(--orange);color:white;font-size:9px;text-transform:uppercase}.login-beta-top small{color:var(--muted)}.login-beta-top>span{display:flex;align-items:center;gap:7px;margin-left:auto;color:#c8d5e0;font-size:12px}.login-beta-top>span i{color:var(--green)}
.login-beta-stage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr);gap:18px;max-width:1120px;margin:auto;padding:clamp(32px,6vh,70px) 26px 48px}.login-beta-card,.login-beta-preview{min-width:0;border:1px solid rgba(115,144,170,.38);border-radius:20px;background:rgba(7,25,40,.97);box-shadow:0 22px 60px rgba(0,0,0,.25)}
.login-beta-card{display:flex;flex-direction:column;gap:14px;padding:clamp(25px,3.5vw,44px)}.login-beta-kicker{color:#8bdc56;font:800 11px Lexend;letter-spacing:.12em;text-transform:uppercase}.login-beta-card h1{margin:3px 0 4px;font:800 clamp(34px,4.2vw,50px)/1.04 Lexend;letter-spacing:-.04em}.login-beta-card h1 em{color:#87d752;font-style:normal}.login-beta-card>p,.login-beta-preview p{margin:0 0 8px;color:var(--muted);line-height:1.55}.login-beta-card label{display:grid;color:#dce6ee;font-size:12px;font-weight:800}.login-beta-label b{color:var(--orange)}.login-beta-card input{width:100%;height:49px;margin-top:7px;padding:0 14px;border:1px solid #3a536a;border-radius:9px;background:#0c2235;color:white;outline:0}.login-beta-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(114,196,65,.15)}
.login-beta-google,.login-beta-primary{display:flex;min-height:49px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:9px;font:800 13px Lexend;text-decoration:none;cursor:pointer}.login-beta-google{background:white;color:#172533}.login-beta-google img{width:20px}.login-beta-primary{background:var(--orange);color:white;box-shadow:0 10px 24px rgba(255,104,0,.2)}.login-beta-primary:disabled{cursor:wait;opacity:.55}.login-beta-divider{display:flex;align-items:center;gap:12px;color:#71879a;font-size:10px;text-transform:uppercase}.login-beta-divider:before,.login-beta-divider:after{content:"";height:1px;flex:1;background:#31485d}.login-beta-feedback{padding:11px 13px;border:1px solid rgba(255,91,82,.5);border-radius:9px;background:rgba(180,35,24,.2);color:#ffb4ad;font-size:12px;font-weight:700;text-align:center}.login-beta-register{text-align:center;color:var(--muted)}.login-beta-register a{color:#91db62;font-weight:800}
.login-beta-password{position:relative;display:block}.login-beta-password input{padding-right:50px}.login-beta-password button{position:absolute;right:7px;bottom:6px;display:grid;width:37px;height:37px;place-items:center;border:0;border-radius:8px;background:transparent;color:#9cafc2;cursor:pointer}.login-beta-password button:hover,.login-beta-password button:focus-visible{background:#173149;color:white;outline:0}
.login-beta-preview{display:flex;flex-direction:column;gap:20px;padding:20px;overflow:hidden}.login-beta-live{position:relative;min-height:300px;overflow:hidden;border-radius:14px;background:#020910}.login-beta-live img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.76}.login-beta-live>span{position:absolute;top:18px;left:18px;padding:7px 9px;background:#dd2830;font:800 9px Lexend}.login-beta-live>strong{position:absolute;right:18px;bottom:18px;left:18px;padding:15px;border-left:4px solid var(--green);background:rgba(3,15,25,.94);font:800 15px Lexend}.login-beta-preview h2{margin:5px 0 6px;font:800 25px/1.2 Lexend}.login-beta-preview ul{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none}.login-beta-preview li{display:flex;min-width:0;gap:10px;padding:12px;border:1px solid #29435b;border-radius:10px;background:#0b2032}.login-beta-preview li>i{color:var(--green)}.login-beta-preview li span{display:grid;align-content:start;gap:4px}.login-beta-preview li strong{font:700 11px/1.3 Lexend}.login-beta-preview li small{color:var(--muted);font-size:9px;line-height:1.4}
@media(max-width:850px){.login-beta-stage{grid-template-columns:minmax(0,1fr);max-width:650px}.login-beta-preview{display:none}}
@media(max-width:760px){.login-beta-shell{background-attachment:scroll}.login-beta-top{height:70px;padding:9px 13px}.login-beta-top>a,.login-beta-top picture,.login-beta-top picture img{width:46px;height:46px}.login-beta-top picture img{object-fit:contain}.login-beta-top strong{font-size:16px}.login-beta-top small{font-size:8px}.login-beta-top>span{font-size:0}.login-beta-stage{padding:18px 11px 28px}.login-beta-card{padding:24px 17px;border-radius:15px}.login-beta-card h1{font-size:32px}}