.referral-page{background:#0b1019}
.referral-hero{padding:28px 0 64px;background:radial-gradient(ellipse at 85% 35%,#324c7c38,transparent 55%),#0b1019;border-bottom:1px solid #2a3547}
.referral-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center}
.referral-page h1{font-size:clamp(36px,4.2vw,58px);line-height:1.12;font-weight:700}
.referral-page h1 span,.referral-form-copy h2 span{color:#a8bdff}
.referral-page .referral-lead{font-size:19px;line-height:1.75;max-width:52ch;margin-top:24px}
.referral-page .referral-button{display:inline-flex;align-items:center;gap:32px;padding:15px 22px;margin-top:28px;border:1px solid #8faeff70;border-radius:7px;background:linear-gradient(110deg,#1679de,#6651cc);color:#fff;font-size:16px;font-weight:600}
.referral-share{padding:32px;border:1px solid #526591;border-radius:18px;background:linear-gradient(135deg,#1a2942,#161b2e)}
.referral-label{font-size:13px;color:#c1d1ee;letter-spacing:.12em;text-transform:uppercase}
.referral-share>strong{display:block;font-size:clamp(88px,10vw,132px);line-height:1.2;letter-spacing:-.06em;color:#edf3ff;font-weight:700;margin:12px 0}
.referral-share>strong span{font-size:.48em;color:#a8bdff;letter-spacing:-.03em}
.referral-example{margin-top:24px;padding-top:20px;border-top:1px solid #52659166}
.referral-example>span{display:block;color:#a8bdff;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.referral-example b{color:#f1f5ff}
.referral-example small{display:block;color:#aab7ce;margin-top:10px;font-size:12px;line-height:1.6}
.referral-how{padding:56px 0;border-bottom:1px solid #2a3547}
.referral-page h2{font-size:clamp(28px,3vw,38px);line-height:1.25;font-weight:650}
.referral-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}
.referral-steps article{padding:26px;background:#121c2b;border:1px solid #33415b;border-radius:12px}
.referral-steps article>span{display:block;color:#8dbfff;font-size:14px;font-weight:600;margin-bottom:20px}
.referral-page .referral-steps h3{font-size:22px;margin-bottom:12px;line-height:1.35}
.referral-enquiry{padding:64px 0}
.referral-form-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:start}
.referral-form-copy>p:not(.contact-eyebrow){margin-top:22px}
.referral-note{margin:28px 0;padding:22px 0;border-block:1px solid #33415b}
.referral-page .referral-note h3{font-size:20px;margin-bottom:12px}
.referral-page .referral-email{color:#aad2ff;font-size:16px;overflow-wrap:anywhere}
.referral-page #partner-form{scroll-margin-top:115px}
@media(max-width:900px){.referral-hero-grid,.referral-form-grid{grid-template-columns:1fr;gap:32px}.referral-share{max-width:580px}.referral-steps{grid-template-columns:1fr;gap:16px}.referral-page .referral-lead{max-width:65ch}}
@media(max-width:600px){.referral-hero{padding-bottom:40px}.referral-share{padding:24px}.referral-how,.referral-enquiry{padding:40px 0}.referral-page .referral-lead{font-size:17px}.referral-steps article{padding:22px}}
