.referral-hero {
    background: linear-gradient(135deg, #f4f8ff 0%, #ffffff 58%, #eef7f3 100%);
    padding-top: 5rem;
}

.referral-kicker { color: #1363df; letter-spacing: .12em; }
.referral-hero-card { border: 1px solid #dbe7f5; border-radius: 1.5rem; background: #fff; padding: 2.5rem; }
.referral-step { border-top: 3px solid #1363df; padding-top: 1.25rem; }
.referral-step span { color: #1363df; font-weight: 700; letter-spacing: .08em; }
.referral-step h2 { font-size: 1.25rem; margin: .75rem 0; }
.referral-step p { color: #667085; margin-bottom: 0; }
.referral-conditions { background: #f8fafc; }
.referral-list li { display: flex; gap: .75rem; margin-bottom: 1.25rem; }
.referral-list i { color: #16a36a; font-size: 1.25rem; }
.referral-note { background: #132238; color: #fff; border-radius: 1.25rem; padding: 2rem; }
.referral-note p { color: #cbd5e1; }