* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background:
        radial-gradient(800px 400px at 10% 10%, rgba(124, 58, 237, 0.06), transparent 6%),
        radial-gradient(700px 300px at 95% 90%, rgba(14, 165, 233, 0.03), transparent 8%),
        #0f1724;
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.accordion.active .accordion-content {
    max-height: 24rem; /* 384px - matches max-h-96 */
    overflow-y: auto;
}

/* Custom scrollbar styling */
.accordion.active .accordion-content::-webkit-scrollbar {
    width: 6px;
}

.accordion.active .accordion-content::-webkit-scrollbar-track {
    background: transparent;
}

.accordion.active .accordion-content::-webkit-scrollbar-thumb {
    background: rgba(174, 149, 197, 0.79);
    border-radius: 3px;
}

.accordion.active .accordion-content::-webkit-scrollbar-thumb:hover {
    background: rgba(174, 149, 197, 0.79);
}

/* Firefox scrollbar */
.accordion.active .accordion-content {
    scrollbar-width: thin;
    scrollbar-color: rgba(174, 149, 197, 0.79) transparent;
}

.accordion-icon {
    transition: transform 0.3s ease;
}

.accordion.active .accordion-icon {
    transform: rotate(180deg);
}