body {
            /* Hapus margin dan atur font, tidak ada perubahan latar belakang */
            margin: 0;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            /* Hapus background-color: #f4f4f9; agar tidak menimpa background utama Anda */
        }

        /* LAYAR UTAMA LOADING (ID #loading-screen TIDAK PERLU DIUBAH) */
        #loading-screen {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #58097a; /* Latar belakang gelap yang keren */
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            z-index: 9999999; /* Pastikan dia di atas segalanya */
            transition: opacity 1s ease-out; /* Transisi untuk fade out halus */
        }

        /* Gaya untuk Logo (diubah dari .logo menjadi .ks-logo) */
        .ks-logo {
            width: 150px; /* Ukuran logo */
            height: auto;
            margin-bottom: 40px;
            /* Efek bayangan lembut pada logo agar menonjol */
            filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.4));
        }

        /* Gaya untuk Teks Loading (diubah dari .loading-text menjadi .ks-loading-text) */
        .ks-loading-text {
            color: #fff;
            font-size: 1.1em;
            letter-spacing: 2px;
            margin-top: 30px;
            animation: ks-blink 1.5s infinite; /* Menggunakan keyframe unik ks-blink */
        }

        /* ======================================= */
        /* ANIMASI LOADING (The Pulsating Spinner) */
        /* ======================================= */

        /* Spinner Utama (diubah dari .spinner menjadi .ks-spinner) */
        .ks-spinner {
            width: 70px;
            height: 70px;
            /* Border dasar yang lebih transparan */
            border: 5px solid rgba(255, 255, 255, 0.1); 
            border-top-color: #00bcd4; /* Warna utama (Cyan/Biru Muda) */
            border-radius: 50%;
            animation: ks-spin 1.2s linear infinite; /* Menggunakan keyframe unik ks-spin */
            position: relative;
        }

        /* Efek Glow/Pulsating */
        .ks-spinner::before {
            content: '';
            position: absolute;
            top: -5px;
            left: -5px;
            right: -5px;
            bottom: -5px;
            border: 5px solid transparent;
            border-radius: 50%;
            border-top-color: #00bcd4; /* Warna yang sama untuk glow */
            filter: blur(8px); /* Melembutkan glow */
            animation: ks-spin 1.2s linear infinite, ks-pulse 1.5s infinite alternate; /* Menggunakan keyframe unik */
        }

        /* Keyframes untuk berputar (diubah dari @keyframes spin menjadi @keyframes ks-spin) */
        @keyframes ks-spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        /* Keyframes untuk berdenyut (diubah dari @keyframes pulse menjadi @keyframes ks-pulse) */
        @keyframes ks-pulse {
            0% { opacity: 0.6; transform: scale(0.95); }
            100% { opacity: 1; transform: scale(1); }
        }

        /* Keyframes untuk teks berkedip (diubah dari @keyframes blink menjadi @keyframes ks-blink) */
        @keyframes ks-blink {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.3; }
        }

        /* Gaya Konten Utama (ID #content TIDAK PERLU DIUBAH) */
        #content {
            padding: 50px;
            text-align: center;
            /* Anda mungkin ingin menambahkan gaya default di sini jika diperlukan */
        }