/* Header Gradient and Animation */
 .bg-gradient {
    background: linear-gradient(135deg, #667eea, #764ba2, #a055f2, #667eea);
    background-size: 400% 400%;
    animation: gradient-animation 8s ease infinite;
  }

  @keyframes gradient-animation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }

  .nav-link {
    transition: color 0.3s ease;
  }