:root{--primary:#0d6efd;--secondary:#fd7e14;--dark:#07263f;--muted:#6c757d}
*{box-sizing:border-box}
body{font-family:Poppins,Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#ffffff;color:#222;line-height:1.6}

/* Navbar */
.navbar{transition:all .25s ease;backdrop-filter:blur(6px)}
.navbar.scrolled{background:rgba(255,255,255,0.95);box-shadow:0 8px 24px rgba(9,30,66,0.08)}
.navbar .nav-link{color:rgba(0,0,0,.65);transition:color .15s ease}
.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--primary);font-weight:600}
.navbar .navbar-brand{font-weight:700;letter-spacing:.3px}

.btn-primary{background:linear-gradient(90deg,var(--primary),#2b82ff);border:none;box-shadow:0 8px 20px rgba(13,110,253,0.12)}
.btn-primary:hover{transform:translateY(-2px)}
.btn-outline-secondary{border-color:rgba(11,37,66,.06)}
.btn-warning{background:var(--secondary);border:none}

/* Hero */
#hero{background:linear-gradient(180deg,rgba(13,110,253,0.06),rgba(253,126,20,0.02));padding:6rem 0}
.hero-badge{display:inline-block;background:rgba(13,110,253,0.08);color:var(--primary);padding:.35rem .75rem;border-radius:.6rem;font-weight:600}
.hero-cta{margin-top:1.25rem}

/* Section headings */
.section-title{position:relative;display:inline-block;padding-bottom:.5rem}
.section-title:after{content:"";display:block;height:4px;width:56px;background:var(--secondary);border-radius:3px;position:relative;top:8px}
.section-sub{color:var(--muted);margin-bottom:1.25rem}

.card{border-radius:1rem;transition:transform .25s ease,box-shadow .25s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 50px rgba(11,37,66,0.08)}
.card .card-body{min-height:130px}

.img-hover-zoom{transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .3s ease}
.img-hover-zoom:hover{transform:scale(1.06)}

/* Images gallery hover */
.company-logo{transition:filter .3s ease,transform .3s ease;filter:grayscale(100%);opacity:.9}
.company-logo:hover{filter:none;transform:translateY(-6px);opacity:1}

/* Back to top */
#backToTop{position:fixed;right:20px;bottom:20px;display:none;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%}

/* Fade-in animation */
.fade-in{opacity:0;transform:translateY(12px);transition:all .6s cubic-bezier(.2,.8,.2,1)}
.fade-in.show{opacity:1;transform:none}

/* Decorative */
.muted{color:var(--muted)}

/* Footer */
footer{background:#07263f;color:#dbe9ff}
footer a{color:#dbe9ff}

/* Responsive tweaks */
@media(min-width:992px){
    .navbar-brand img{height:48px}
    #hero{padding:8rem 0}
}

/* Premium carousel styles */
.premium-carousel{overflow:hidden}
.premium-carousel .carousel-image{height:420px;object-fit:cover;display:block}
.carousel-image{background-color:#f3f6fb;transition:filter .45s ease,opacity .45s ease}
.carousel-image.lazyload{filter:blur(8px);opacity:.9}
.carousel-image.loaded{filter:none;opacity:1}
.premium-carousel .carousel-caption{background:linear-gradient(180deg, rgba(7,38,63,0.0), rgba(7,38,63,0.45));left:0;right:auto;bottom:0;padding:2.25rem;max-width:60%}
.premium-carousel .carousel-caption h5{font-weight:700;font-size:1.5rem}
.premium-carousel .carousel-caption p{color:rgba(255,255,255,.85)}
.carousel-indicators [data-bs-target]{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.45)}
.carousel-indicators .active{background:var(--secondary)}

@media(max-width:767px){
    .premium-carousel .carousel-image{height:260px}
    .premium-carousel .carousel-caption{max-width:100%;padding:1rem}
}