/* ===== САМОПИСНЫЕ АНИМАЦИИ ===== */
.animate-item {
    opacity: 0;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.animate-item.visible {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}

.animate-from-bottom {
    transform: translateY(50px);
}

.animate-from-right {
    transform: translateX(50px);
}

.animate-from-left {
    transform: translateX(-50px);
}

.animate-from-top {
    transform: translateY(-50px);
}

.animate-scale {
    transform: scale(0.9);
}

.delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.2s; }
.delay-3 { transition-delay: 0.3s; }
.delay-4 { transition-delay: 0.4s; }
.delay-5 { transition-delay: 0.5s; }