/* Advanced Animation Keyframes */

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-40px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(40px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes scaleUp {
    from {
        opacity: 0;
        transform: scale(0.8);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes pulseGlow {

    0%,
    100% {
        opacity: 0.3;
        transform: scale(1);
    }

    50% {
        opacity: 0.6;
        transform: scale(1.1);
    }
}

@keyframes shimmer {
    0% {
        background-position: -1000px 0;
    }

    100% {
        background-position: 1000px 0;
    }
}

/* Additional Animation Classes */
.animate-fade-left {
    opacity: 0;
}

.animate-fade-left.visible {
    animation: fadeInLeft 0.8s ease-out forwards;
}

.animate-fade-right {
    opacity: 0;
}

.animate-fade-right.visible {
    animation: fadeInRight 0.8s ease-out forwards;
}

.animate-scale {
    opacity: 0;
}

.animate-scale.visible {
    animation: scaleUp 0.6s ease-out forwards;
}

/* Stagger Animation Delays */
.stagger-1 {
    animation-delay: 0.1s !important;
}

.stagger-2 {
    animation-delay: 0.2s !important;
}

.stagger-3 {
    animation-delay: 0.3s !important;
}

.stagger-4 {
    animation-delay: 0.4s !important;
}

.stagger-5 {
    animation-delay: 0.5s !important;
}

.stagger-6 {
    animation-delay: 0.6s !important;
}

/* Utility Classes */
.gradient-text {
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.glass-card {
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur);
    border: 1px solid var(--glass-border);
    border-radius: 16px;
}