/* Blue underlines for navigation links */
.main-nav .nav-links a {
  position: relative;
  padding: 0.5rem 1rem;
  font-weight: 500;
}

.main-nav .nav-links a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 3px;
  bottom: -5px;
  left: 50%;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  transition: all 0.3s ease;
  transform: translateX(-50%);
  border-radius: 3px;
}

.main-nav .nav-links a:hover::after,
.main-nav .nav-links a.active::after {
  width: 80%;
}