/* --- Gaya Kustom --- */
#cover-page {
    transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1);
}

/* Kelas ini akan ditambahkan oleh JavaScript saat tombol diklik */
.slide-up {
    transform: translateY(-100%);
}

/* Mengembalikan scrollbar saat cover sudah terbuka */
.overflow-auto-custom {
    overflow-y: auto !important;
}

.spin-slow {
    animation: spin 4s linear infinite;
}
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* --- Gaya Kustom Slideshow Ken Burns --- */
.zoom-effect {
    animation: slowZoom 15s infinite alternate linear;
}
@keyframes slowZoom {
    0% { transform: scale(1); }
    100% { transform: scale(1.15); }
}
.slide {
    transition: opacity 3s ease-in-out;
}

/* Animasi kotak interaktif */
.box-interaktif {
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.box-interaktif:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.box-interaktif:active {
    transform: translateY(1px) scale(0.98);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Loading Spinner */
.loader {
    border: 3px solid rgba(0,0,0,0.1);
    border-top: 3px solid #000;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: load-spin 1s linear infinite;
    display: inline-block;
    vertical-align: middle;
}
@keyframes load-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* Custom Scrollbar */
.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #d4af37; border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #b8952b; }