/* Login-only composition, sharing the account palette and profile artwork. */
body .club-login-page{box-sizing:border-box;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(36px,6vw,84px);align-items:start;padding-block:56px 80px}
.club-login-page .club-login-intro{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:610px;padding:42px 40px 34px;border-radius:24px;background:var(--club-blue)}
.club-login-page .club-eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:22px}
body .club-login-page .club-login-intro h1{font-size:clamp(40px,4.3vw,58px);line-height:1.1;margin-bottom:20px}
.club-login-page .club-login-intro .club-lead{font-size:15px;line-height:1.75;margin:0;color:var(--club-muted)}
.club-login-page .club-login-art{display:block;width:220px;max-width:72%;margin:28px auto 22px;align-self:center}
.club-login-page .club-login-intro>.club-text-link{display:inline-flex;align-items:center;gap:20px;margin-top:auto;min-height:44px;font-size:13px;text-decoration:none}
.club-login-page .club-login-intro>.club-text-link:hover{text-decoration:underline}
.club-login-page .club-login-intro>.club-text-link span{font-size:20px}
body .club-login-page .club-auth-panel{box-sizing:border-box;min-width:0;width:100%;max-width:430px;margin:0;padding:30px 0 0;background:transparent;border-radius:0}
.club-login-page .club-auth-panel h2{font-size:30px;margin-bottom:20px}
.club-login-page .club-auth-tabs{gap:28px;margin-bottom:28px}
.club-login-page .club-auth-tabs button{min-height:46px;padding:10px 0;font-size:14px}
.club-login-page .club-auth-panel label{font-size:13px;margin-bottom:19px}
.club-login-page .club-auth-panel input{height:50px;border-color:#bdcbd9;background:#fff;border-radius:9px;padding:12px 14px}
.club-login-page #club-auth-credentials>label:last-of-type{margin-bottom:0}
.club-login-page .club-forgot-password{margin-top:3px}
.club-login-page .club-captcha-section{margin-block:20px 24px}
.club-login-page .club-auth-panel .club-button{min-height:52px}
.club-login-page .club-auth-panel>.club-auth-note{padding-top:20px;border-top:1px solid var(--club-border);margin-top:26px}
.club-login-page .club-auth-panel>.club-auth-note a{text-decoration:none}
.club-login-page .club-auth-panel>.club-auth-note a:hover{text-decoration:underline}
@media(max-width:1050px) and (min-width:761px){
 .club-login-page .club-login-intro{padding:34px 26px;min-height:590px}
 body .club-login-page .club-login-intro h1{font-size:43px}
 .club-login-page .club-login-intro .club-lead br{display:none}
 body .club-login-page{gap:34px}
}
@media(max-width:760px){
 body .club-login-page{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;padding-block:28px 50px}
 .club-login-page .club-login-intro{position:relative;min-height:0;padding:28px;overflow:hidden}
 .club-login-page .club-login-copy{position:relative;z-index:1;max-width:75%}
 .club-login-page .club-eyebrow{font-size:9px;margin-bottom:14px}
 body .club-login-page .club-login-intro h1{font-size:clamp(32px,6vw,44px);margin-bottom:14px}
 .club-login-page .club-login-intro .club-lead{font-size:13px;max-width:270px}
 .club-login-page .club-login-intro .club-lead br{display:none}
 .club-login-page .club-login-art{position:absolute;width:110px;max-width:28%;right:14px;bottom:47px;margin:0}
 .club-login-page .club-login-intro>.club-text-link{margin-top:16px;font-size:12px}
 body .club-login-page .club-auth-panel{max-width:520px;margin-inline:auto;padding:0 6px}
}
@media(max-width:380px){
 .club-login-page .club-login-intro{padding:24px 20px}
 .club-login-page .club-login-copy{max-width:82%}
 .club-login-page .club-login-art{width:80px;right:8px;bottom:30px}
 .club-login-page .club-auth-panel{padding-inline:0}
}