:root { --cs-primary:#0d6efd; --cs-dark:#0b132b; }
html { scroll-behavior: smooth; }
.hero {
  background: radial-gradient(1200px 600px at 20% 0%, rgba(13,110,253,.25), transparent),
              radial-gradient(1200px 600px at 80% 0%, rgba(32,201,151,.2), transparent),
              #0b132b;
  color: #fff;
}
.section-img { border-radius:1rem; box-shadow:0 1rem 2rem rgba(0,0,0,.08) }
.card-hover:hover{ transform:translateY(-3px); box-shadow:0 .75rem 1.5rem rgba(0,0,0,.12) }
.navbar .nav-link.active{ font-weight:600 }
img[loading="lazy"]{ content-visibility:auto }


/* Nicer navbar */
.navbar { --_underline: #20c997; }
.navbar .nav-link {
  position: relative;
  transition: color .2s ease;
}
.navbar .nav-link::after{
  content:""; position:absolute; left:.75rem; right:.75rem; bottom:.35rem; height:2px;
  background: var(--_underline); transform: scaleX(0); transform-origin: left center; transition: transform .25s ease;
}
.navbar .nav-link:hover::after, .navbar .nav-link.active::after{ transform: scaleX(1); }
.navbar-brand img{ filter: drop-shadow(0 4px 10px rgba(0,0,0,.25)); }


/* --- Centsite Navbar --- */
.cs-navbar{ background:linear-gradient(90deg,#0b132b,#0d6efd); }
.cs-nav-equal > li > .nav-link{
  padding:.75rem 1rem; text-transform:none; letter-spacing:.2px;
}
/* underline */
.cs-nav-equal > li > .nav-link{ position:relative }
.cs-nav-equal > li > .nav-link::after{
  content:""; position:absolute; left:1rem; right:1rem; bottom:.3rem; height:2px;
  background:#20c997; transform:scaleX(0); transform-origin:left center; transition:transform .22s ease;
}
.cs-nav-equal > li > .nav-link:hover::after, .cs-nav-equal > li > .nav-link.active::after{ transform:scaleX(1); }

/* Mega dropdown */
.dropdown-menu.cs-mega{ width:min(100%, 840px); border:0; border-radius:1rem; }
.dropdown-header{ font-size:.85rem; text-transform:uppercase; color:#6c757d; }
.dropdown-item{ padding:.5rem .75rem; border-radius:.5rem; }
.dropdown-item:hover{ background-color:rgba(13,110,253,.08); }

/* Open dropdown on hover for large screens */
@media (min-width: 992px){
  .nav-item.dropdown:hover > .dropdown-menu{ display:block; margin-top:0; }
  .position-static .dropdown-menu{ left:50%; transform:translateX(-50%); }
}

/* Align texts and spacing */
.navbar-nav.cs-nav-equal{ gap:.25rem; }
.navbar-brand span{ font-weight:600; }