/* Global animations for homepage */
@keyframes float {
    0%, 100% {
        transform: translateY(0) translateX(0) rotate(0deg);
        will-change: transform;
    }
    25% {
        transform: translateY(-8px) translateX(4px) rotate(1deg);
        will-change: transform;
    }
    50% {
        transform: translateY(-4px) translateX(-6px) rotate(-0.5deg);
        will-change: transform;
    }
    75% {
        transform: translateY(-10px) translateX(2px) rotate(0.8deg);
        will-change: transform;
    }
}

/* Ensure animations don't cause layout shifts */
html, body {
    overflow-x: hidden;
}

/* Prevent animations from affecting document flow */
*[style*="animation"] {
    will-change: transform;
}