.referral-hero{background:radial-gradient(ellipse 70% 60% at 50% -10%,color-mix(in srgb,var(--blue) 15%,transparent) 0%,transparent 65%),radial-gradient(ellipse 50% 40% at 90% 20%,color-mix(in srgb,var(--gold) 8%,transparent) 0%,transparent 60%),var(--surface-1);color:var(--text);padding:132px 24px var(--space-8);text-align:center;position:relative;overflow:hidden}.referral-hero-inner{max-width:740px;margin:0 auto;position:relative;z-index:1}.referral-hero h1{font-size:clamp(32px,5vw,56px);margin-bottom:var(--space-5)}.referral-hero h1 em{font-style:italic;color:var(--gold)}.referral-hero p{font-size:clamp(16px,2vw,19px);color:var(--text-secondary);max-width:580px;margin:0 auto var(--space-8);line-height:1.7}.referral-how{background:var(--surface-2)}.referral-tiers-section{background:var(--surface-1)}.tier-payout{font-family:var(--font-display);font-size:3rem;font-weight:600;color:var(--blue);line-height:1;margin-bottom:var(--space-4)}.dual-panel-half.is-company .tier-payout{color:var(--gold)}.tier-underline{width:40px;height:2px;background:var(--blue);margin-bottom:var(--space-4)}.dual-panel-half.is-company .tier-underline{background:var(--gold)}.referral-form-section{background:var(--surface-2)}.referral-form-wrap{max-width:580px;margin:var(--space-7) auto 0}.referral-form-wrap .form-card{padding:var(--space-7)}.referral-faq{background:var(--surface-1)}