/* animations.css */

@keyframes alam-ai-ping {
    75%, 100% {
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes alam-ai-bounce {
    0%, 80%, 100% { transform: scale(0); }
    40% { transform: scale(1.0); }
}

@keyframes alam-ai-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes alam-ai-slide-in-bottom {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.animate-in {
    animation: alam-ai-slide-in-bottom 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.animate-fade {
    animation: alam-ai-fade-in 0.3s ease-out forwards;
}

@keyframes pulse {
    0% { height: 40%; }
    50% { height: 100%; }
    100% { height: 40%; }
}

@keyframes alam-ai-success-pop {
    0% { transform: scale(0.6); opacity: 0; }
    55% { transform: scale(1.06); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes alam-ai-success-ring-pulse {
    0%, 100% { transform: scale(1); opacity: 0.45; }
    50% { transform: scale(1.12); opacity: 0.15; }
}

@keyframes alam-ai-success-content-in {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}