<<<<<<< HEAD
=======
/* Animation Keyframes */
>>>>>>> a6a09e9688e1c64e82ff20319ef35548bd45dbde
@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
<<<<<<< HEAD
.animate-gradient-text {
    background-size: 200% auto;
    animation: gradientShift 4s linear infinite;
}
=======

>>>>>>> a6a09e9688e1c64e82ff20319ef35548bd45dbde
@keyframes float {
    0% { transform: translateY(0px) rotate(0deg) scale(1); }
    50% { transform: translateY(-20px) rotate(2deg) scale(1.05); }
    100% { transform: translateY(0px) rotate(0deg) scale(1); }
}
<<<<<<< HEAD
.animate-float { animation: float 6s ease-in-out infinite; }
.animate-float-delayed { animation: float 6s ease-in-out 3s infinite; }

@keyframes blurFadeIn {
    0% { opacity: 0; filter: blur(20px); transform: translateY(40px) scale(0.95); }
    100% { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); }
}
=======

@keyframes blurFadeIn {
    0% { 
        opacity: 0; 
        filter: blur(20px); 
        transform: translateY(40px) scale(0.95); 
    }
    100% { 
        opacity: 1; 
        filter: blur(0); 
        transform: translateY(0) scale(1); 
    }
}

/* Animation Classes */
.animate-gradient-text {
    background-size: 200% auto;
    animation: gradientShift 4s linear infinite;
}

.animate-float {
    animation: float 6s ease-in-out infinite;
}

.animate-float-delayed {
    animation: float 6s ease-in-out 3s infinite;
}

>>>>>>> a6a09e9688e1c64e82ff20319ef35548bd45dbde
.hero-blur-fade {
    animation: blurFadeIn 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    opacity: 0;
}
<<<<<<< HEAD
=======

/* Animation Delays */
>>>>>>> a6a09e9688e1c64e82ff20319ef35548bd45dbde
.delay-100 { animation-delay: 0.15s; }
.delay-200 { animation-delay: 0.3s; }
.delay-300 { animation-delay: 0.45s; }
.delay-400 { animation-delay: 0.6s; }