.referral-hero{background:var(--surface,var(--paper));border-radius:24px}.referral-code{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}.referral-code strong{font-size:clamp(22px,4vw,32px);letter-spacing:.06em;color:var(--text,var(--ink))}.referral-steps{padding-left:24px;line-height:1.7}.referral-progress{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--border,var(--line))}.referral-progress>div{display:grid;gap:8px}.referral-progress small{overflow-wrap:anywhere;color:var(--muted)}.referral-progress progress{width:min(240px,100%);accent-color:var(--primary)}.referral-progress .button{min-height:44px}@media(max-width:600px){.referral-progress{flex-direction:column;gap:12px}}