@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

body { font-family: 'Inter', sans-serif; scroll-behavior: smooth; }
.bg-purple-gradient {
    background: linear-gradient(135deg, #6d28d9 0%, #4c1d95 100%);
}
.glass-card {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
}
.promo-bubble {
    position: absolute;
    opacity: 0;
    transform: translateY(10px);
    z-index: 30;
}
.bubble-visible {
    opacity: 1;
    transform: translateY(0);
}
.faq-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}
.faq-item.active .faq-content {
    max-height: 200px;
}
.faq-item.active i {
    transform: rotate(180deg);
}