/* Logo animations */
.logo-container i {
    animation: rotate 10s linear infinite;
}

@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

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

.logo-gradient {
  background-image: linear-gradient(to right, #0d9488, #60a5fa);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  background-size: 200% 200%;
  animation: text-gradient-animation 4s ease-in-out infinite;
}

/* Text gradient animation */
.animate-text-gradient {
    background: linear-gradient(45deg, var(--primary-600, #1e40af), var(--secondary-400, #3b82f6));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: gradient 3s ease infinite;
}

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