/* Fix body padding for fixed navbar */
    body {
      padding-top: 70px;
    }

    /* Navbar Styles */
    .navbar {
      background: rgba(255, 255, 255, 0.9);
      transition: background-color 0.3s ease, box-shadow 0.3s ease;
    }

    .navbar.scrolled {
      background: #0c1e3a;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    }

    .navbar-brand {
      font-weight: 700;
      font-size: 1.8rem;
      letter-spacing: 2px;
      color: #0c1e3a;
    }

    .navbar.scrolled .navbar-brand {
      color: #fff;
    }

    .nav-link {
      font-weight: 500;
      color: #0c1e3a;
      letter-spacing: 0.05em;
      transition: color 0.3s;
    }

    .nav-link:hover,
    .nav-link.active {
      color: #007bff;
    }

    .navbar.scrolled .nav-link {
      color: #fff;
    }

    .navbar.scrolled .nav-link:hover,
    .navbar.scrolled .nav-link.active {
      color: #ffdd57;
    }

    .btn-cta {
      border-radius: 30px;
      padding: 8px 25px;
      font-weight: 600;
      letter-spacing: 0.1em;
      background: #007bff;
      color: #fff;
      transition: background 0.3s ease;
    }

    .btn-cta:hover {
      background: #0056b3;
      color: #fff;
    }