.elementor-9913 .elementor-element.elementor-element-4df1e28{--display:flex;--min-height:100vh;}.elementor-9913 .elementor-element.elementor-element-432121b > .elementor-widget-container{padding:40px 0px 40px 0px;}/* Start custom CSS for container, class: .elementor-element-4df1e28 *//* --- Masukkan Kode Ini Di Tab Advanced > Custom CSS Container Lo --- */

/* 1. Setting Container Utama agar Pas Satu Layar & Tidak Bocor */
.elementor-9913 .elementor-element.elementor-element-4df1e28 {
    --bg-light: #ffffff; /* Ganti jika lo mau warna dasar lain, misal #fbfbfb */
    --accent-red: rgba(180, 0, 0, 0.1); /* Merah brand lo (transparan) */
    --highlight-red: rgba(255, 50, 50, 0.07); /* Merah lebih muda untuk overlap */

    position: relative;
    width: 100%;
    /* Gunakan vh/vw agar proporsional di semua layar */
    min-height: 100vh; /* Pas satu tinggi layar penuh */
    background-color: var(--bg-light);
    overflow: hidden; /* Wajib, biar lingkarannya gak keluar container */
    z-index: 1; /* Di atas background default */
    display: flex; /* Memastikan konten di dalamnya ikut fleksibel */
    flex-direction: column;
    justify-content: center; /* Konten di tengah secara vertikal */
}

/* 2. Base Styling untuk Lingkaran Pseudo (Hemat Elemen HTML) */
.elementor-9913 .elementor-element.elementor-element-4df1e28::before,
.elementor-9913 .elementor-element.elementor-element-4df1e28::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    /* Efek Blur Super Halus ala Referensi */
    filter: blur(min(80px, 8vh)); 
    -webkit-filter: blur(min(80px, 8vh));
    z-index: -1; /* Di belakang konten utama (tulisan/grid) lo */
    pointer-events: none; /* User gak bisa klik lingkaran ini */
    
    /* mix-blend-mode bikin warna numpuk premium */
    mix-blend-mode: multiply; 
    
    animation: tiFloat 25s infinite ease-in-out;
    opacity: 0; /* Mulai dari transparan, muncul via animasi */
}

/* Lingkaran 1: Merah Brand Lo (Di Pojok Kiri Atas) */
.elementor-9913 .elementor-element.elementor-element-4df1e28::before {
    width: max(350px, 30vw); /* Ukuran adaptif terhadap lebar layar */
    height: max(350px, 30vw);
    background: var(--accent-red);
    top: -10vh; /* Posisi adaptif terhadap tinggi layar */
    left: -8vw;
    animation-duration: 22s;
    animation-delay: 0.5s; /* Biar muncul belakangan dikit */
}

/* Lingkaran 2: Merah Highlight (Di Pojok Kanan Bawah) */
.elementor-9913 .elementor-element.elementor-element-4df1e28::after {
    width: max(450px, 40vw);
    height: max(450px, 40vw);
    background: var(--highlight-red);
    bottom: -15vh;
    right: -10vw;
    animation-duration: 30s;
    animation-delay: 0s;
    /* Gerakan berlawanan arah biar dynamic */
    animation-direction: alternate-reverse; 
}

/* 3. Logic Animasi Floating Smooth & Mengambang */
@keyframes tiFloat {
    0% {
        opacity: 0;
        transform: translate(0, 0) scale(0.9);
    }
    10%, 90% {
        opacity: 1; /* Muncul perlahan dan tetap muncul */
    }
    33% {
        /* Gerak acak ke kanan bawah, membesar */
        transform: translate(50px, 60px) scale(1.05) rotate(5deg);
    }
    66% {
        /* Gerak acak ke kiri bawah, mengecil */
        transform: translate(-30px, 90px) scale(0.95) rotate(-5deg);
    }
    100% {
        opacity: 1;
        /* Kembali tapi gak persis sama, membesar lagi */
        transform: translate(70px, -30px) scale(1.02) rotate(3deg);
    }
}

/* 4. Optimasi untuk Layar Mobile (Lebih Enteng & Padat) */
@media (max-width: 768px) {
    .elementor-9913 .elementor-element.elementor-element-4df1e28 {
        min-height: auto; /* Jangan pas satu layar di mobile biar ga aneh */
        padding-top: 50px; /* Jarak atas buat judul */
        padding-bottom: 50px;
    }

    .elementor-9913 .elementor-element.elementor-element-4df1e28::before,
    .elementor-9913 .elementor-element.elementor-element-4df1e28::after {
        filter: blur(50px);
        -webkit-filter: blur(50px);
        mix-blend-mode: normal; /* Blending norak di beberapa hp jadul */
        opacity: 0.3; /* Lebih tipis biar teks kebaca */
    }

    /* Lingkaran mobile gak usah kegedean */
    .elementor-9913 .elementor-element.elementor-element-4df1e28::before {
        width: 250px; height: 250px;
        top: -50px; left: -50px;
    }
    .elementor-9913 .elementor-element.elementor-element-4df1e28::after {
        width: 300px; height: 300px;
        bottom: -80px; right: -50px;
    }
    
    /* Animasi mobile disederhanain biar ga lag */
    @keyframes tiFloat {
        0%, 100% { opacity: 0.3; transform: translate(0,0) scale(1); }
        50% { opacity: 0.4; transform: translate(20px, 20px) scale(1.05); }
    }
}/* End custom CSS */