:root{
--rb-primary:#0b8b6b; /* Emerald/teal */
--rb-secondary:#0a5cd6; /* Indigo-blue */
--rb-dark:#0b1220; /* Deep navy */
--rb-light:#f4f8fb; /* Soft background */
--rb-accent:#ffd166; /* Warm accent */
}


body{font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; background: var(--rb-light); color:#1d2939;}


/* Navbar */
.navbar{box-shadow: 0 10px 30px rgba(13,110,253,.04); background:#fff;}
.brand-mark{
display:inline-flex; align-items:center; gap:.5rem; font-weight:800; letter-spacing:.2px;
color: var(--rb-dark);
}
.brand-logo{
width:38px; height:38px; display:grid; place-items:center; border-radius:12px;
background: linear-gradient(135deg, var(--rb-primary), var(--rb-secondary));
color:#fff; font-weight:900;
}

    /* Hero */
    .hero{
      position:relative; overflow:hidden; background: radial-gradient(1200px 600px at 90% -20%, rgba(10,92,214,.12), transparent 60%),
                  radial-gradient(900px 500px at -10% 10%, rgba(11,139,107,.12), transparent 60%), #ffffff;
    }
    .hero::after{
      content:""; position:absolute; inset:auto -10% -25% -10%; height:60%;
      background: linear-gradient(135deg, rgba(11,139,107,.15), rgba(10,92,214,.15)); filter: blur(60px); z-index:0;
    }
    .hero .container{position:relative; z-index:1;}
    .hero-badge{background:rgba(11,139,107,.08); color:var(--rb-primary); border:1px solid rgba(11,139,107,.12);}
    .hero h1{font-weight:800; line-height:1.1;}
    .hero-cta .btn{padding:.85rem 1.25rem; font-weight:700; border-radius:14px;}
    .trusted-logos img{filter: grayscale(1) contrast(.9) opacity(.8); transition:.25s;}
    .trusted-logos img:hover{filter:none;}

    /* Quick Apply Card */
    .apply-card{border:0; border-radius:20px; box-shadow:0 20px 40px rgba(16,24,40,.08);} 
    .apply-card .form-control, .apply-card .form-select{border-radius:12px;}
    .floating-badge{position:absolute; right:1rem; top:1rem; background:var(--rb-accent); color:#111827; font-weight:700; border-radius:999px; padding:.35rem .7rem; font-size:.85rem;}

    /* Section titles */
    .section-title{font-weight:800;}
    .section-sub{color:#475467}

    /* Loan category cards */
    .loan-card{border:0; border-radius:18px; background:#fff; box-shadow:0 10px 30px rgba(16,24,40,.06); transition:.25s;}
    .loan-card:hover{transform: translateY(-4px); box-shadow:0 18px 44px rgba(16,24,40,.12)}
    .loan-icon{width:46px; height:46px; border-radius:12px; display:grid; place-items:center; font-size:1.25rem; color:#fff; background:linear-gradient(135deg,var(--rb-primary),var(--rb-secondary));}

    /* Feature chips */
    .chip{border-radius:999px; border:1px dashed rgba(11,139,107,.3); padding:.5rem .9rem; background:#fff;}

    /* Steps */
    .step{background:#fff; border-radius:16px; box-shadow:0 10px 30px rgba(16,24,40,.06)}

    /* EMI widget */
    .emi-card{border:0; border-radius:18px; box-shadow:0 16px 40px rgba(16,24,40,.08)}
    .range input[type=range]{accent-color: var(--rb-primary)}

    /* Testimonials */
    .avatar{width:48px; height:48px; border-radius:50%; object-fit:cover;}

    /* FAQ */
    .accordion-button:not(.collapsed){background:rgba(10,92,214,.06); color:#0b3369}

    /* CTA */
    .cta{background: linear-gradient(135deg, var(--rb-primary), var(--rb-secondary)); color:#fff; border-radius:22px;}

    /* Footer */
    .footer{background:#0b1220; color:#cbd5e1}
    .footer a{color:#cbd5e1; opacity:.9}
    .footer a:hover{opacity:1}

    /* Sticky Apply */
    .sticky-apply{position:fixed; right:1rem; bottom:1rem; z-index:1030}