/* Import Google Font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap');

/* Tailwind CSS Directives */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom Styles */
body {
    font-family: 'Poppins', sans-serif;
}

/* Custom transition for FAQ icon rotation */
#faq .faq-icon {
    transition: transform 0.3s ease-in-out;
}

#faq .faq-button.open .faq-icon {
    transform: rotate(45deg);
}

#faq .faq-answer {
    transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out;
}

/* Neon effect for plan cards */
.neon-purple {
    box-shadow: 0 0 10px #a78bfa, 0 0 20px #a78bfa, 0 0 30px #a78bfa;
    transition: box-shadow 0.3s ease-in-out;
}

.neon-purple:hover {
    box-shadow: 0 0 15px #a78bfa, 0 0 25px #a78bfa, 0 0 40px #a78bfa, 0 0 50px #a78bfa;
}

/* CTA Button Glow */
#cta-hub-cta {
    box-shadow: 0 0 15px rgba(250, 204, 21, 0.6), 0 0 25px rgba(250, 204, 21, 0.4);
    transition: all 0.3s ease-in-out;
}

#cta-hub-cta:hover {
    box-shadow: 0 0 20px rgba(250, 204, 21, 0.8), 0 0 35px rgba(250, 204, 21, 0.6);
    transform: scale(1.10);
}