footer {
  text-align: center;
  padding: 1rem 0;
  border-top: 1px solid #2563eb;
  background: rgba(15,23,42,0.85);
  backdrop-filter: blur(6px);
  width: 100%;
}






.animated-link {
  background: linear-gradient(
    90deg,
    #8b5cf6,  /* purple */
    #4ade80,  /* green */
    #22d3ee,  /* cyan */
    #f472b6,  /* pink */
    #facc15,  /* yellow */
    #fb7185,  /* rose */
    #3b82f6   /* blue */
  );
  background-size: 400% 400%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: darkGradientAnim 4s ease infinite;
  text-decoration: none;
  font-weight: 600;
}

.animated-link:hover {
  animation-duration: 1.5s;
}

@keyframes darkGradientAnim {
  0% { background-position: 0% 50%; }
  25% { background-position: 50% 50%; }
  50% { background-position: 100% 50%; }
  75% { background-position: 50% 50%; }
  100% { background-position: 0% 50%; }
}