.account form{margin:0}.account button{border:0;background:var(--accent);color:#10100f;padding:11px 18px;font:700 12px Inter;cursor:pointer}.welcome{color:#aeb7ae}.welcome b{color:#fff}.auth-page{min-height:100vh;background:#17140f}.auth-header{height:78px;max-width:1320px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.auth-header>a:last-child{color:var(--muted);font-size:11px}.auth-shell{max-width:1320px;min-height:calc(100vh - 78px);padding:28px 24px;display:grid;grid-template-columns:1.12fr .88fr}.auth-visual{min-height:650px;position:relative;overflow:hidden}.auth-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,10,.9),rgba(10,10,10,.05) 75%)}.auth-visual>img{width:100%;height:100%;object-fit:cover;position:absolute;opacity:1;transform:scale(1.01);transition:opacity .8s ease,transform 7s ease}.auth-visual>img.is-changing{opacity:0;transform:scale(1.035)}.auth-visual>div{position:absolute;z-index:2;left:55px;bottom:55px;max-width:560px}.auth-visual h1{font-size:62px;margin:16px 0;line-height:1}.auth-visual p{color:#c4ccc4;line-height:1.7}.login-panel{background:var(--panel);display:grid;place-items:center;padding:50px}.login-box{width:100%;max-width:390px}.login-box h2{font-size:29px;letter-spacing:-1.3px;margin:13px 0 9px}.login-box>p{color:var(--muted);font-size:12px;margin-bottom:32px}.login-box form>label{display:block;color:#bcc5bc;font-size:10px;font-weight:700;margin:18px 0 8px}.login-box input[type=text],.login-box input[type=password]{width:100%;height:49px;border:1px solid #534c41;background:#10100f;color:#fff;padding:0 14px;outline:0;font:13px Inter}.login-box input:focus{border-color:var(--accent)}.form-row{display:flex;align-items:center;justify-content:space-between;margin:18px 0 25px;font-size:10px}.form-row>a,.register-note a{color:var(--accent)}.check{display:flex!important;align-items:center;gap:8px;margin:0!important}.login-submit{width:100%;height:50px;border:0;background:var(--accent);color:#10100f;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font:800 12px Inter;cursor:pointer}.register-note{text-align:center;color:var(--muted);border-top:1px solid var(--line);margin-top:30px;padding-top:25px;font-size:10px}.form-error{background:#38201e;border:1px solid #6a3732;color:#f0b3ac;padding:12px;font-size:11px;margin:18px 0}@media(prefers-reduced-motion:reduce){.auth-visual>img{transition:none}}@media(max-width:800px){.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.login-panel{min-height:calc(100vh - 130px);padding:35px 22px}}@media(max-width:560px){.welcome{display:none}.account{gap:8px}}
.login-box input[type=text],.login-box input[type=email],.login-box input[type=password]{font-size:16px!important}
.register-shell .auth-visual{min-height:760px}.register-box{max-width:470px}.register-box form{display:grid}.register-box form label{display:block;color:#bcc5bc;font-size:10px;font-weight:700;margin:15px 0 8px}.register-box input[type=text],.register-box input[type=email],.register-box input[type=password],.register-box input:not([type]){box-sizing:border-box;width:100%;height:47px;border:1px solid #534c41;background:#10100f;color:#fff;padding:0 14px;outline:0;font:13px Inter}.register-box input:focus{border-color:var(--accent)}.register-box form>small{margin-top:6px;color:var(--muted);font-size:8px}.register-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.register-box .login-submit{margin-top:24px}.form-error ul{margin:0;padding-left:17px;display:grid;gap:4px}@media(max-width:560px){.register-field-row{grid-template-columns:1fr}}
.register-consents{display:grid;gap:9px;margin-top:20px;padding:15px;border:1px solid #534c41;background:#151514}.register-box .register-consents label{display:flex;align-items:flex-start;gap:10px;margin:0;color:#aeb9b0;font-size:9px;font-weight:500;line-height:1.55;cursor:pointer}.register-consents input{flex:0 0 auto;width:15px;height:15px;margin:1px 0 0;accent-color:var(--accent)}.register-consents a{color:#ffd34f;font-weight:800;text-decoration:underline;text-underline-offset:2px}
.login-box input[type=email]{box-sizing:border-box;width:100%;height:49px;border:1px solid #534c41;background:#10100f;color:#fff;padding:0 14px;outline:0;font:13px Inter}.form-success{background:#1c1a16;border:1px solid #7e4f0d;color:#f4ead8;padding:12px;font-size:11px;line-height:1.55;margin:18px 0}.auth-single{display:block;max-width:760px;min-height:calc(100vh - 78px)}.auth-single .login-panel{min-height:620px;border-radius:18px}.auth-single .login-submit{margin-top:26px}

/* Mobile auth pages must use the visual viewport, including inside iOS WebView. */
@media(max-width:560px){
html,body.auth-page{width:100%;max-width:100%;overflow-x:hidden}
body.auth-page .site-header .header-main{width:100%;max-width:100%;padding-left:14px!important;padding-right:14px!important;gap:8px!important}
body.auth-page .site-header .site-brand{flex:0 1 112px;min-width:0;overflow:hidden}
body.auth-page .site-header .site-brand-logo{display:block;width:112px!important;height:auto!important;max-width:112px!important;max-height:38px!important;object-fit:contain}
body.auth-page .site-header .account{min-width:0;gap:6px;margin-left:auto}
body.auth-login-page .site-header .mobile-login-link{display:none!important}
body.auth-login-page .site-header .join{display:inline-flex!important;padding:9px 10px!important;white-space:nowrap}
body.auth-page .auth-shell{display:block;width:100%;max-width:100%;min-width:0;margin:0;padding:0!important;overflow:hidden}
body.auth-page .login-panel{display:block;width:100%;max-width:100%;min-width:0;margin:0;padding:42px 18px 28px!important}
body.auth-page .login-box,body.auth-page .login-box form{width:100%;max-width:100%;min-width:0;margin:0}
body.auth-page .login-box input,body.auth-page .login-box button{display:flex;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
body.auth-page .login-box input[type=text],body.auth-page .login-box input[type=email],body.auth-page .login-box input[type=password]{font-size:16px!important}
body.auth-page .login-box h2{font-size:27px;line-height:1.08;letter-spacing:-1px}
}
