/* Palet Warna: (Sama seperti sebelumnya) */
:root {
    --color-primary: #8B0000;
    --color-secondary: #FFD700;
    --color-background: #1C1C1C;
    --color-text: #FFFFFF;
    /* --font-logo: 'Chakra Petch', sans-serif; <-- Sudah tidak diperlukan, tapi disimpan untuk font lain */
}

/* --- Header & Logo --- */
/* ... (Bagian .main-header dan .container sama) ... */

/* Ganti styling logo teks lama dengan image */
.logo-image {
    max-height: 50px; /* Atur ketinggian maksimum logo */
    width: auto; /* Jaga aspek rasio */
    animation: pulse 2s infinite; /* Tetap pertahankan animasi berdenyut */
    transition: transform 0.3s;
}

.logo-link:hover .logo-image {
    transform: scale(1.05);
}

/* Hapus styling .logo yang lama (jika ada) */
/* .logo { 
    font-family: var(--font-logo);
    font-size: 2.5em;
    color: var(--color-secondary);
    text-shadow: 2px 2px var(--color-primary);
    letter-spacing: 2px;
    animation: pulse 2s infinite;
} */

/* --- Animasi, Navbar, Hero, dan Bagian Lainnya (SAMA) --- */

/* --- Tambahan Styling Konten Baru --- */
.review-container blockquote {
    background-color: #282828;
    border-left: 5px solid var(--color-secondary);
    padding: 20px;
    margin: 20px auto;
    max-width: 700px;
    font-style: italic;
    text-align: left;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.qa-list {
    text-align: left;
    max-width: 800px;
}

.qa-list h3 {
    color: var(--color-primary);
    margin-top: 20px;
    margin-bottom: 5px;
}
.qa-list p {
    margin-bottom: 15px;
    color: #CCC;
}


/* --- Media Query (Mobile) --- */
@media (max-width: 768px) {
    /* ... (Media Query lainnya sama) ... */
    .logo-image {
        max-height: 40px; /* Sesuaikan ukuran logo di mobile */
    }
    
    .review-container blockquote, .qa-list {
        margin: 20px 10px;
    }
}