/* Navbar */
.navbar {
    transition: all .3s ease;
  }
  .navbar.scrolled {
    background: rgba(31,41,51,0.95) !important;
    box-shadow: 0 6px 24px rgba(0,0,0,0.2);
    backdrop-filter: blur(2px);
    border-bottom: 1px solid  rgba(58, 68, 77, 0.95);
  }
  .navbar-brand {
    font-weight: 800;
    letter-spacing: -0.5px;
  }
  .nav-link {
    color: #e5e7eb !important;
    opacity: 0.85;
    transition: opacity .2s ease;
  }
  .nav-link:hover, .nav-link.active {
    opacity: 1;
  }