/* HERO LIQUID ANIMATIONS */

@keyframes liquidBlob1 {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1);
        border-radius: 60% 40% 55% 45% / 45% 55% 40% 60%;
    }
    50% {
        transform: translate3d(40px, -30px, 0) scale(1.12);
        border-radius: 50% 50% 40% 60% / 60% 40% 55% 45%;
    }
}

@keyframes liquidBlob2 {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1);
        border-radius: 45% 55% 60% 40% / 60% 40% 55% 45%;
    }
    50% {
        transform: translate3d(-35px, 35px, 0) scale(1.15);
        border-radius: 55% 45% 50% 50% / 50% 50% 60% 40%;
    }
}

@keyframes ambientGlow {
    0%, 100% {
        opacity: 0.4;
    }
    50% {
        opacity: 0.8;
    }
}

@keyframes heroFadeUp {
    0% {
        opacity: 0;
        transform: translateY(22px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes particleFloatLeft {
    0% {
        transform: translate3d(0, 0, 0);
    }
    50% {
        transform: translate3d(14px, -18px, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes particleFloatRight {
    0% {
        transform: translate3d(0, 0, 0);
    }
    50% {
        transform: translate3d(-16px, 16px, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}