body {
    /* 1. Warna Background: Putih tulang yang elegan */
    background-color: #021c04c8, #a08811c8, #07570ec8;


    /* 2. Font: Pakai sans-serif yang modern & bersih */
    font-family: 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

    /* 3. Warna Teks Utama: Jangan hitam pekat, pakai abu gelap biar gak kaku */
    color: #010b0e;

    /* 4. Reset Margin & Padding agar gak ada celah bocor di pinggir */
    margin: 0;
    padding: 0;

    /* 5. Kelancaran Scrolling (Biar pas pindah section kerasa smooth) */
    scroll-behavior: smooth;

    /* 6. Optimasi Font biar tajem di layar HP/Laptop */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* 7. Mencegah konten meluber ke samping (Anti-Scroll Horizontal) */
    overflow-x: hidden;

    /* 8. Jarak antar baris teks biar enak dibaca guru & wali murid */
    line-height: 1.6;
}


/* Tambahan: Settingan Global buat link agar gak biru norak */
a {
    text-decoration: none;
    color: inherit;
    transition: 0.3s;
}

/* Tambahan: Biar gambar gak pecah atau meluber */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Efek Masuk: Muncul dari bawah + Fade In */
.isi-hero-baru {
    animation: slideMuncul 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

@keyframes slideMuncul {
    0% {
        opacity: 0;
        transform: translateY(30px) scale(0.98);
        filter: blur(5px);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

/* Biar perpindahannya mulus, wadah utamanya kasih transisi opacity */
#hero-display {
    transition: opacity 0.3s ease-in-out;
}