/* --- PENGATURAN WARNA BRAND --- */
:root {
    --brand-yellow: #FFDB02;
    --brand-black: #000000;
    --brand-white: #ffffff;
}

/* Utilitas Warna Custom */
.text-brand {
    color: var(--brand-yellow);
}

.bg-brand {
    background-color: var(--brand-yellow);
}

.border-brand {
    border-color: var(--brand-yellow);
}

/* Hover effects khusus untuk tombol kuning agar teks tetap kontras */
.btn-brand:hover {
    background-color: #e6c200; /* Kuning sedikit lebih gelap saat hover */
}

/* --- PENGATURAN UMUM --- */
html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--brand-white);
    color: var(--brand-black);
}

/* --- ANIMASI CUSTOM --- */
@keyframes bounce-slow {
    0%, 100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }
    50% {
        transform: translateY(0);
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
}

.animate-bounce-slow {
    animation: bounce-slow 3s infinite;
}

/* --- HERO SLIDER --- */
.hero-slide {
    transition: opacity 1000ms ease-in-out;
    opacity: 0;
}

.hero-slide.active {
    opacity: 1;
}

/* --- FAQ ACCORDION --- */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s ease;
}

.faq-answer.open {
    max-height: 500px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

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

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

/* --- MODIFIKASI TAMBAHAN --- */
#mobileMenu {
    background-color: var(--brand-black);
    border-top: 1px solid #333;
}