/* Styling for COMING SOON section */
body {
    /* Pastikan body mengisi seluruh viewport untuk centering */
    min-height: 100vh;
    display: flex;
    flex-direction: column; /* Untuk menumpuk konten vertikal jika ada lebih dari satu */
    justify-content: center; /* Pusat vertikal */
    align-items: center; /* Pusat horizontal */
    overflow: hidden; /* Mencegah scrollbar jika ada animasi yang keluar batas */
}

/* Styling untuk teks H1 COMING SOON */
h1 {
    font-size: 5em; /* Ukuran font yang besar */
    color: #333; /* Warna teks yang kontras */
    text-shadow: 2px 2px 5px rgba(0,0,0,0.2); /* Sedikit bayangan untuk kedalaman */
    letter-spacing: 5px; /* Jarak antar huruf */
    text-transform: uppercase; /* Huruf kapital semua */
    font-weight: 700; /* Tebal */
    margin: 0; /* Hapus margin default */
    padding: 20px; /* Sedikit padding di sekitar teks */
    text-align: center; /* Pastikan teks di tengah */
}

/* Opsional: Sesuaikan ukuran font untuk layar yang lebih kecil */
@media (max-width: 768px) {
    h1 {
        font-size: 3em; /* Ukuran lebih kecil untuk mobile */
        letter-spacing: 3px;
    }
}

@media (max-width: 480px) {
    h1 {
        font-size: 2em; /* Ukuran lebih kecil lagi */
        letter-spacing: 2px;
    }
}

/* Animasi Fade-in dan Scale */
@keyframes pulseFade {
    0% {
        opacity: 0.5;
        transform: scale(0.95);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0.5;
        transform: scale(0.95);
    }
}

h1 {
    /* ... (kode h1 sebelumnya) ... */
    animation: pulseFade 2s infinite ease-in-out; /* Terapkan animasi */
}