.pricing-page {
    overflow-x: hidden;
}

.pricing-header {
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.05) 0%, rgba(139, 92, 246, 0.05) 100%);
}

.pricing-plans {
    animation: fadeIn 0.6s ease-out;
}

.pricing-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

    .pricing-card:hover {
        transform: translateY(-4px);
    }

    .pricing-card.free-plan:hover,
    .pricing-card.basic-plan:hover,
    .pricing-card.premium-plan:hover {
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    }

    .pricing-card.pro-plan {
        box-shadow: 0 25px 50px -12px rgba(79, 70, 229, 0.25);
    }

        .pricing-card.pro-plan:hover {
            box-shadow: 0 35px 60px -12px rgba(79, 70, 229, 0.35);
        }

/* Modal Animations */
.modal {
    animation: fadeIn 0.3s ease-out;
}

/* .modal:not(.hidden) {
    display: flex !important;
} */

.animate-in {
    animation: slideUp 0.3s ease-out;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* FAQ Expanded State */
.pricing-faq .bg-white.expanded p {
    display: block !important;
}

/* Responsive */
@media (max-width: 768px) {
    .pricing-card.pro-plan {
        scale: 1;
    }

    .pricing-header h1 {
        font-size: 2.5rem;
    }
}