/* ============================================
   FAQ ACCORDION STYLES
   ============================================ */

.faq-button[aria-expanded="true"] .material-icons {
    transform: rotate(180deg);
}

.faq-button[aria-expanded="true"] {
    background: linear-gradient(135deg, rgba(221, 0, 255, 0.05), rgba(170, 0, 255, 0.05));
}

.faq-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out, padding 0.3s ease;
}

.faq-content.active {
    max-height: 1000px;
    padding-top: 0;
}

.faq-item {
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.faq-item:hover {
    border-color: rgba(221, 0, 255, 0.4);
    box-shadow: 0 4px 20px rgba(221, 0, 255, 0.15);
}