/* =========================================
   assets/css/index.css
   Khusus untuk layout Splash Screen di index.php
========================================= */

#splash-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--white); /* Memakai warna dari style.css */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Memastikan posisinya paling atas menutupi navbar */
    transition: opacity 0.8s ease-out, visibility 0.8s ease-out;
}

/* Animasi denyut (pulse) pada logo */
#splash-screen img {
    width: 250px;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/* Class untuk menyembunyikan layar via JS */
.hide-splash {
    opacity: 0;
    visibility: hidden;
}