html:has(main.login){min-height:100%;background:#15171c}
body:has(main.login){min-height:100vh;min-height:100dvh;margin:0;display:flex;flex-direction:column;background:#15171c}
body:has(main.login) #root{display:flex;flex:1;flex-direction:column;min-width:0}
main.login{box-sizing:border-box;flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:48px 24px;background:none;text-align:center}
main.login>p{margin:0;max-width:520px;line-height:1.6;letter-spacing:0}
main.login>.eyebrow{font-size:12px;color:#b9c2cd}
main.login h1{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:min(520px,100%);margin:0;line-height:1}
main.login h1 .legionstats-wordmark{display:block;width:100%;height:auto;max-width:100%;margin:0;aspect-ratio:3/1;object-fit:contain}
main.login>.button{min-height:44px;margin:0;align-self:center}
body:has(main.login) #site-privacy{box-sizing:border-box;position:static;flex:none;width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;padding:20px 24px!important;margin:0;border-top:1px solid #363b43;background:#191b20;line-height:1.5;letter-spacing:0}
body:has(main.login) #site-privacy a{color:#cbd2dc!important;letter-spacing:0;overflow-wrap:anywhere}
body:has(main.login) #site-privacy a:hover{color:#edc45e!important}
@media(max-width:600px){main.login{gap:20px;padding:32px 20px}main.login h1{width:min(400px,100%)}body:has(main.login) #site-privacy{padding:16px 20px!important;gap:8px 12px;font-size:12px!important}}

main.login h1 .legionstats-wordmark{transform:translateX(-0.5295%)}
main.login>h1{order:0}main.login>.eyebrow{order:1}main.login>p:not(.eyebrow){order:2}main.login>.button{order:3}

main.login{gap:20px}main.login>h1{margin-bottom:-18px}
@media(max-width:600px){main.login{gap:18px}main.login>h1{margin-bottom:-12px}}