.auth-screen:has(.login-landing){display:block;padding:0;background:#06090d;overflow:visible}
.login-landing{position:relative;isolation:isolate;min-height:100vh;color:#f7f9fd;background:linear-gradient(90deg,rgba(3,7,11,.44),rgba(3,7,11,.14) 47%,rgba(3,7,11,.64)),linear-gradient(0deg,#05080b 2%,transparent 44%),url('./assets/login-arena.png') center top / cover no-repeat;font-family:Arial,Helvetica,sans-serif}
.login-landing *{box-sizing:border-box}
.login-landing button{cursor:pointer;font:inherit}
.login-landing a{color:inherit;text-decoration:none}
.login-landing a:hover,.login-landing button:hover{filter:brightness(1.18)}
.login-header{display:flex;align-items:flex-start;gap:2rem;justify-content:space-between;width:min(1400px,94%);margin:auto;padding:18px 0 0}
.login-logo{display:flex;align-items:center;gap:16px;min-width:510px}
.login-logo-mark{font-size:74px;font-style:italic;font-weight:1000;letter-spacing:-15px;line-height:.85;padding-right:18px;color:#eef5ff;text-shadow:1px 2px #67788a,3px 5px #111d2b,6px 8px #178ce8}
.login-logo-type{display:flex;flex-direction:column;gap:5px}
.login-logo-type strong,.login-footer strong{font-size:45px;font-style:italic;font-weight:1000;letter-spacing:-3px;line-height:1}.login-logo-type strong span,.login-footer strong span{color:#168ffa}
.login-logo-type small{font-size:12px;letter-spacing:6px;font-weight:700;white-space:nowrap}
.login-nav{display:flex;align-items:center;justify-content:center;gap:27px;padding-top:23px;text-transform:uppercase;font-size:13px;font-weight:700;white-space:nowrap}
.login-header-actions{display:flex;gap:18px;padding-top:5px;white-space:nowrap}.login-header-actions button{min-height:44px;padding:0 25px;border-radius:11px;color:white;font-size:14px;font-weight:700}.login-header-signin{border:1px solid #a7bfd4;background:#080e14}.login-header-start{border:1px solid #168dfa;background:#168dfa}
.login-countries{width:min(1400px,94%);margin:16px auto 0;padding-left:260px;font-size:16px;letter-spacing:3px}.login-countries span{padding:0 13px;color:#8194a9}
.login-flag{display:inline-block;width:27px;height:18px;vertical-align:-3px;margin-left:4px}
.login-main{width:min(1400px,94%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(500px,.88fr);gap:32px;align-items:stretch;min-height:610px}
.login-story{display:flex;align-items:end;padding:0 0 18px}.login-story-copy{max-width:690px}.login-story-copy p{margin:0 0 10px;font-size:17px;letter-spacing:8px;color:#f5f8fb}.login-story-copy h2{margin:0;white-space:nowrap;font-size:clamp(54px,5.5vw,86px);font-weight:1000;letter-spacing:-5px;line-height:.95}.login-story-copy h2 span{color:#178ffa}.login-story-copy>div{margin-top:8px;font-size:18px;color:white}
.login-panel{border:1px solid #526675;border-radius:16px;padding:25px 45px 20px;background:linear-gradient(120deg,rgba(14,24,33,.94),rgba(10,18,25,.84));box-shadow:inset 0 0 34px #d5e8ff0d,0 18px 45px #0008;backdrop-filter:blur(6px);text-align:center}
.login-tabs{display:flex;justify-content:space-between;border-bottom:1px solid #354657;margin:0 20px 24px}.login-tabs button{position:relative;width:50%;padding:0 0 16px;border:0;background:none;color:#899caf;font-size:19px;font-weight:700}.login-tabs button.active{color:#159cff}.login-tabs button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:4px;border-radius:4px 4px 0 0;background:#159cff}
.login-panel h1{margin:0;font-size:31px;line-height:1.15}.login-panel h1 span{color:#158fee}.login-intro{margin:9px 0 22px;color:#d0dbe7;font-size:17px}
.login-form{display:grid;gap:12px}.login-field{display:flex;align-items:center;gap:12px;height:48px;padding:0 15px;border:1px solid #8398ac;border-radius:7px;background:#0a141d99;color:#c5d6e7}.login-field:focus-within{border-color:#159cff;box-shadow:0 0 0 2px #159cff55}.login-field>span[aria-hidden]{font-size:24px;width:24px;line-height:1}.login-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:white;font-size:17px}.login-field input::placeholder{color:#b6c6d8}.login-field button{border:0;background:transparent;color:#c7def4;font-size:23px;padding:0}.login-options{display:flex;justify-content:space-between;align-items:center;margin:3px 0 4px;text-align:left;font-size:15px}.login-options label{display:flex;align-items:center;gap:9px;white-space:nowrap}.login-options input{width:19px;height:19px;accent-color:#159cff;opacity:1}.login-options button{border:0;background:none;color:#37b5ff;padding:0}
.login-submit{height:50px;border:1px solid #1899ff;border-radius:8px;background:#168ffa;color:white;font-size:17px!important;font-weight:700!important}.login-divider{display:flex;align-items:center;gap:15px;margin:17px 0 14px;color:#c3d1df;font-size:12px}.login-divider:before,.login-divider:after{content:'';height:1px;flex:1;background:#405161}.login-google,.login-create{width:100%;height:48px;border:1px solid #91a5b8;border-radius:8px;background:#09131bab;color:white;font-size:17px}.login-google span{font-size:25px;font-weight:1000;color:#4285f4;text-shadow:2px 0 #34a853,-2px 0 #ea4335}.login-new{margin:18px 0 11px;font-size:16px}.login-create{border-color:#159cff;color:#35b7ff;font-weight:700!important}.login-belong{margin:12px 0 0!important;color:#c5d2e0;font-size:15px;line-height:1.6}.login-panel .auth-error,.login-panel .auth-success{text-align:left}
.login-signup-form{margin-top:20px;text-align:left}.login-signup-form label{font-size:13px;color:#d6e3ef}.login-signup-form input{height:46px;background:#09131b;border-color:#7a91a4;color:white}.login-signup-form .login-submit{margin-top:8px}
.login-lower{display:grid;grid-template-columns:1.45fr 1fr;gap:32px;align-items:start;width:min(1400px,94%);margin:28px auto 0}.login-features{display:grid;grid-template-columns:repeat(5,1fr)}.login-features>div{text-align:center;padding:3px 12px;border-right:1px solid #3d4854}.login-features>div:last-child{border:0}.login-features b{display:block;height:47px;color:#ff3541;font-size:39px;line-height:1}.login-features strong{display:block;margin:5px 0 8px;font-size:13px;white-space:nowrap}.login-features p{margin:0;color:#c9d3df;font-size:14px;line-height:1.35}.login-thanks{display:flex;gap:15px;align-items:start}.login-heart{font-size:64px;line-height:.9;color:#ff3d4d}.login-thanks>div{flex:1}.login-thanks strong{display:block;font:italic 36px cursive;transform:rotate(-8deg);margin:-4px 0 0}.login-thanks small{display:block;text-align:center;font-size:12px;letter-spacing:5px;font-weight:700}.login-thanks p{margin:12px 0 0;color:#cbd5e0;font-size:13px;line-height:1.5}.login-thanks b{border-left:2px solid #fa3848;padding-left:25px;margin-top:13px;font-size:16px;letter-spacing:3px;line-height:1.4;white-space:nowrap}
.login-features svg{display:block;width:45px;height:45px;margin:0 auto;color:#ff3541;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.login-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;width:min(1440px,94%);margin:36px auto 0;padding:15px 0 24px;border-top:1px solid #34424f;font-size:13px;letter-spacing:3px}.login-footer>div{display:flex;flex-direction:column;gap:3px}.login-footer strong{font-size:27px}.login-footer small{font-size:8px;letter-spacing:2px}.login-footer>span:last-child{color:#9caebe;font-size:11px;letter-spacing:4px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1250px){.login-logo{min-width:360px}.login-logo-mark{font-size:60px}.login-logo-type strong{font-size:33px}.login-logo-type small{font-size:9px;letter-spacing:4px}.login-nav{gap:14px;font-size:11px}.login-header-actions{gap:8px}.login-header-actions button{padding:0 15px}.login-main{grid-template-columns:minmax(0,1fr) minmax(430px,.9fr)}.login-panel{padding:24px 28px}.login-story-copy h2{font-size:clamp(48px,5vw,70px)}.login-story-copy p{font-size:14px;letter-spacing:5px}.login-lower{grid-template-columns:1fr}.login-thanks{justify-content:center}}
@media(max-width:900px){.login-landing{background-position:34% top}.login-header{align-items:center;flex-wrap:wrap}.login-logo{min-width:0}.login-nav{order:3;width:100%;padding:6px 0;flex-wrap:wrap}.login-countries{padding-left:0;text-align:center;margin-top:4px}.login-main{display:flex;flex-direction:column;gap:18px;min-height:0}.login-story{min-height:330px;align-items:end}.login-story-copy h2{font-size:clamp(48px,9vw,78px)}.login-panel{width:min(610px,100%);align-self:center}.login-footer>span:last-child{display:none}}
@media(max-width:600px){.login-header{width:92%;padding-top:14px;gap:8px}.login-logo-mark{font-size:42px;letter-spacing:-10px;padding-right:10px}.login-logo-type strong{font-size:25px;letter-spacing:-2px}.login-logo-type small{font-size:7px;letter-spacing:2px}.login-header-actions{margin-left:auto}.login-header-actions button{font-size:11px;min-height:35px;padding:0 9px}.login-nav{gap:12px;font-size:10px}.login-countries{font-size:11px;letter-spacing:1px}.login-flag{width:20px;height:13px;vertical-align:-2px}.login-main{width:92%}.login-story{min-height:260px}.login-story-copy p{font-size:11px;letter-spacing:3px}.login-story-copy h2{font-size:clamp(34px,9vw,52px);letter-spacing:-3px;white-space:normal}.login-story-copy>div{font-size:13px}.login-panel{padding:20px 18px}.login-panel h1{font-size:25px}.login-intro{font-size:14px}.login-tabs{margin:0 5px 20px}.login-lower{width:92%;margin-top:25px}.login-features{grid-template-columns:repeat(2,1fr);gap:15px}.login-features>div{border:0}.login-thanks b{display:none}.login-footer{width:92%;flex-wrap:wrap;font-size:10px;letter-spacing:1px}}

/* Keep account access within reach on phones. */
.login-session-note{font-size:11px;max-width:210px;color:#ccd9e7}.login-landing button:focus-visible,.login-landing a:focus-visible{outline:3px solid #a9ddff;outline-offset:4px}
@media(max-width:600px){.login-story{min-height:140px}.login-story-copy h2{font-size:32px}.login-story-copy p{font-size:9px;letter-spacing:2px}.login-story-copy>div{font-size:12px}.login-header-actions button{min-height:44px}.login-tabs button{min-height:44px}.login-nav a{display:inline-flex;align-items:center;min-height:44px}.login-options{gap:12px}.login-options button{min-height:44px}.login-session-note{max-width:160px}.login-thanks{padding:20px 12px}.login-thanks p{font-size:13px}}