/* ===== АНІМАЦІЇ ===== */
@keyframes pulse {
    0% {box-shadow: 0 0 0 0 rgba(37, 117, 252, 0.7);}
    70% {box-shadow: 0 0 0 12px rgba(37, 117, 252, 0);}
    100% {box-shadow: 0 0 0 0 rgba(37, 117, 252, 0);}
}

@keyframes scaleIn {
    from {transform: scale(0.9); opacity: 0;}
    to {transform: scale(1); opacity: 1;}
}

@keyframes scaleOut {
    from {transform: scale(1); opacity: 1;}
    to {transform: scale(0.1); opacity: 0;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeOut {
    from {opacity: 1;}
    to {opacity: 0;}
}

@keyframes fadeIn-content-box {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}