.referral-section{margin-top:64px;padding-block:52px 8px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:32px 48px;scroll-margin-top:110px}
.referral-intro h2{font-size:clamp(32px,3.5vw,48px);line-height:1.12;margin:16px 0 20px}.referral-intro>p:last-of-type{font-size:14px;line-height:1.8;max-width:450px;color:var(--muted)}
.referral-jump{display:inline-flex;gap:24px;align-items:center;min-height:44px;margin-top:12px;font-size:12px;color:var(--club-link);font-weight:600}
.referral-offer{padding:30px;border-radius:14px;background:var(--club-deep);color:#fffefa;align-self:start;border:1px solid color-mix(in srgb,var(--club-accent) 40%,var(--club-deep))}.referral-tag{display:inline-block;color:var(--club-accent);font-size:9px;letter-spacing:.08em;line-height:1.7;border-bottom:1px solid #ffffff28;padding-bottom:13px;width:100%}
.referral-rewards{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;margin-top:26px}.referral-rewards>div>span{font-size:8px;letter-spacing:.07em;line-height:1.6;display:block}.referral-rewards strong{font-family:var(--serif);font-weight:400;font-size:70px;line-height:1.2;display:block;margin-top:9px}.referral-rewards strong small{font-size:34px}.referral-rewards p{font-size:12px;color:#fffefacc}.referral-plus{align-self:center;color:var(--club-accent);font-size:24px;font-weight:300}.referral-reward-note{font-size:11px;line-height:1.8;color:#fffefac4;margin-top:24px;max-width:420px}
.referral-steps{grid-column:1/-1;list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0}.referral-steps li{display:flex;align-items:flex-start;gap:16px;padding:24px 0;border-top:1px solid var(--line)}.referral-steps li>span{font-size:11px;color:var(--club-link);border:1px solid var(--line);border-radius:50%;width:34px;height:34px;flex-shrink:0;display:grid;place-items:center}.referral-steps strong{font-size:13px;line-height:1.5;display:block}.referral-steps p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:8px}
.referral-invite{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr;gap:32px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:28px;scroll-margin-top:110px}.referral-invite h3{font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.2}.referral-invite>div>p{font-size:11px;line-height:1.7;color:var(--muted);margin-top:12px;max-width:360px}.referral-invite label{display:block;font-size:11px;margin-bottom:8px}.referral-input-row{display:flex;gap:10px;align-items:stretch}.referral-invite input{width:100%;min-width:0;min-height:48px;border:1px solid var(--line);background:var(--white);border-radius:6px;color:var(--ink);padding:12px;font-size:13px}.referral-input-row .button{flex-shrink:0;font-size:11px;min-height:48px;padding:12px 18px;white-space:nowrap}.referral-invite :is(input,button,a):focus-visible,.referral-section :is(button,a,summary):focus-visible{outline:2px solid var(--club-link);outline-offset:4px}#referral-link-fallback{margin-top:14px}#referral-feedback{font-size:11px;line-height:1.7;color:var(--club-link);margin-top:10px}
.referral-member-entry{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:15px}.referral-member-entry p{font-size:13px;color:var(--muted)}.referral-join{border:0;background:transparent;font-size:12px;font-weight:600;color:var(--club-link);min-height:44px;text-align:left}.referral-join span{margin-left:18px}.referral-conditions{grid-column:1/-1;border-top:1px solid var(--line);margin-top:-14px}.referral-conditions summary{font-size:11px;color:var(--muted);cursor:pointer;min-height:44px;padding-block:15px}.referral-conditions p{font-size:11px;line-height:1.9;color:var(--muted);padding:0 0 20px;max-width:950px}
#member-referrer+small{display:block;font-size:10px;line-height:1.7;color:var(--muted);margin-top:7px}
@media(max-width:1000px){.referral-section{gap:28px}.referral-invite{grid-template-columns:1fr}.referral-input-row input{flex:1}.referral-steps{gap:16px}}
@media(max-width:680px){.referral-section{grid-template-columns:1fr;margin-top:36px;padding-top:32px}.referral-offer{padding:24px}.referral-rewards strong{font-size:58px}.referral-rewards{gap:12px}.referral-steps{grid-template-columns:1fr;gap:0}.referral-steps li{padding-block:18px}.referral-invite{padding:22px;gap:22px}.referral-input-row{flex-direction:column}.referral-invite input{font-size:16px}.referral-member-entry{display:block}.referral-conditions{margin-top:0}}