header {
  transition: background 0.2s ease;
}
/* Desktop nav links */
.nav-link {
  color: #475569;
  font-weight: 500;
  transition: 0.2s ease;
}
.nav-link:hover {
  color: #4f46e5;
}

/* Active page (optional) */
.nav-link.active {
  color: #4f46e5;
  font-weight: 600;
}

/* Mobile menu items */
.mobile-item {
  padding: 12px 0;
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  display: block;
  color: #0f172a;
}
.mobile-item:hover {
  color: #4f46e5;
}

/* Hero subtle radial background */
.hero-bg {
  background: radial-gradient(
    circle at top center,
    rgba(99, 132, 255, 0.1) 0%,
    rgba(255, 255, 255, 0) 55%
  );
}

/* Soft fade-up animation */
.fade-up {
  opacity: 0;
  transform: translateY(10px);
  animation: fadeUp 1.2s ease-out forwards;
}
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}