.animated-gradient {
  background: linear-gradient(120deg, #efe8a6, #e3d46e, #60a5fa, #facc15);
  background-size: 300% 300%;
  animation: gradientMove 16s ease infinite;
}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.nav-link {
  position: relative;
  display: inline-block;
  font-weight: 500;
}

.nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, #d3c954, #facc15);
  transition: width 0.3s ease;
}

.nav-link:hover::after {
  width: 100%;
}
