.login-hero{background:#142436;border:1px solid #2d4661;border-radius:18px;grid-template-columns:1.1fr 1fr;display:grid;overflow:hidden}.login-hero-copy{align-self:center;padding:clamp(26px,4vw,50px)}.login-hero h1{font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.25}.login-headline{color:var(--blue);letter-spacing:-.045em;text-wrap:balance;margin-top:14px;font-size:clamp(2.2rem,4.7vw,4rem);font-weight:800;line-height:1.05}.login-intro{color:#dce7f1;max-width:45ch;margin-top:20px}.login-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.login-hero small{color:var(--muted);margin-top:14px;font-size:.78rem;display:block}.login-hero-art{object-fit:cover;object-position:52% center;width:100%;height:100%;min-height:390px}.login-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;padding:0;display:grid}.login-nav a{min-height:56px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px;display:flex}.login-nav a:hover{border-color:var(--blue);background:#1a2c3e}.login-nav .icon{color:var(--blue)}.login-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:24px 0 0;padding:0;list-style:none;display:grid}.login-steps li{gap:14px;display:flex}.login-number{width:36px;height:36px;color:var(--blue);background:#193047;border-radius:50%;flex:0 0 36px;place-items:center;font-weight:750;display:grid}.login-steps h3{margin:4px 0 10px;font-size:1.08rem;line-height:1.35}.login-steps p,.login-password p,.login-support p,.login-mobile p,.login-register p{color:var(--muted);text-wrap:pretty}.login-password{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-columns:.8fr 1.4fr;display:grid;overflow:hidden}.login-password-art{border-right:1px solid var(--line);background:#0f1c29;flex-direction:column;justify-content:center;gap:18px;margin:0;padding:28px;display:flex}.login-screen-crop{aspect-ratio:384/272;border:1px solid #34465a;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 14px 30px #0004}.login-screen-crop img{width:310.156%;max-width:none;height:auto;position:absolute;top:-147.61%;left:-103.646%}.login-password-art figcaption{color:var(--muted);justify-content:center;align-items:center;gap:9px;font-size:.85rem;display:flex}.login-password-art figcaption .icon{color:var(--blue)}.login-password-copy{padding:clamp(24px,3vw,38px)}.login-section-title{align-items:center;gap:12px;display:flex}.login-section-title .icon{color:var(--blue);flex:0 0 26px;width:26px;height:26px}.login-password p{margin-top:14px}.login-password ol{margin-block:22px;padding-left:23px}.login-password li{margin-bottom:12px;padding-left:7px}.login-password li::marker{color:var(--blue);font-weight:750}.login-password-note{border-top:1px solid var(--line);padding-top:18px}.login-password .button{margin-top:18px}.login-troubleshooting{grid-template-columns:1.4fr .8fr;align-items:start;gap:28px;display:grid}.login-troubleshooting .faq,.login-faq .faq{margin-top:24px}.login-support{background:#142436;border:1px solid #34516c;border-radius:16px;padding:28px;scroll-margin-top:100px}.login-support-heading{align-items:center;gap:14px;display:flex}.login-support-icon{width:46px;height:46px;color:var(--blue);border:1px solid #3b637d;border-radius:12px;flex:0 0 46px;place-items:center;display:grid}.login-support-icon .icon{width:28px;height:28px}.login-support h2{font-size:1.35rem}.login-support p{margin-top:16px}.login-support .login-privacy{border-top:1px solid #34516c;padding-top:16px;font-size:.86rem}.login-support .button{width:100%;margin-top:24px}.login-mobile{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:38px;padding-block:28px;display:grid}.login-mobile p{margin-top:16px}.login-mobile .button{margin-top:22px}.login-game-art{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.login-game-art img{aspect-ratio:3/4;object-fit:cover;border-radius:10px;width:100%;height:auto}.login-register{border:1px solid var(--line);background:var(--surface);border-radius:16px;justify-content:space-between;align-items:center;gap:28px;padding:28px;display:flex}.login-register p{max-width:65ch;margin-top:12px}.login-register h2{font-size:1.6rem}.login-register .login-actions{flex-direction:column;flex:none;margin:0}@media (width<=850px){.login-hero-copy{padding:26px}.login-hero{grid-template-columns:1.2fr 1fr}.login-steps{gap:18px}.login-steps li{flex-direction:column}.login-password{grid-template-columns:1fr 1.2fr}.login-password-art{padding:20px}.login-troubleshooting,.login-mobile{grid-template-columns:1fr}.login-game-art{max-width:540px}}@media (width<=640px){.login-hero{flex-direction:column-reverse;display:flex}.login-hero-art{aspect-ratio:2.2;height:auto;min-height:0}.login-hero-copy{padding:24px 20px}.login-headline{font-size:2.7rem}.login-actions{flex-direction:column}.login-actions .button{width:100%}.login-nav{grid-template-columns:1fr;gap:8px}.login-nav a{justify-content:start;min-height:48px;padding:10px 16px;font-size:.9rem}.login-steps{grid-template-columns:1fr;gap:22px}.login-steps li{flex-direction:row}.login-steps h3{margin-bottom:6px}.login-password{grid-template-columns:1fr}.login-password-art{border-right:0;border-bottom:1px solid var(--line);padding:24px}.login-password-copy{padding:22px}.login-section-title{align-items:start}.login-support{padding:24px;scroll-margin-top:140px}.login-register{flex-direction:column;align-items:stretch;padding:22px}.login-game-art{gap:7px}.login-game-art img{border-radius:8px}.section{scroll-margin-top:140px}}.login-walkthrough{grid-template-columns:minmax(0,1fr) minmax(250px,360px);align-items:center;gap:clamp(24px,5vw,64px);margin-top:24px;display:grid}.login-walkthrough .login-steps{grid-template-columns:1fr;gap:0;margin:0}.login-walkthrough .login-steps li{border-bottom:1px solid var(--line);flex-direction:row;padding-block:18px}.login-signin-art{border:1px solid var(--line);background:#0f1c29;border-radius:16px;margin:0;padding:16px}.login-signin-art img{border-radius:10px;width:100%;height:auto;display:block}.login-signin-art figcaption{text-align:center;color:var(--muted);margin-top:10px;font-size:.85rem}.login-register{grid-template-columns:minmax(130px,24%) minmax(0,1fr) auto;padding:0 26px 0 0;display:grid;overflow:hidden}.login-register-copy{padding-block:24px}.login-register-art{object-fit:cover;object-position:center;width:100%;height:100%;min-height:190px;display:block}@media (width<=850px){.login-register{grid-template-columns:minmax(145px,32%) minmax(0,1fr);gap:0 22px}.login-register-art{grid-row:span 2}.login-register .login-actions{align-items:start;padding-bottom:22px}}@media (width<=640px){.login-walkthrough{grid-template-columns:1fr}.login-signin-art{justify-self:center;width:min(100%,360px)}.login-register{grid-template-columns:1fr;gap:0;padding:0}.login-register-art{object-position:center 42%;grid-row:auto;height:150px;min-height:0}.login-register-copy{padding:20px}.login-register .login-actions{align-items:stretch;padding-inline:20px}}
