@keyframes float {
    0%, 100% {
        transform: translateY(0px) translateX(0px);
        opacity: 0.3;
    }
    25% {
        transform: translateY(-10px) translateX(5px);
        opacity: 0.7;
    }
    50% {
        transform: translateY(-5px) translateX(-5px);
        opacity: 0.5;
    }
    75% {
        transform: translateY(5px) translateX(10px);
        opacity: 0.8;
    }
}

/* Остальные стили */
.feature-card {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

.feature-card.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.step {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 0.8s ease-out;
}

.step.animate-in {
    opacity: 1;
    transform: translateX(0);
}

.phone-mockup {
    opacity: 0;
    transform: translateX(30px);
    transition: all 1s ease-out;
}

.phone-mockup.animate-in {
    opacity: 1;
    transform: translateX(0);
}