body.bbs-login { background:#101110; color:#f4f3ef; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; letter-spacing:0; padding-top:84px; }
.bbs-login .navbar { min-height:84px; }
.bbs-login .navbar-topbar { display:none; }
.bbs-login .navbar-main { min-height:84px; padding:0 4.5%; max-width:1600px; margin:auto; }
.login-page { box-sizing:border-box; max-width:1280px; margin:auto; padding:85px 4.5% 90px; min-height:calc(100svh - 230px); display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:90px; }
.login-page * { box-sizing:border-box; }
.login-intro .login-eyebrow { color:#a7aaa4; font-size:10px; letter-spacing:.16em; text-transform:uppercase; margin:0 0 24px; }
.login-intro h1 { color:#f4f3ef; font-size:clamp(56px,6.3vw,88px); font-weight:500; line-height:1.04; letter-spacing:-.065em; margin:0 0 28px; }
.login-intro h1 span { color:#ff9c35; }
.login-intro > p { color:#a7aaa4; font-size:16px; line-height:1.8; margin:0 0 30px; }
.login-guest-link { display:inline-flex; align-items:center; gap:16px; color:#f4f3ef; font-size:12px; line-height:1.6; text-decoration:none; }
.login-guest-link svg { width:20px; height:20px; stroke:#ffb463; stroke-width:1.5; fill:none; flex-shrink:0; }
.login-panel { padding:36px; border:1px solid #ffffff24; border-radius:7px; background:#171917; width:100%; max-width:470px; justify-self:end; }
.login-panel h2 { color:#f4f3ef; font-size:28px; font-weight:500; letter-spacing:-.035em; margin:0 0 30px; }
.bbs-login .login-form { display:block; padding:0; margin:0; width:100%; max-width:none; background:none; border:0; border-radius:0; box-shadow:none; }
.login-field { margin-bottom:22px; }
.bbs-login .login-form label { display:block; color:#d8dad4; font-size:13px; font-weight:400; margin-bottom:10px; }
.bbs-login .login-form input { width:100%; max-width:none; min-height:50px; padding:14px; background:#101310; color:#f4f3ef; border:1px solid #ffffff29; border-radius:5px; font:16px 'Helvetica Neue',Helvetica,Arial,sans-serif; box-shadow:none; }
.bbs-login .login-form input::placeholder { color:#81877d; }
.bbs-login .login-form .forgot-link { display:block; width:fit-content; margin:0 0 26px auto; color:#a7aaa4; font-size:12px; text-decoration:none; }
.bbs-login .login-submit { display:block; width:100%; min-height:50px; padding:14px 20px; background:#ff9c35; color:#101110; border:1px solid #ff9c35; border-radius:5px; font:500 14px 'Helvetica Neue',Helvetica,Arial,sans-serif; cursor:pointer; }
.bbs-login .login-submit:hover { background:#ffb463; }
.bbs-login .login-submit:disabled { cursor:wait; opacity:.65; }
.login-register { border-top:1px solid #ffffff24; padding-top:24px; margin:26px 0 0; color:#a7aaa4; font-size:13px; line-height:1.8; }
.login-register a { color:#f4f3ef; text-decoration:underline; text-underline-offset:4px; margin-left:5px; }
.login-page :is(a,button,input):focus-visible { outline:2px solid #ff9c35; outline-offset:4px; }
.bbs-login .auth-toast { position:fixed; top:100px; right:24px; z-index:99999; width:min(420px,calc(100vw - 32px)); padding:18px 20px; background:#242821; border:1px solid #e9867e; border-radius:6px; color:#f4f3ef; font-size:14px; line-height:1.6; opacity:0; visibility:hidden; pointer-events:none; }
.bbs-login .auth-toast.is-visible { opacity:1; visibility:visible; }
.bbs-login .auth-toast.is-success { border-color:#9dbc87; }
.bbs-login .footer { background:#101110; border-top:1px solid #ffffff24; border-radius:0; box-shadow:none; margin:0; padding:24px 4.5%; }
.bbs-login .footer .legal-links a, .bbs-login .footer .copyright { color:#a7aaa4; font-size:10px; }
@media(max-width:800px) { .login-page { gap:35px; } .login-panel { padding:26px; } }
@media(max-width:600px) {
 body.bbs-login { padding-top:72px; }
 .bbs-login .navbar, .bbs-login .navbar-main { min-height:72px; }
 .login-page { grid-template-columns:1fr; padding:40px 22px; gap:30px; min-height:0; }
 .login-intro h1 { font-size:54px; margin-bottom:20px; }
 .login-intro > p { font-size:14px; margin-bottom:18px; }
 .login-panel { max-width:none; padding:24px; }
 .login-panel h2 { font-size:24px; }
 .bbs-login .auth-toast { top:84px; left:16px; right:16px; width:auto; }
}