/* Animations */
@keyframes floatBg {
    0%, 100% { transform: translate(0px, 0px) rotate(0deg); }
    25% { transform: translate(20px, -20px) rotate(1deg); }
    50% { transform: translate(-20px, 20px) rotate(-1deg); }
    75% { transform: translate(20px, 20px) rotate(0.5deg); }
}

/* Vertical float animation */
@keyframes float {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(180deg); }
}

/* Diagonal float animation */
@keyframes floatDiagonal {
    0%, 100% { transform: translate(0px, 0px) rotate(0deg); }
    50% { transform: translate(15px, -15px) rotate(90deg); }
}

/* Circular float animation */
@keyframes floatCircular {
    0% { transform: translate(0px, 0px) rotate(0deg); }
    25% { transform: translate(10px, -10px) rotate(90deg); }
    50% { transform: translate(0px, -15px) rotate(180deg); }
    75% { transform: translate(-10px, -10px) rotate(270deg); }
    100% { transform: translate(0px, 0px) rotate(360deg); }
}

/* Subtle float animation */
@keyframes floatSubtle {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-10px) rotate(45deg); }
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}