/* Solid white navbar with stronger top shading and subtle depth */
.navbar {
  /* Keep white base but add vertical gradient for soft shading */
  background: linear-gradient(to bottom, #f2f4f7 0%, #ffffff 40%) !important;

  /* Enhance shadow for stronger separation */
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.10),
              0 1px 6px rgba(0, 0, 0, 0.05);
  
  /* Slight blur to blend background (optional aesthetic) */
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

/* Brand in brand-blue; links in dark gray */
.navbar .navbar-brand {
  color: #2563eb !important; /* brand blue for logo text */
  font-weight: 700;
}

/* Links */
.navbar .nav-link {
  color: #1f2937 !important; /* dark gray text */
  transition: color 0.2s ease, transform 0.2s ease;
}

/* Hover/active states */
.navbar .nav-link:hover,
.navbar .nav-link:focus {
  color: #0f172a !important; /* darker shade on hover */
  transform: translateY(-1px); /* subtle lift on hover */
}

/* CTA button in blue gradient */
.navbar .btn-primary {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  border: none;
  color: #fff;
  box-shadow: 0 2px 6px rgba(37, 99, 235, 0.4);
  transition: all 0.2s ease;
}

.navbar .btn-primary:hover {
  box-s