/* Animação Flutuante - Efeito Espaço */

@keyframes float-effect {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }
    10% {
        transform: translate(-12px, -15px) rotate(3deg);
    }
    20% {
        transform: translate(15px, 10px) rotate(-2deg);
    }
    30% {
        transform: translate(-10px, 18px) rotate(5deg);
    }
    40% {
        transform: translate(18px, -12px) rotate(-4deg);
    }
    50% {
        transform: translate(-15px, 15px) rotate(3deg);
    }
    60% {
        transform: translate(12px, -18px) rotate(-3deg);
    }
    70% {
        transform: translate(-18px, 12px) rotate(4deg);
    }
    80% {
        transform: translate(15px, -10px) rotate(-5deg);
    }
    90% {
        transform: translate(-10px, 18px) rotate(2deg);
    }
    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}

.floating {
    animation: float-effect 45s ease-in-out infinite;
    transform-origin: center center;
    will-change: transform;
}