.referral-page{background-color:#fff;padding-top:80px;font-family:Outfit,sans-serif}.referral-header-bg{background-color:#f6f7f8;border-bottom:1px solid #eee;padding:60px 0}.referral-header-flex{justify-content:space-between;align-items:center;display:flex}.referral-header-text h1{color:#1a1a1a;margin-bottom:5px;font-size:32px;font-weight:700}.referral-header-text .subtext{color:#4a5568;font-size:16px}.job-team-images{align-items:center;display:flex}.team-img{object-fit:cover;border:4px solid #fff;border-radius:50%;width:90px;height:90px;margin-left:-20px}.referral-hero{padding:80px 0}.referral-hero-content{align-items:center;gap:60px;display:flex}.hero-text-side{flex:1.2}.hero-text-side h2{color:#1a1a1a;margin-bottom:30px;font-size:38px;font-weight:800}.hero-text-side .main-desc{color:#1a1a1a;margin-bottom:25px;font-size:18px;font-weight:500;line-height:1.6}.hero-text-side .sub-desc{color:#4a5568;font-size:16px;line-height:1.7}.hero-img-side{flex:1}.refer-hero-img{border-radius:40px;width:100%}.terms-banner-section{text-align:center;background-color:#f7fafc;padding:60px 0}.terms-banner h3{color:#1a1a1a;margin-bottom:15px;font-size:18px;font-weight:700}.terms-banner p{color:#4a5568;margin-bottom:30px;font-size:15px}.blue-link{color:#2b6cb0;cursor:pointer;text-decoration:underline}.btn-agree-blue{color:#fff;cursor:pointer;background-color:#2b6cb0;border:none;border-radius:8px;padding:12px 30px;font-size:14px;font-weight:700}.how-it-works{text-align:center;padding:100px 0}.section-title{color:#1a1a1a;margin-bottom:60px;font-size:24px;font-weight:700}.steps-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.step-card{flex-direction:column;align-items:center;display:flex}.step-icon-box{border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:25px;display:flex}.step-icon-box.pink{background-color:#fff5f5}.step-icon-box.yellow{background-color:ivory;border:1px solid #fefcbf}.step-icon-box.blue{background-color:#ebf8ff}.step-icon{font-size:32px}.step-card p{color:#4a5568;font-size:14px;line-height:1.6}@media (width<=900px){.referral-hero-content{flex-direction:column}.steps-grid{grid-template-columns:1fr}}@media (width<=768px){.referral-header-flex,.referral-hero-content{flex-direction:column;gap:24px}.steps-grid{grid-template-columns:1fr;gap:20px}}