:root {
            /* Palette warna menyesuaikan Logo SD N 2 Gebang */
            --primary-dark: #12233a; /* Biru Navy Gelap untuk kontras elegan */
            --primary-light: #1c385c;
            --accent-primary: #00a2e8; /* Biru Cyan dari logo */
            --accent-primary-hover: #0084bd;
            --accent-yellow: #fbc02d; /* Kuning/Emas dari logo */
            --bg-gray: #f8fafc;
            --text-dark: #1e293b;
            --text-muted: #64748b;
        }

        body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            color: var(--text-dark);
            background-color: var(--bg-gray);
        }

        /* 🚀 GLOBAL STYLES & BUTTONS */
        .text-accent { color: var(--accent-primary) !important; }
        .bg-accent { background-color: var(--accent-primary) !important; }
        .bg-primary-dark { background-color: var(--primary-dark) !important; }
        .text-primary-dark { color: var(--primary-dark) !important; }

        .btn-accent {
            background-color: var(--accent-primary);
            color: white;
            font-weight: 600;
            border-radius: 6px;
            padding: 10px 24px;
            transition: all 0.3s ease;
            border: none;
        }
        .btn-accent:hover { background-color: var(--accent-primary-hover); color: white; transform: translateY(-2px); }
        .btn-outline-accent {
            border: 2px solid var(--accent-primary);
            color: var(--accent-primary);
            font-weight: 600;
            background: transparent;
            transition: all 0.3s ease;
        }
        .btn-outline-accent:hover { background-color: var(--accent-primary); color: white; }

        .section-title { font-weight: 800; color: var(--primary-dark); }
        .section-subtitle { color: var(--accent-primary); font-weight: 700; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; display: block; }

        /* 🚀 NAVBAR CLEAN WHITE */
        .navbar-custom { background-color: rgba(255, 255, 255, 0.98); backdrop-filter: blur(10px); }
        .navbar-custom .nav-link { color: var(--text-dark); font-weight: 600; font-size: 0.9rem; margin: 0 10px; }
        .navbar-custom .nav-link:hover { color: var(--accent-primary); }

        /* 🚀 HERO SECTION */
        .hero-slide-container {
            position: relative;
            padding: 140px 0 160px 0;
            background-size: cover !important;
            background-position: center !important;
            z-index: 1;
        }

        .hero-slide-overlay {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            /* Gradien SADEGA: Biru navy ke transparan dengan hint cyan */
            background: linear-gradient(90deg, rgba(18, 35, 58, 0.95) 0%, rgba(18, 35, 58, 0.7) 50%, rgba(0, 162, 232, 0.2) 100%);
            z-index: -1;
        }

        /* Kustomisasi Tombol Panah Slider */
        .carousel-control-prev, .carousel-control-next {
            width: 5%;
            opacity: 0.8;
            z-index: 10;
        }
        .carousel-control-prev:hover, .carousel-control-next:hover {
            opacity: 1;
        }

        /* OVERLAPPING QUICK INFO CARDS */
        .quick-info-wrapper { margin-top: -80px; position: relative; z-index: 10; }
        .quick-info-card {
            background: #fff; border-radius: 12px; padding: 30px 20px;
            text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.08);
            height: 100%; transition: 0.3s; border-bottom: 4px solid transparent;
        }
        .quick-info-card:hover { transform: translateY(-5px); border-bottom: 4px solid var(--accent-primary); }
        .quick-icon { font-size: 2.5rem; color: var(--accent-primary); margin-bottom: 15px; }

        /* 🚀 DAFTAR PRESTASI / STATS SECTION */
        .stats-section { background-color: var(--primary-dark); color: white; padding: 60px 0; }
        .stat-item h2 { font-weight: 800; font-size: 3rem; margin-bottom: 5px; color: var(--accent-primary); }
        .stat-item p { font-size: 1rem; color: #cbd5e1; margin: 0; }

        /* 🚀 EDUCATOR PROFILE EXPERTS CARD */
        .expert-card {
            border: none; border-radius: 12px; overflow: hidden; background: #fff;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: 0.3s;
        }
        .expert-card:hover { box-shadow: 0 15px 30px rgba(0,0,0,0.1); transform: translateY(-5px); }
        .expert-img { width: 100%; height: 280px; object-fit: cover; }
        .expert-social .btn-social {
            width: 35px; height: 35px; border-radius: 50%; background: var(--bg-gray);
            color: var(--accent-primary); display: inline-flex; align-items: center; justify-content: center;
            margin: 0 5px; transition: 0.3s; text-decoration: none;
        }
        .expert-social .btn-social:hover { background: var(--accent-primary); color: #fff; }

        /* 🚀 SLIDER & CARDS CUSTOMIZATION */
        .card-premium { border: none; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: 0.3s; }
        .card-premium:hover { transform: translateY(-4px); box-shadow: 0 12px 25px rgba(0,0,0,0.08); }

        .carousel-inner-slider { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding: 10px 5px 30px 5px; }
        .carousel-inner-slider::-webkit-scrollbar { height: 0; }
        .item-slide-box-card { flex: 0 0 320px; scroll-snap-align: start; margin-right: 20px; }

        .galeri-img { height: 220px; object-fit: cover; border-radius: 12px 12px 0 0; width: 100%; }

        /* 🚀 NEW: CSS UNTUK FOTO PRESTASI AGAR SERAGAM */
        .prestasi-img {
            width: 100%;
            height: 220px; /* Tinggi seragam agar tidak berantakan */
            object-fit: cover; /* Memotong foto secara proporsional tanpa gepeng */
            background-color: #e2e8f0;
        }

        /* Modal Footer Styling */
        .modal-header-custom { background-color: var(--primary-dark); color: white; border-bottom: none; }


        /* 🚀 ACCORDION FAQ CUSTOMIZATION */
.accordion-button {
    background-color: #ffffff;
    box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
    background-color: var(--primary-dark);
    color: #ffffff !important;
    box-shadow: none;
}
.accordion-button:focus {
    border-color: var(--accent-primary);
}
/* Mengubah warna panah accordion saat aktif menjadi putih */
.accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}