@keyframes gradient {
      0% {
        background-position: 0% 50%;
      }
      50% {
        background-position: 100% 50%;
      }
      100% {
        background-position: 0% 50%;
      }
    }
    
    
    .bg-gradient-animated {
      background: linear-gradient(
        135deg,
        #1e3c72 0%,
        #2a5298 25%,
        #6a11cb 50%,
        #2575fc 75%,
        #1e3c72 100%
      );
      background-size: 300% 300%;
      animation: gradient 15s ease infinite;
    }
    
    .bg-gradient-animated::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: 
        radial-gradient(circle at 20% 80%, rgba(106, 17, 203, 0.4) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(37, 117, 252, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(30, 60, 114, 0.2) 0%, transparent 60%),
        repeating-linear-gradient(
          45deg,
          transparent,
          transparent 2px,
          rgba(255, 255, 255, 0.03) 2px,
          rgba(255, 255, 255, 0.03) 4px
        ),
        repeating-linear-gradient(
          -45deg,
          transparent,
          transparent 2px,
          rgba(255, 255, 255, 0.02) 2px,
          rgba(255, 255, 255, 0.02) 4px
        );
      mix-blend-mode: overlay;
    }