/* ===== Nerolia Academy - Custom Styles ===== */

body {
    font-family: 'Inter', sans-serif;
}

/* Gradient backgrounds */
.bg-nerolia {
    background: linear-gradient(135deg, #6d28d9 0%, #4f46e5 100%);
}

.text-nerolia {
    background: linear-gradient(135deg, #6d28d9 0%, #4f46e5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Logo strip - grayscale partner logos */
.logo-strip img {
    filter: grayscale(100%);
    opacity: 0.5;
    transition: all 0.3s ease;
}
.logo-strip img:hover {
    filter: grayscale(0%);
    opacity: 1;
}

/* FAQ Accordion */
.faq-item .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}
.faq-item.open .faq-answer {
    max-height: 500px;
}
.faq-item .faq-icon {
    transition: transform 0.3s ease;
}
.faq-item.open .faq-icon {
    transform: rotate(45deg);
}

/* Sticky sidebar */
.sticky-sidebar {
    position: sticky;
    top: 100px;
}

/* Smooth hover on service cards */
.service-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

/* CTA button hover glow */
.btn-nerolia {
    transition: all 0.2s ease;
}
.btn-nerolia:hover {
    box-shadow: 0 10px 25px -5px rgba(109, 40, 217, 0.4);
}

/* Mobile menu */
.mobile-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.mobile-menu.open {
    max-height: 300px;
}