/* Custom Animations */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}

@keyframes floatSlow {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-15px) rotate(5deg); }
}

@keyframes sparkle {
    0%, 100% { opacity: 0.3; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.2); }
}

/* Animation Classes */
.animate-float {
    animation: float 3s ease-in-out infinite;
}

.animate-float-slow {
    animation: floatSlow 4s ease-in-out infinite;
}

.animate-sparkle {
    animation: sparkle 2s ease-in-out infinite;
}

/* Custom Utility Classes */
.gradient-overlay {
    background: linear-gradient(135deg, rgba(251, 207, 232, 0.7) 0%, rgba(221, 214, 254, 0.7) 100%);
}

.navbar-scrolled {
    background: rgba(186, 230, 253, 0.9);
    backdrop-filter: blur(12px);
}