/* Reset dasar untuk browser */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
    overflow: hidden; /* Mencegah scroll */
}

body {
    background-color: #0a0a1a; /* Latar belakang biru sangat gelap */
    font-family: 'Poppins', sans-serif;
    color: #fff;
}

/* Canvas untuk partikel diletakkan di belakang konten */
#particle-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Di belakang konten */
}

/* Kontainer untuk menengahkan tulisan */
.content-container {
    position: relative;
    z-index: 2; /* Di depan canvas */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
    text-align: center;
}

h1 {
    /* Font size responsif: minimal 3rem, maksimal 7rem, dan skala 10% dari lebar layar */
    font-size: clamp(3rem, 10vw, 7rem);
    font-weight: 700;
    letter-spacing: 2px;
    
    /* Warna teks diubah menjadi putih solid */
    color: #f0f0f0;

    /* Properti text-shadow dan animation sudah dihapus */
}

/* Blok @keyframes colorCycle juga sudah dihapus karena tidak digunakan lagi */