.referral-hero{background:radial-gradient(circle at 80% 20%,#17345b 0,#07182e 43%,#020b18 100%);color:#fff;display:grid;grid-template-columns:1.35fr .65fr;gap:3rem;padding:clamp(3rem,7vw,7rem) max(5vw,calc((100vw - 1180px)/2));align-items:center}.referral-hero h1{font-size:clamp(3.4rem,8vw,7.5rem);line-height:.88;margin:.5rem 0 1.5rem}.referral-hero h1 em{color:#e9b43c;font-weight:inherit}.referral-hero p{font-size:1.15rem;line-height:1.7;max-width:760px}.referral-hero aside{border:1px solid #dca836;background:#fff;color:#07182e;padding:2rem;display:grid;gap:.35rem;box-shadow:16px 16px 0 #dca836}.referral-hero aside strong{font-size:3.2rem;color:#b77c00}.referral-hero aside span{font-weight:900;letter-spacing:.1em}.referral-hero aside small{margin-bottom:1rem;line-height:1.5}.referral-steps{max-width:1180px;margin:0 auto;padding:4rem 1.25rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.referral-steps article{border-top:4px solid #dca836;background:#f6f2e9;padding:1.5rem}.referral-steps article>b{font-size:2rem;color:#b77c00}.referral-join{max-width:1180px;margin:0 auto 4rem;padding:1.25rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.referral-join h2{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1}.referral-join li{margin:.8rem 0}.referral-terms{max-width:960px;margin:0 auto 5rem;padding:2rem;border:1px solid #d8d2c5;background:#faf8f3}.partner-welcome,.partner-status{max-width:900px;margin:4rem auto;padding:clamp(1.5rem,5vw,4rem);background:#fff;border:1px solid #d8d2c5;box-shadow:12px 12px 0 #dca836}.partner-welcome>img{width:150px}.partner-welcome label{display:block;margin:1rem 0}.partner-code{background:#07182e;color:#fff;padding:1.25rem 1.5rem;margin:1.5rem 0;display:inline-grid}.partner-code small{letter-spacing:.12em}.partner-code strong{font-size:clamp(1.7rem,5vw,3rem);color:#efbd4b}.share-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0 2rem}.referral-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0}.referral-stats article{background:#f6f2e9;padding:1.25rem}.referral-stats strong{display:block;font-size:2rem;color:#9b6800}.referral-stats span{font-size:.85rem}.admin .partner-code{margin:.5rem 0}@media(max-width:800px){.referral-hero,.referral-join{grid-template-columns:1fr}.referral-steps,.referral-stats{grid-template-columns:1fr 1fr}.referral-hero aside{box-shadow:8px 8px 0 #dca836}}@media(max-width:480px){.referral-steps,.referral-stats{grid-template-columns:1fr}.referral-hero h1{font-size:3.2rem}}

/* Referral campaign landing page v2 */
.referral-hero-v2{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,5vw,4.5rem);padding-top:clamp(3rem,6vw,6rem);padding-bottom:clamp(3rem,6vw,6rem);overflow:hidden}
.referral-hero-copy{width:100%;max-width:1080px;min-width:0;position:relative;z-index:2}
.referral-hero-v2 h1{font-size:clamp(3rem,6.1vw,6.5rem);line-height:.9;letter-spacing:-.045em;max-width:980px;overflow-wrap:normal;word-break:normal;color:#fff}
.referral-hero-v2 .eyebrow{color:#efbd4b}.referral-lead{max-width:820px;color:#fff!important;font-size:clamp(1.05rem,1.6vw,1.25rem)!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}.referral-lead b{color:#fff}.hero-reward-pills{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.hero-reward-pills span{border:1px solid rgba(239,189,75,.75);background:rgba(255,255,255,.12);color:#fff;padding:.75rem 1rem}.hero-reward-pills b{color:#efbd4b;font-size:1.3rem}.hero-qualifier{display:block;margin-top:1rem;color:#fff!important;font-weight:650}
.referral-hero-media{margin:0;width:100%;max-width:1180px;min-width:0;position:relative}.referral-hero-media img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #dfad3e;box-shadow:12px 14px 0 rgba(220,168,54,.9)}.referral-hero-media figcaption{position:absolute;right:1rem;bottom:1rem;background:#07182e;color:#efbd4b;padding:.55rem .8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.earning-opportunity{background:#f5f0e5;padding:clamp(3.5rem,7vw,7rem) max(1.25rem,calc((100vw - 1180px)/2))}.earning-intro{max-width:900px}.earning-intro h2{font-size:clamp(2.5rem,5vw,5rem);line-height:1;margin:.65rem 0 1.25rem;color:#07182e}.earning-intro p{font-size:1.1rem;line-height:1.75}.earning-ladder{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2.5rem 0 1rem}.earning-ladder article{background:#07182e;color:#fff;border-bottom:5px solid #dca836;padding:1.4rem}.earning-ladder small{display:block;color:#d9e0ea;text-transform:uppercase;letter-spacing:.08em}.earning-ladder strong{display:block;color:#efbd4b;font-size:clamp(2.25rem,4vw,4.2rem);line-height:1.1;margin-top:.35rem}.earning-disclaimer{font-size:.9rem;color:#5b5b5b}
.referral-steps-v2{grid-template-columns:repeat(5,1fr)}
.referral-promo{max-width:1180px;margin:0 auto;padding:clamp(3.5rem,7vw,7rem) 1.25rem;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,6rem);align-items:center}.referral-promo figure{margin:0}.referral-promo img{display:block;width:100%;max-height:780px;object-fit:contain;filter:drop-shadow(14px 18px 20px rgba(3,16,32,.2))}.referral-promo h2{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1;margin:.6rem 0 1.25rem}.referral-promo p,.referral-promo li{line-height:1.7}.referral-promo li{margin:.65rem 0}
.referral-join-v2{padding-top:4rem;padding-bottom:4rem}.referral-form{border-top:6px solid #dca836}.referral-form h3{font-size:1.7rem;margin-top:0}
.referral-terms-v2{max-width:1180px;background:#07182e;color:#fff;border:0;padding:clamp(2rem,5vw,4rem)}.referral-terms-v2 h2{font-size:clamp(2.4rem,5vw,4rem);margin:.5rem 0 2rem}.terms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.terms-grid article{background:rgba(255,255,255,.07);border-top:3px solid #dca836;padding:1.35rem}.terms-grid h3{color:#efbd4b;margin-top:0}.terms-grid p{line-height:1.65;color:#edf1f5}.terms-final{border:1px solid rgba(239,189,75,.65);padding:1rem;margin-top:1.5rem}.terms-final b{color:#efbd4b}
@media(max-width:980px){.referral-promo{grid-template-columns:1fr}.referral-steps-v2{grid-template-columns:repeat(2,1fr)}.earning-ladder{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.referral-hero-v2{padding-left:1.1rem;padding-right:1.1rem}.referral-hero-v2 h1{font-size:clamp(2.8rem,15vw,4.3rem);letter-spacing:-.055em}.referral-lead{font-size:1.05rem!important;line-height:1.65!important}.referral-hero-media img{box-shadow:6px 7px 0 #dca836}.referral-hero-media figcaption{font-size:.68rem;right:.5rem;bottom:.5rem}.earning-ladder,.referral-steps-v2,.terms-grid{grid-template-columns:1fr}.referral-promo{padding-left:1rem;padding-right:1rem}.referral-promo figure{max-width:420px;margin:auto}}