[hidden]{display:none!important}body.auth-page{background:#fbf7f2;color:#362d2b;font-family:system-ui,-apple-system,"PingFang SC",sans-serif;margin:0}body.auth-page>header{background:transparent;border:0;max-width:1240px;margin:auto;padding:25px 32px}body.auth-page>header img{width:137px;mix-blend-mode:multiply}body.auth-page main{max-width:1080px!important;margin:16px auto 50px;padding:0 24px}body.auth-page .auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;min-height:650px}.auth-story{padding:34px 20px}.auth-eyebrow{color:#ad4c50;font-size:12px;letter-spacing:2px;font-weight:750}.auth-story h2{font-size:clamp(34px,4vw,54px);line-height:1.17;letter-spacing:-1.8px;font-weight:650;max-width:470px;margin:18px 0}.auth-story>p{color:#88776f;max-width:360px;line-height:1.8}.auth-visual{margin:30px 0;display:flex;align-items:center;gap:14px}.auth-visual img{width:126px;height:146px;object-fit:cover;border-radius:52% 52% 36% 36%;border:5px solid #fff}.auth-visual img:nth-child(2){transform:translateY(18px)}.auth-benefits{display:flex;gap:8px;flex-wrap:wrap;margin-top:36px}.auth-benefits span{border:1px solid #e8ddd5;padding:8px 12px;border-radius:100px;font-size:12px;color:#88776f}.auth-panel{background:#fff;border:1px solid #e8ddd5;border-radius:26px;padding:34px;box-shadow:0 16px 60px #8d4d3e07;margin:0!important;min-width:0}.auth-panel h1{font-size:27px;line-height:1.35;margin:6px 0 12px;letter-spacing:-.5px}.auth-panel .subtle{font-size:14px;color:#88776f}.auth-panel form{margin-top:24px}.auth-panel input{box-sizing:border-box;width:100%;padding:13px 14px;min-height:47px;border:1px solid #e6ddd6;border-radius:12px;background:#fffcf8;font:inherit}.auth-panel label{display:grid;gap:8px;font-size:13px;color:#594b45}.auth-panel button[type=submit]{width:100%;background:#ad4c50;color:white;min-height:49px;border:0;border-radius:12px;font-weight:650;font-size:15px;cursor:pointer}.auth-panel button:disabled{opacity:.5;cursor:wait}.auth-panel .actions{gap:12px;margin-top:18px}.auth-panel a{color:#ad4c50;font-size:13px}.auth-panel .check{display:flex;gap:10px;align-items:flex-start;line-height:1.6;font-size:12px;font-weight:400}.auth-panel .check input{width:18px;height:18px;min-height:18px;flex-shrink:0;accent-color:#ad4c50}.auth-panel #auth-links{display:flex;flex-wrap:wrap;justify-content:center;border-top:1px solid #eee5de;padding-top:20px}.auth-panel #auth-links a{width:100%;text-align:center}.auth-panel #auth-links button{background:transparent;border:0;color:#88776f;padding:6px;font-size:12px;cursor:pointer}.auth-panel #status:empty,.auth-panel #error-msg:empty,.auth-panel #login-error:empty{display:none}.auth-panel #status{font-size:13px;line-height:1.7}.auth-panel .notice{background:#fbf4e9;border-radius:12px;padding:14px}.auth-panel .error{color:#a43e45}.auth-password{position:relative}.auth-password input{padding-right:64px}.password-toggle{position:absolute;right:5px;top:4px;min-height:39px!important;background:transparent!important;color:#ad4c50!important;border:0;font-size:12px!important;padding:8px!important;min-width:50px;cursor:pointer}.auth-progress{display:flex;gap:8px;margin-bottom:24px}.auth-progress span{flex:1;background:#f3eee7;border-radius:6px;padding:7px;text-align:center;font-size:11px;color:#8d7d73}.auth-progress span:first-child{background:#f7e7e4;color:#ad4c50}.auth-progress.done span{background:#e8f2ec;color:#438065}.auth-success{border:1px solid #cde1d5;background:#eff7f2;border-radius:16px;padding:20px;color:#376b52}.auth-success h2{font-size:19px}.auth-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.auth-form-grid .wide{grid-column:1/-1}.auth-footer{text-align:center;color:#a09287;font-size:11px;margin-top:26px}.auth-page a:focus-visible,.auth-page button:focus-visible{outline:3px solid #cc989a;outline-offset:3px}@media(max-width:800px){body.auth-page .auth-layout{grid-template-columns:1fr;gap:20px;min-height:0;max-width:500px;margin:auto}.auth-story{padding:6px 10px}.auth-story h2{font-size:32px;margin:12px 0}.auth-story>p,.auth-visual,.auth-benefits{display:none}body.auth-page>header{padding:20px 24px}body.auth-page main{padding:0 18px;margin-top:0!important}.auth-panel{padding:26px}.auth-eyebrow{font-size:10px}}@media(max-width:420px){.auth-form-grid{grid-template-columns:1fr}.auth-form-grid .wide{grid-column:auto}.auth-panel{padding:22px}.auth-story h2{font-size:29px}}

.auth-progress.verifying span:first-child{background:#e8f2ec;color:#438065}.auth-progress.verifying span:nth-child(2){background:#f7e7e4;color:#ad4c50}.auth-panel label small{font-weight:400;color:#8c7b71;font-size:11px;line-height:1.6}.auth-success p{font-size:13px;line-height:1.8}

/* Compact Club authentication on touch screens. */
body[data-auth] .auth-panel select{width:100%;min-width:0;box-sizing:border-box;padding:13px 12px;min-height:47px;border:1px solid #e6ddd6;border-radius:12px;background:#fffcf8;font:inherit}
body[data-auth] .auth-panel input{min-width:0}body[data-auth] .auth-panel .auth-form-grid label{min-width:0}
@media(max-width:600px){body[data-auth]>header{padding:16px 20px;gap:14px}body[data-auth]>header img{width:112px}body[data-auth]>header select{max-width:130px;min-height:44px;font-size:16px}body[data-auth] main{margin-bottom:24px;padding:0 14px}body[data-auth] .auth-layout{gap:12px}body[data-auth] .auth-story{padding:0 8px}body[data-auth] .auth-story h2{display:none}body[data-auth] .auth-eyebrow{font-size:10px;margin:4px 0}body[data-auth] .auth-panel{padding:24px 20px;border-radius:22px}body[data-auth] .auth-panel h1{font-size:24px}body[data-auth] .auth-panel form{margin-top:20px}body[data-auth] .auth-panel input,body[data-auth] .auth-panel select{font-size:16px;min-height:48px}body[data-auth] .auth-panel .check input{min-height:18px}body[data-auth] .auth-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 12px}body[data-auth] .auth-form-grid>label{grid-column:1/-1}body[data-auth] .auth-form-grid>label.optional-profile{grid-column:auto}body[data-auth] .auth-progress{margin-bottom:20px;gap:5px}body[data-auth] .auth-progress span{font-size:10px;padding:7px 4px}body[data-auth] .auth-panel #auth-links{gap:4px}body[data-auth] .auth-panel #auth-links button,body[data-auth] .auth-panel #auth-links a{min-height:44px;display:flex;align-items:center;justify-content:center}body[data-auth] .auth-panel button[type=submit]{min-height:50px}body[data-auth] .auth-footer{margin:18px 0 0}}
@media(max-width:350px){body[data-auth] .auth-form-grid{grid-template-columns:minmax(0,1fr)}body[data-auth] .auth-form-grid>label.optional-profile{grid-column:1/-1}}