.referral-page-wrapper{color:#374151;font-family:var(--font-poppins), "Poppins", sans-serif;background-color:#fff}.referral-hero{background:linear-gradient(#f0f7ff 0%,#fff 100%);border-bottom:1px solid #eef2f6;padding:60px 0 50px;position:relative;overflow:hidden}.referral-hero-badge{color:#06c;background-color:#e0f2fe;border:1px solid #bae6fd;border-radius:50px;align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-flex}.referral-hero-title{color:#0f172a;font-size:38px;font-weight:700;line-height:1.25}@media (max-width:768px){.referral-hero-title{font-size:28px}}.referral-hero-desc{color:#64748b;font-size:15px;font-weight:400;line-height:1.6}.referral-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:28px 24px;transition:transform .25s;position:relative;box-shadow:0 16px 40px #00000014}.referral-preview-card:hover{transform:translateY(-4px)}.referral-split-box{text-align:center;background-color:#f8fafc;border:1px solid #eef2f6;border-radius:14px;padding:16px 12px;transition:all .2s}.referral-split-box.highlight-box{background-color:#f0fdf4;border-color:#bbf7d0}.referral-split-box .split-label{text-transform:uppercase;color:#64748b;letter-spacing:.5px;font-size:11px;font-weight:500}.referral-split-box .split-val{color:#0f172a;margin:4px 0 2px;font-size:20px;font-weight:700}.referral-split-box.highlight-box .split-val{color:#16a34a}.referral-split-box .split-sub{color:#64748b;font-size:12px;font-weight:400}.referral-stats-ribbon{background-color:#fff;border-top:1px solid #eef2f6;border-bottom:1px solid #eef2f6;padding:24px 0}.referral-stat-item{align-items:center;gap:14px;padding:10px 16px;display:flex}.referral-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.referral-stat-num{color:#0f172a;font-size:22px;font-weight:700;line-height:1.2}.referral-stat-label{color:#64748b;font-size:12px;font-weight:400}.referral-step-card{background:#fff;border:1px solid #eef2f6;border-radius:16px;flex-direction:column;height:100%;padding:28px 20px 24px;transition:all .25s;display:flex;position:relative;box-shadow:0 4px 16px #0000000a}.referral-step-card:hover{border-color:#cbd5e1;transform:translateY(-5px);box-shadow:0 12px 28px #00000014}.referral-step-badge{color:#06c;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex;position:absolute;top:16px;right:16px}.referral-step-icon-box{color:#06c;background-color:#f0f7ff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;font-size:22px;display:flex}.referral-step-title{color:#0f172a;margin-bottom:8px;font-size:16px;font-weight:600}.referral-step-desc{color:#64748b;margin-bottom:0;font-size:13px;font-weight:400;line-height:1.55}.referral-benefit-card{background:#fff;border:1px solid #eef2f6;border-radius:16px;height:100%;padding:24px;transition:all .25s;box-shadow:0 4px 14px #00000008}.referral-benefit-card:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 10px 24px #00000012}.referral-benefit-icon{border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:16px;font-size:20px;display:flex}.referral-cta-box{color:#fff;background:linear-gradient(135deg,#0b1d3a 0%,#174385 100%);border-radius:20px;padding:44px 32px;position:relative;overflow:hidden;box-shadow:0 16px 40px #0b1d3a33}.referral-cta-btn{color:#fff;background-color:#06c;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 30px;font-size:15px;font-weight:500;transition:all .2s;display:inline-flex}.referral-cta-btn:hover{color:#fff;background-color:#0055b3;transform:translateY(-2px);box-shadow:0 6px 18px #0066cc59}