@keyframes pop-in {
    0% { opacity: 0; transform: scale(0.8); }
    100% { opacity: 1; transform: scale(1); }
    }
    .animate-pop-in {
    animation: pop-in 0.3s ease-out both;
    }

    @keyframes fade-in {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
    }
    .animate-fade-in {
    animation: fade-in 0.6s ease-out both;
    }