.referral-promo { background: var(--navy); color: #fff; padding: 48px 0; }
.referral-promo-inner { display: flex; align-items: center; gap: 40px; }
.referral-promo-reward { flex: 0 0 180px; text-align: center; padding: 24px; border: 1px solid rgba(229,183,79,.45); border-radius: 20px; background: rgba(229,183,79,.08); }
.referral-promo-reward strong { display: block; color: var(--gold); font-size: 76px; line-height: 1.1; letter-spacing: -4px; }
.referral-promo-reward span { display: block; margin-top: 8px; font-size: 13px; }
.referral-promo .section-label { color: var(--gold); }
.referral-promo h2 { color: #fff; font-size: clamp(26px, 3vw, 38px); margin: 0 0 14px; }
.referral-promo-copy > p { color: #e0e5ee; max-width: 740px; line-height: 1.7; }
.referral-promo-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 22px; }
.referral-promo-login { color: #f6d789; text-decoration: underline; }
.referral-promo-login:hover { color: #fff; }
.referral-promo-copy .referral-promo-note { margin: 18px 0 0; font-size: 13px; color: #c2cbdb; }
@media (max-width: 640px) {
    .referral-promo-inner { flex-direction: column; align-items: stretch; gap: 24px; }
    .referral-promo-reward { flex-basis: auto; padding: 18px; }
    .referral-promo-reward strong { font-size: 64px; }
}