

<!DOCTYPE html>
<html data-theme='default'>
<head>
<meta charset='utf-8'>
<title>KANGJITU Daftar Situs Togel Dan Toto Resmi Online Hadiah Terbesar</title>
<meta name="description" content="Kangjitu adalah situs togel online resmi dan terpercaya dengan pasaran terlengkap, slot gacor dengan RTP tertinggi dan layanan responsif. Menangkan hadiah paling besar dari kami dengan pelayanan siap 24 jam setiap hari.">
<link rel="icon" type="image/x-icon" href="https://i.imgur.com/xm2KaPD.png" />
<link rel="apple-touch-icon" href="https://i.imgur.com/xm2KaPD.png">
<link rel="canonical" href="https://kangjituresmi.com/">
<link rel="amphtml" href="https://kangjituresmi.pages.dev/" /> 
<link as='image' href='https://i.imgur.com/hytpL6A.jpeg' rel='preload'>
<link rel="stylesheet" href="https://assets.teepublic.com/assets/bundles/product-27efacddfffc4e9541c100011b9e0cf4258b53d4bd8386ac5e37135f3cd07974.css" media="all" />
<link as='font' crossorigin='anonymous' href='https://assets.teepublic.com/assets/Roobert-Medium-88ba78029f73fa9f18e1e3c31c1f076acdc49223af70a78b2ea4bdbab8168283.woff2' rel='preload' type='font/woff2'>
<link as='font' crossorigin='anonymous' href='https://assets.teepublic.com/assets/Roobert-SemiBold-9d9c1ae0fc78f67d82c4fc43987857f5b897d29b903701d1e97c2e207311d636.woff2' rel='preload' type='font/woff2'>
<link as='font' crossorigin='anonymous' href='https://assets.teepublic.com/assets/Roobert-Bold-e95979b74ebe06c1851ece294f8f7e9e6d3ad0d817d1968dcbfb26373f0b4de5.woff2' rel='preload' type='font/woff2'>
<link as='font' crossorigin='anonymous' href='https://assets.teepublic.com/assets/SharpGroteskBold-f0bacf6ef6410646205690dca3bc65f5bb2d31b9417a358ad9c07237a310d196.woff2' rel='preload' type='font/woff2'>
<meta content='F9EF52AA90C6458518CEE48CF835744E' name='msvalidate.01'>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'>
<meta content='index, follow' name='robots'>
<meta content='Kangjitu adalah situs togel online resmi dan terpercaya dengan pasaran terlengkap, slot gacor dengan RTP tertinggi dan layanan responsif. Menangkan hadiah paling besar dari kami dengan pelayanan siap 24 jam setiap hari.'>
<meta property="og:description" content="Kangjitu adalah situs togel online resmi dan terpercaya dengan pasaran terlengkap, slot gacor dengan RTP tertinggi dan layanan responsif. Menangkan hadiah paling besar dari kami dengan pelayanan siap 24 jam setiap hari.">
<meta name="google-site-verification" content="DWu6DV1qZteFbJdHPAwnhAfrkfZVX-HH4GHoF1_RbiI" />

<style>
  /* Menjadikan teks umum putih */
  .text-putih {
    color: #ffffff !important;
  }

  /* Memastikan link di dalam text-putih tetap terlihat sebagai link */
  .text-putih a {
    color: #38bdf8 !important; /* Biru cerah agar kontras */
    text-decoration: underline;
  }
</style>

<style>
  /* Mengubah warna teks judul dan keterangan menjadi hitam */
  .m-design-details__title h1, 
  .m-design-details__title p, 
  .m-design-details__title strong {
    color: #000000 !important; /* Hitam pekat */
  }
</style>

<style>
  /* Memaksa elemen p dengan class 'note' menjadi putih */
  p.note, p.note em {
    color: #ffffff !important;
  }
</style>

<style>
/* --- Pengaturan Preview & Glider --- */
  .preview,
  .m-product-preview__glider,
  .glide,
  .glide__track {
    overflow: hidden !important;
    max-width: 100% !important;
  }

  .glide__slides {
    display: flex !important;         
    margin: 0 !important;
    contain: none !important;
  }

  .glide__slide img,
  .m-product-preview__glider-img img,
  .preview .jsProductMainImage {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html, body { overflow-x: hidden !important; }
</style>
<style>
.m-top-banner,
  .m-top-banner .free-shipping {
    background-color: #0077ff !important; /* Biru cerah */
  }

  .m-top-banner,
  .m-top-banner .free-shipping,
  .m-top-banner .free-shipping strong,
  .m-top-banner .free-shipping span {
    color: #000000 !important; /* Teks putih untuk kontras maksimal */
  }

  .m-top-banner a,
  .m-top-banner a:link,
  .m-top-banner a:visited,
  .m-top-banner a:hover,
  .m-top-banner a:active {
    color: #000000 !important; /* Biru sangat muda agar tetap terlihat sebagai link */
    text-decoration: underline !important;
  }

  .m-top-banner img,
  .m-top-banner svg {
    filter: brightness(0) invert(1) !important; /* Membuat ikon menjadi putih agar terbaca */
  }
</style>

</head>
<body class='no-user' id='teepublic'>

<div class='m-top-banner'>
  <div class='free-shipping'>
    <span class='free-shipping__icon'>
      <img src="https://i.postimg.cc/qRB5dnqp/Kangjitu-icon2.webp" loading="lazy" height="20" width="20" aria-hidden="true" focusable="false">
    </span>
    <strong>KANGJITU </strong>
    <strong> KANGJITU Bandar Togel Online Terbaik & Situs Toto Slot Gacor Terbesar</strong>
  </div>
</div>

<header class="vc-header jsHead">
  <div class='vc-header__container wrapper'>
    
    <!-- Logo -->
    <div class="vc-header-logo">
      <a aria-label="Home Link" title="Home" href="https://kangjituresmi.com/" class="link vc-header-logo__wrapper">
        <picture>
          <source srcset="https://i.postimg.cc/3N5Wq6sF/Logo-kangjitu.webp" type="image/webp">
          <img class="vc-header-logo__image" 
               src="https://i.postimg.cc/3N5Wq6sF/Logo-kangjitu.webp"
               style="max-width:150px; height:auto; display:block; margin:0 auto;" 
               alt="KANGJITU Logo">
        </picture>
      </a>
    </div>

    <!-- Search Form yang Disederhanakan -->
    <div class='vc-header__search-container'>
      <div class='m-header__search'>
        <form id="search_form" action="https://kangjituresmi.com/" method="post">
          <div class='m-header__search-field-container'>
            <input type="text" name="query" class="form__control" placeholder="Cari Togel, Toto, atau Slot di KANGJITU..." />
            <button type="submit" class="btn">Cari</button>
          </div>
        </form>
      </div>
    </div>

    <!-- User Account & Buttons -->
<div class="vc-header__actions-container">
    <div class="vc-header__account">
        <div class="btn-wrapper" style="display: flex; gap: 8px; align-items: center;">
    <!-- Tombol LOGIN (Warna Merah Elegan) -->
    <a href="https://jawirmanis.com/kangjitu" target="_top" rel="noopener noreferrer" 
       style="background-color: #3b2dfd !important; color: #ffffff !important; font-weight: bold; font-size: 12px; padding: 6px 16px; border-radius: 4px; text-decoration: none; display: inline-block; transition: all 0.2s;">
       LOGIN
    </a>

    <!-- Tombol DAFTAR (Warna Putih Bersih) -->
    <a href="https://jawirmanis.com/kangjitu" target="_top" rel="noopener noreferrer" 
       style="background-color: #3b2dfd !important; color: #ffffff !important; font-weight: bold; font-size: 12px; padding: 6px 16px; border-radius: 4px; text-decoration: none; display: inline-block; transition: all 0.2s;">
       DAFTAR
    </a>
        </div>
    </div>
</div>

  </div>
</header>

<style>
.nav-menu-wrapper {
    display: flex;
    justify-content: center;
    padding: 15px 0;
    background: #eef7ff; /* Biru sangat muda sebagai latar belakang */
    gap: 15px;
    flex-wrap: wrap;
    border-bottom: 2px solid #0077ff;
  }

  .nav-link {
    text-decoration: none;
    color: #004a99; /* Biru gelap agar mudah terbaca di latar belakang cerah */
    font-weight: 600;
    font-size: 14px;
    padding: 5px 10px;
    transition: color 0.3s ease;
  }

  .nav-link:hover { 
    color: #0077ff; /* Biru cerah saat di-hover */
  }
</style>

<!-- Bagian Navigasi yang Disederhanakan -->
<nav class="nav-menu-wrapper">
  <a href="https://kangjituresmi.com/" class="nav-link">KANGJITU</a>
  <a href="https://kangjituresmi.com/" class="nav-link">TOGEL</a>
  <a href="https://kangjituresmi.com/" class="nav-link">TOTO 4D</a>
  <a href="https://kangjituresmi.com/" class="nav-link">SLOT ONLINE</a>
  <a href="https://jawirmanis.com/kangjitu" class="nav-link">DAFTAR</a>
  <a href="https://jawirmanis.com/kangjitu" class="nav-link">LOGIN</a>
</nav>


<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Organization",
      "@id": "https://kangjituresmi.com/#org",
      "name": "KANGJITU",
      "url": "https://kangjituresmi.com/",
      "logo": "https://i.postimg.cc/3N5Wq6sF/Logo-kangjitu.webp",
      "sameAs": [
        "https://www.facebook.com/kangjitu",
        "https://www.youtube.com/kangjitu",
        "https://t.me/kangjitu"
      ],
      "contactPoint": {
        "@type": "ContactPoint",
        "telephone": "+62-124-456-8888",
        "contactType": "customer support",
        "areaServed": "ID",
        "availableLanguage": ["Indonesian", "English"]
      }
    },
    {
      "@type": "WebSite",
      "@id": "https://kangjituresmi.com/#website",
      "url": "https://kangjituresmi.com/",
      "name": "KANGJITU",
      "publisher": { "@id": "https://kangjituresmi.com/#org" },
      "inLanguage": "id-ID",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://kangjituresmi.com/?s={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    },
    {
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Apa yang menarik dari KANGJITU bagi para gamer online?",
          "acceptedAnswer": { "@type": "Answer", "text": "KANGJITU menyajikan platform permainan digital yang menggabungkan bandar togel online, akses ke slot gacor, dan pasar togel 4D yang besar dalam satu layanan yang mudah diakses." }
        },
        {
          "@type": "Question",
          "name": "Mengapa banyak gamer memilih KANGJITU?",
          "acceptedAnswer": { "@type": "Answer", "text": "Banyak gamer memilih KANGJITU karena platform ini menawarkan pengalaman bermain yang nyaman, banyak pilihan permainan, dan suasana kompetisi yang membuat setiap putaran lebih seru." }
        },
        {
          "@type": "Question",
          "name": "Bagaimana KANGJITU memfasilitasi permainan togel 4D?",
          "acceptedAnswer": { "@type": "Answer", "text": "KANGJITU memfasilitasi permainan togel 4D dengan menyediakan beragam pasar, akses yang mudah, dan sistem permainan yang dirancang agar pemain dapat menikmati setiap sesi dengan optimal." }
        }
      ]
    }
  ]
}
</script>
<div class='m-design jsPdpDesign'>
  <div class='contain contain--wide-3'>
    <div class='m-design__content'>
      
      <!-- Judul & Branding -->
      <div class='m-design-details__title'>
        <h1 class='h__h1--sm'>KANGJITU: Bandar Togel Online Terbaik & Situs Toto Slot Gacor Terbesar</h1>
        <p><strong>BY:</strong> KANGJITU</p>
      </div>

      <!-- Preview Utama (Gambar Tunggal yang Bersih) -->
      <div class='m-design__preview'>
        <img alt='Banner KANGJITU Situs Toto Togel 4D Terbesar' 
             src='https://i.imgur.com/hytpL6A.jpeg' 
             style='width:100%; max-width:600px; border-radius:12px; display:block; margin:0 auto;'>
      </div>

      <!-- Navigasi Cepat (Pilihan Style diubah menjadi menu navigasi) -->
      <section class="kangjitu-content">
  <!-- Bagian Permainan Favorit -->
  <div class="category-section">
    <h3>PERMAINAN FAVORIT</h3>
    <div class="style-menu">
      <a href="https://kangjituresmi.com/">TOGEL</a>
      <a href="https://kangjituresmi.com/">TOTO MACAU</a>
      <a href="https://kangjituresmi.com/">SLOT GAME</a>
      <a href="https://kangjituresmi.com/">WHEELS OF FORTUNE</a>
      <a href="https://kangjituresmi.com/">SPACEMAN</a>
    </div>
  </div>

  <!-- Bagian Rekomendasi Slot Gacor -->
  <div class="slot-section">
    <h3>Rekomendasi Slot Gacor</h3>
    <div class="radio-selector__radios radio-selector__radios--wrap">
      <label class="pasaran-item">
        <input class="radio-selector__radio" type="radio" name="pasaran" value="pragmatic">
        <span class="radio-selector__select">&nbsp;&nbsp;Pragmatic Play&nbsp;&nbsp;</span>
      </label>
      <label class="pasaran-item">
        <input class="radio-selector__radio" type="radio" name="pasaran" value="pgsoft">
        <span class="radio-selector__select">&nbsp;&nbsp;PG Soft&nbsp;&nbsp;</span>
      </label>
      <label class="pasaran-item">
        <input class="radio-selector__radio" type="radio" name="pasaran" value="habanero">
        <span class="radio-selector__select">&nbsp;&nbsp;Habanero&nbsp;&nbsp;</span>
      </label>
      <label class="pasaran-item">
        <input class="radio-selector__radio" type="radio" name="pasaran" value="playtech">
        <span class="radio-selector__select">&nbsp;&nbsp;Playtech&nbsp;&nbsp;</span>
      </label>
    </div>
  </div>
</section>

<style>
  .kangjitu-content { line-height: 1.6; color: #333; margin: 20px 0; }
  .kangjitu-content h3 { color: #ffffff; margin-top: 25px; margin-bottom: 15px; font-size: 18px; border-bottom: 2px solid #f0f0f0; padding-bottom: 5px; }
  
  /* Style Menu Link */
  .style-menu { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
  .style-menu a { padding: 8px 15px; background: #f0f0f0; border-radius: 6px; text-decoration: none; color: #333; font-size: 13px; font-weight: 600; transition: 0.3s; }
  .style-menu a:hover { background: #070469; color: #fff; }

  /* Style Radio Selector */
  .radio-selector__radios { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
  .radio-selector__select { 
    padding: 10px 20px; 
    background: #f0f0f0; 
    border-radius: 8px; 
    cursor: pointer; 
    display: inline-block;
    font-weight: 600;
    font-size: 13px;
    transition: 0.3s;
  }
  .radio-selector__radio { display: none; }
  
  /* Efek Hover dan Active */
  .radio-selector__radio:checked + .radio-selector__select { 
    background: #070469; 
    color: #ffffff; 
  }
  .pasaran-item:hover .radio-selector__select { background: #e0e0e0; }
</style>

<!-- Banner Informasi -->
<div class='cqd-banner' style='margin-top: 20px;'>
  <div class='tp-text-note tp-text-note--information'>
    <div class='tp-text-note__body'>
      <strong>KANGJITU:</strong> Situs Togel Dan Toto Resmi Online Hadiah Terbesar
    </div>
  </div>
</div>

<style>
.radio-selector__radios { display: flex; gap: 10px; margin-top: 10px; }
.radio-selector__select { 
  padding: 10px 20px; 
  background: #f0f0f0; 
  border-radius: 8px; 
  cursor: pointer; 
  display: inline-block;
  font-weight: 600;
}
.radio-selector__radio:checked + .radio-selector__select { 
  background: #070469; 
  color: #ffffff; 
}
.radio-selector__radio { display: none; }
.tp-text-note { padding: 15px; background: #eef2ff; border-left: 4px solid #070469; }
</style>
<div class='m-similar-designs jsSimilarProducts'> 


<style>
        :root {
            --blue: #1217b0;
            --blue-light: #1217b0;
            --blue-dark: #1217b0;
            --gray-dark: #ffffff;
            --gray-medium: #ffffff;
            --gray-light: #F5F5F5;
            --white: #FFFFFF;
        }
        
        body {
            background-color: var(--gray-dark);
            color: var(--gray-light);
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        /* Header */
        header {
    background: linear-gradient(135deg, #1217b0 0%, #1217b0 100%);
    padding: 10px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-top: 5px double blue;
    border-bottom: 5px double blue;
}
.m-explore-nav.jsExploreNav {
    background: #1217b0;
    border-bottom: 5px double blue;
}
.m-footer__legal-bar {
    background-color: #1217b0;
}
        header::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(45deg, transparent 30%, rgba(212, 175, 55, 0.1) 50%, transparent 70%);
            animation: shine 8s infinite linear;
        }
        
        @keyframes shine {
            0% { transform: translateX(-100%); }
            100% { transform: translateX(100%); }
        }
        
        .logo {
            font-size: 3.5rem;
            color:  #0115d8;
            margin-bottom: 10px;
            animation: pulse 3s infinite alternate;
        }
        
        @keyframes pulse {
            0% { text-shadow: 0 0 10px rgba(212, 175, 55, 0.5); }
            100% { text-shadow: 0 0 20px rgba(212, 175, 55, 0.8), 0 0 30px rgba(212, 175, 55, 0.6); }
        }
        
        h1 {
            font-size: 2.2rem;
            margin-bottom: 15px;
            color: var(--white);
        }
        
        .description {
            font-size: 1.2rem;
            max-width: 800px;
            margin: 0 auto;
            color: var(--gray-light);
        }
        
.h__h1--sm + p {
  margin-top: 16px;
}

p {
  line-height: 1.8;
  margin-bottom: 18px;
}

        /* Artikel */
        .article {
            padding: 60px 0;
            background: rgba(255, 255, 255, 0.05);
        }
        
        .article p {
            margin-bottom: 25px;
            font-size: 1.1rem;
            text-align: justify;
        }
        
        /* Keunggulan */
        .features {
            padding: 60px 0;
            background: rgba(214, 214, 214, 0.973);
        }
        
        .section-title {
            text-align: center;
            margin-bottom: 50px;
            position: relative;
        }
        
        .section-title h2 {
            font-size: 2.5rem;
            color:  #0115d8;
            display: inline-block;
            padding-bottom: 10px;
        }
        
        .section-title h2::after {
            content: '';
            position: absolute;
            width: 100px;
            height: 3px;
            background:  #0115d8;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            animation: linePulse 2s infinite;
        }
        
        @keyframes linePulse {
            0%, 100% { width: 100px; }
            50% { width: 150px; }
        }
        
        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .feature-card {
            background: linear-gradient(145deg, var(--gray-medium) 0%, var(--gray-dark) 100%);
            border-radius: 15px;
            padding: 30px;
            text-align: center;
            transition: transform 0.4s ease, box-shadow 0.4s ease;
            border: 1px solid rgba(212, 175, 55, 0.3);
            position: relative;
            overflow: hidden;
        }
        
        .feature-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background: linear-gradient(90deg,  #0115d8,  #0115d8);
            transform: translateX(-100%);
            animation: slideIn 1s forwards;
        }
        
        .feature-card:nth-child(1)::before { animation-delay: 0.2s; }
        .feature-card:nth-child(2)::before { animation-delay: 0.4s; }
        .feature-card:nth-child(3)::before { animation-delay: 0.6s; }
        
        @keyframes slideIn {
            to { transform: translateX(0); }
        }
        
        .feature-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), 0 0 20px rgba(212, 175, 55, 0.2);
        }
        
        .feature-icon {
            font-size: 3rem;
            color: #1217b0;
            margin-bottom: 20px;
        }
        
        .feature-card h3 {
            font-size: 1.5rem;
            margin-bottom: 15px;
            color: #ffffff;
        }
        
        /* Testimoni */
        .testimonials {
            padding: 60px 0;
        }
        
        .testimonials-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .testimonial-card {
            background: linear-gradient(145deg, var(--gray-medium) 0%, var(--gray-dark) 100%);
            border-radius: 15px;
            padding: 30px;
            transition: transform 0.4s ease, box-shadow 0.4s ease;
            border: 1px solid rgba(212, 175, 55, 0.3);
            position: relative;
            overflow: hidden;
        }
        
        .testimonial-card::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: linear-gradient(45deg, transparent, rgba(212, 175, 55, 0.1), transparent);
            transform: rotate(45deg);
            transition: all 0.4s ease;
        }
        
        .testimonial-card:hover::before {
            animation: cardShine 1.5s;
        }
        
        @keyframes cardShine {
            0% { transform: rotate(45deg) translateX(-100%); }
            100% { transform: rotate(45deg) translateX(100%); }
        }
        
        .testimonial-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), 0 0 20px rgba(212, 175, 55, 0.2);
        }
        
        .member-info {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }
        
        .member-avatar {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background:  #0115d8;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
            font-size: 1.5rem;
            color: var(--gray-dark);
            border: 2px solid #1217b0;
        }
        
        .member-details h3 {
            font-size: 1.3rem;
            margin-bottom: 5px;
            color:  #dadada;
        }
        
        .member-details p {
            color: var(--gray-light);
            font-size: 0.9rem;
        }
        
        .testimonial-text {
            font-style: italic;
            position: relative;
            padding-left: 20px;
        }
        
        .testimonial-text::before {
            content: '"';
            position: absolute;
            left: 0;
            top: -10px;
            font-size: 3rem;
            color:  #0115d8;
            opacity: 0.7;
        }
        
        .rating {
            margin-top: 15px;
            color:  #0115d8;
        }
        
        /* KANGJITU */
        .KANGJITU {
            padding: 60px 0;
            background: rgba(255, 255, 255, 0.03);
        }
        
        .KANGJITU-container {
            max-width: 800px;
            margin: 0 auto;
        }
        
        .KANGJITU-item {
            margin-bottom: 15px;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
            transition: all 0.3s ease;
            border: 1px solid rgba(212, 175, 55, 0.2);
        }
        
        .KANGJITU-item:hover {
            border-color:  #0115d8;
        }
        
        .KANGJITU-question {
            background: linear-gradient(90deg, var(--gray-medium) 0%, var(--gray-dark) 100%);
            padding: 20px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: all 0.3s ease;
        }
        
        .KANGJITU-question:hover {
            background: linear-gradient(90deg, var(--gray-medium) 0%, #3a3a3a 100%);
        }
        
        .KANGJITU-question h3 {
            font-size: 1.2rem;
            color: var(--white);
        }
        
        .KANGJITU-icon {
            color:  #0115d8;
            font-size: 1.5rem;
            transition: transform 0.3s ease;
        }
        
        .KANGJITU-answer {
            background: var(--gray-dark);
            padding: 0 20px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease, padding 0.3s ease;
        }
        
        .KANGJITU-answer p {
            padding: 20px 0;
            color: var(--gray-light);
        }
        
        .KANGJITU-item.active .KANGJITU-answer {
            max-height: 500px;
            padding: 0 20px;
        }
        
        .KANGJITU-item.active .KANGJITU-icon {
            transform: rotate(180deg);
        }
        
        /* Footer */
        footer {
            background: var(--gray-dark);
            padding: 40px 0;
            text-align: center;
            border-top: 1px solid  #0115d8;
        }
        
        .footer-logo {
            font-size: 2rem;
            color:  #0115d8;
            margin-bottom: 20px;
        }
        
        /* Responsive */
        @media (max-width: 768px) {
            h1 { font-size: 1.8rem; }
            .description { font-size: 1rem; }
            .section-title h2 { font-size: 2rem; }
            .features-grid, .testimonials-grid { grid-template-columns: 1fr; }
            .article p { font-size: 1rem; }
        }
        .wt-grid .wt-grid__item-xs-12 {
        background-color: #ffffff8f;
        border-radius: 7px;
        box-shadow: 0 0 35px #3f3d00;
        border: solid 1px #956a00;
    }
    a {
    color: #1217b0;
}
.wt-sem-text-primary {
    color: #1217b0 !important;
}
.wt-sem-text-secondary {
    color: #1217b0 !important;
}
.wt-btn.wt-btn--transparent {
    background-color: #9c8686;
}
    </style>
<style>
/* 1. Perbaikan warna teks utama agar terlihat jelas di latar gelap */
.article-container {
  background-color: #0a1128 !important; /* Biru sangat gelap */
  color: #e0e7ff !important;            /* Putih kebiruan agar nyaman di mata */
  padding: 30px;
  border-radius: 15px;
}

/* 2. Judul/Heading agar menonjol */
.article-container h2, 
.article-container h3,
.article-container strong {
  color: #ffffff !important;            /* Putih bersih untuk penekanan */
}

/* 3. Perbaikan warna teks pada list (yang dilingkari merah di gambar Anda) */
.article-container li,
.article-container p {
  color: #d1d5db !important;            /* Abu-abu terang agar kontrasnya pas */
}

/* 4. Memastikan link atau teks yang sebelumnya gelap menjadi terang */
.article-container a {
  color: #38bdf8 !important;            /* Biru cerah agar kontras di latar gelap */
  font-weight: 600;
}

/* 5. Memberikan sedikit bayangan teks agar lebih tajam */
.article-container {
  text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
</style>
                                
                                <!-- === Artikel KANGJITU RAPI tanpa H1/H2 === -->
                                <div class="article-container">
                                 <section class="kangjitu-content">
  <!-- Judul Utama -->
<h2 class="h__h1--sm">KANGJITU: Pusat Hiburan Game Digital</h2>

<p>
  <a href="https://kangjituresmi.com/">KANGJITU</a> adalah platform hiburan digital mutakhir yang menawarkan pengalaman bermain menyeluruh, cepat, dan kaya akan peluang meraih kemenangan besar setiap harinya. Dengan sistem yang selalu mengikuti perkembangan teknologi terbaru, kami menjadi pilihan favorit bagi para penggemar toto togel 4D dan slot gacor yang mengutamakan kenyamanan, keamanan, serta layanan berkualitas tinggi.  
</p>

<p>
  Sebagai platform yang berfokus pada pengalaman pengguna, KANGJITU menghadirkan antarmuka yang sederhana namun modern sehingga mudah digunakan baik oleh pemain pemula maupun pemain berpengalaman. Setiap fitur dirancang untuk memberikan akses cepat, mulai dari proses pendaftaran, deposit, hingga penarikan kemenangan yang diproses secara efisien.  
</p>

<p>
  Selain itu, KANGJITU juga menyediakan berbagai pilihan permainan yang terus diperbarui secara berkala agar pengguna tidak merasa bosan. Variasi permainan yang lengkap memberikan kesempatan lebih besar bagi pemain untuk menemukan strategi terbaik sesuai gaya bermain masing-masing. Dukungan sistem yang stabil juga memastikan pengalaman bermain tetap lancar tanpa gangguan.  
</p>

<p>
  Kami juga mengutamakan keamanan data dan kenyamanan pengguna dengan sistem enkripsi modern serta layanan customer service yang siap membantu 24 jam setiap hari. Tim support kami selalu siap menjawab pertanyaan dan memberikan solusi cepat untuk setiap kebutuhan pemain, sehingga pengalaman bermain menjadi lebih tenang dan terpercaya.  
</p>

<ul>
  <li>Proses pendaftaran cepat dan mudah</li>
  <li>Sistem transaksi aman dan efisien</li>
  <li>Beragam pilihan permainan digital</li>
  <li>Layanan customer service 24/7</li>
  <li>Platform stabil dan ramah pengguna</li>
</ul>

  <!-- Bagian Keunggulan -->
  <h3>Keunggulan Bermain di KANGJITU</h3>
  <ul class="kangjitu-list">
    <li><strong>Akses Tanpa Lag:</strong> Website ini dirancang dengan teknologi responsif sehingga Anda dapat bermain dalam beberapa detik tanpa gangguan.</li>
    <li><strong>Pilihan Permainan yang Paling Lengkap:</strong> Kami menawarkan pilihan pasar toto togel 4D yang populer serta slot gacor yang selalu diperbaharui.</li>
    <li><strong>Sistem Keamanan yang Terkini:</strong> Kenyamanan dalam bermain adalah yang utama dengan sistem perlindungan data yang memadai.</li>
    <li><strong>Layanan 24/7:</strong> Layanan online tersedia sepanjang waktu untuk memenuhi semua kebutuhan transaksi Anda.</li>
  </ul>

  <!-- Bagian Pengalaman Bermain -->
  <h3>Pengalaman Bermain yang Luar Biasa</h3>
  <p>
    KANGJITU tidak hanya menyediakan permainan terpopuler, tetapi juga menciptakan suasana kompetitif melalui fitur-fitur modern dan peluang jackpot yang menakjubkan. Apakah Anda pemain baru atau yang sudah berpengalaman, kami menawarkan beragam acara menarik dan bonus spesial harian yang menjadikan pengalaman bermain lebih menarik dan penuh kejutan setiap harinya.
  </p>
</section>

<style>
  .kangjitu-content { line-height: 1.6; color: #333; margin: 20px 0; }
  .kangjitu-content h3 { color: #070469; margin-top: 25px; margin-bottom: 10px; }
  .kangjitu-list { list-style: none; padding: 0; }
  .kangjitu-list li { margin-bottom: 10px; padding-left: 20px; position: relative; }
  .kangjitu-list li::before { content: "✓"; color: #fdfdfd; position: absolute; left: 0; font-weight: bold; }
  .kangjitu-content a { color: #4900ff; font-weight: bold; text-decoration: none; }
  .kangjitu-content a:hover { text-decoration: underline; }
</style>
    </section>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FAQ & Reviews KANGJITU</title>

<!-- ====== FAQ (5) + MOST RELEVANT (4) + GLOW MERAH KELILING ====== -->
<style>
  /* ===== GLOW WRAP ===== */
  .glow-wrap{
    margin: 0 auto;
    position: relative;
    padding: 16px;
    border-radius: 28px;
  }
  .glow-wrap::before{
    content:"";
    position:absolute;
    inset:-12px;
    border-radius: 36px;
    background: rgba(0, 0, 0, 0.226);
    filter: blur(20px);
    opacity: .55;
    z-index: 0;
  }
  .glow-inner{
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 24px;
    padding: 26px 18px;
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
  }

  /* ===== SECTION TITLE ===== */
  .mw-title{
    text-align:center;
    margin: 10px 0 22px;
    letter-spacing:1px;
    font-weight: 800;
  }

  /* ===== FAQ ===== */
  .mw-faq-item{
    background:#fff;
    border-radius:30px;
    padding:18px 22px;
    margin-bottom:14px;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    box-shadow:0 2px 6px rgba(0,0,0,.05);
    user-select:none;
  }
  .mw-faq-item strong{ font-size:15px; }
  .mw-faq-icon{
    font-weight:900;
    font-size:18px;
    line-height:1;
  }
  .mw-faq-answer{
    display:none;
    padding:0 25px 18px;
    font-size:14px;
    color:#555;
  }

  /* ===== REVIEWS ===== */
  .mw-review{
    background:#fff;
    border-radius:20px;
    padding:20px;
    margin-bottom:18px;
    box-shadow:0 2px 6px rgba(0,0,0,.05);
  }
  .mw-review h4{
    margin:0 0 8px;
    font-size:15px;
    font-weight: 800;
  }
  .mw-review p{
    font-size:14px;
    color:#555;
    margin:0 0 10px;
  }
  .mw-stars{
    color:#f5b301;
    font-size:16px;
    letter-spacing: 1px;
  }

  /* ===== MOBILE ===== */
  @media (max-width: 520px){
    .glow-wrap{ padding: 12px; border-radius: 24px; }
    .glow-wrap::before{ inset:-10px; filter: blur(18px); border-radius: 30px; }
    .glow-inner{ border-radius: 18px; padding: 20px 14px; }
  }
</style>

<section class="kangjitu-content">
  <h2 class="section-title">FAQ KANGJITU</h2>
  
  <div class="faq-container">
    <!-- FAQ 1 -->
    <div class="faq-item">
      <div class="faq-question">1) Apa yang membuat KANGJITU menarik bagi para pemain game daring?</div>
      <div class="faq-answer">KANGJITU menyuguhkan platform permainan digital yang menghimpun bandar togel online, akses ke slot gacor, serta pasar togel 4D yang luas dalam satu layanan yang mudah diakses.</div>
    </div>

    <!-- FAQ 2 -->
    <div class="faq-item">
      <div class="faq-question">2) Mengapa banyak pemain memilih KANGJITU?</div>
      <div class="faq-answer">Banyak pemain memilih KANGJITU sebab platform ini menyediakan pengalaman bermain yang nyaman, banyak variasi permainan, dan suasana kompetitif yang membuat setiap putaran menjadi lebih menarik.</div>
    </div>

    <!-- FAQ 3 -->
    <div class="faq-item">
      <div class="faq-question">3) Apa yang menjadikan situs slot di KANGJITU menarik?</div>
      <div class="faq-answer">Situs slot KANGJITU menarik karena menawarkan permainan dengan kecepatan tinggi, fitur-fitur modern, dan peluang besar yang ideal untuk mereka yang mencari sensasi jackpot setiap harinya.</div>
    </div>

    <!-- FAQ 4 -->
    <div class="faq-item">
      <div class="faq-question">4) Bagaimana KANGJITU mendukung permainan togel 4D?</div>
      <div class="faq-answer">KANGJITU mendukung permainan togel 4D dengan menyajikan berbagai pasar, akses yang mudah, dan sistem permainan yang dirancang agar pemain bisa menikmati setiap sesi secara maksimal.</div>
    </div>

    <!-- FAQ 5 -->
    <div class="faq-item">
      <div class="faq-question">5) Apakah KANGJITU sempurna untuk pencari jackpot besar?</div>
      <div class="faq-answer">KANGJITU cocok bagi pemain yang mengincar jackpot besar karena menggabungkan permainan togel online dan slot gacor dengan peluang keuntungan yang selalu ada setiap hari.</div>
    </div>
  </div>

<p class="note" style="color: #ffffff !important;">
    <em>Catatan: Harap mematuhi ketentuan hukum dan usia minimum yang berlaku sebelum mengakses permainan, serta tetap mengontrol aktivitas bermain dengan bijak.</em>
</p>
</section>

<style>
  .kangjitu-content { line-height: 1.6; color: #333; margin: 40px 0; max-width: 820px; }
  .section-title { color: #070469; margin-bottom: 20px; font-size: 24px; }
  
  .faq-container { display: flex; flex-direction: column; gap: 12px; }
  .faq-item { 
    border: 1px solid #e5e7eb; 
    border-radius: 12px; 
    padding: 16px; 
    background: #ffffff; 
    transition: 0.3s;
  }
  .faq-item:hover { border-color: #070469; }
  
  .faq-question { font-weight: 700; font-size: 16px; margin-bottom: 8px; color: #000; }
  .faq-answer { font-size: 14px; color: #4b5563; }
  
  .note { margin-top: 20px; font-size: 12px; color: #6b7280; font-style: italic; }
</style>

<script>
  function mwToggleFaq(el){
    const ans = el.nextElementSibling;
    const icon = el.querySelector(".mw-faq-icon");
    const open = ans.style.display === "block";
    ans.style.display = open ? "none" : "block";
    icon.textContent = open ? "+" : "-";
  }
</script>

<div class="seller-name__detail text-putih">
    &copy; 2026. <a href="https://kangjituresmi.com/" target="_top" rel="noopener noreferrer">KANGJITU</a> - Situs Togel Dan Toto Resmi Terbaik
</div>
  </div>
</div>

</div>
</div>
<section class="kangjitu-content-left" style="text-align: left; margin-left: 20px; max-width: 820px;">
  <h4 style="color: #070469; margin-bottom: 15px;">Temukan Kami:</h4>
  <div class="social-share-menu" style="display: flex; justify-content: flex-start; gap: 10px; flex-wrap: wrap;">
    <a href="https://twitter.com/intent/tweet?url=https://kangjituresmi.com/" target="_blank" class="social-btn">Twitter</a>
    <a href="https://www.facebook.com/sharer/sharer.php?u=https://kangjituresmi.com/" target="_blank" class="social-btn">Facebook</a>
    <a href="https://t.me/share/url?url=https://kangjituresmi.com/" target="_blank" class="social-btn">Telegram</a>
    <a href="https://pinterest.com/pin/create/button/?url=https://kangjituresmi.com/" target="_blank" class="social-btn">Pinterest</a>
  </div>
</section>

<!-- Footer KANGJITU yang Bersih -->
<footer class="kangjitu-footer">
  <div class="footer-container">
    <div class="footer-copyright">
      &copy; 2026 KANGJITU - Togel Dan Toto Resmi Indonesia #1
    </div>
    
    <div class="footer-links">
      <a href="https://kangjituresmi.com/">Tentang Kami</a>
      <a href="https://kangjituresmi.com/">Aturan Bermain</a>
      <a href="https://kangjituresmi.com/">Kontak Support</a>
      <a href="https://kangjituresmi.com/">Kebijakan Privasi</a>
    </div>
    
    <div class="footer-legal">
      *Harap bermain secara bijak untuk mendapatkan peluang dan kemenangan yang lebih baik.
    </div>
  </div>
</footer>

<style>
  .kangjitu-footer { 
    background: #62d5f8; 
    color: #000000; 
    padding: 40px 20px; 
    text-align: center; 
    margin-top: 50px;
  }
  .footer-links { margin: 15px 0; display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
  .footer-links a { color: #ffffff; text-decoration: none; font-size: 13px; opacity: 0.8; }
  .footer-links a:hover { opacity: 1; text-decoration: underline; }
  .footer-copyright { font-weight: 700; font-size: 15px; }
  .footer-legal { font-size: 11px; opacity: 0.6; margin-top: 15px; }
</style>

<div class="vc-header-logo-container">
  <div class="vc-header-logo">
    <a aria-label="Home Link" title="Home" href="https://jawirmanis.com/kangjitu" class="link vc-header-logo__wrapper">
      <span class="link__content">
        <picture>
          <source srcset="https://i.postimg.cc/3N5Wq6sF/Logo-kangjitu.webp" type="image/webp">
          <img class="vc-header-logo__image" 
               src="https://i.postimg.cc/3N5Wq6sF/Logo-kangjitu.webp"
               style="max-width:150px; height:auto; display:block; margin:0 auto;" 
               alt="KANGJITU Logo">
        </picture>
      </span>
    </a>
  </div>
</div>

<style>
    .bobarawr {
      margin: 0;
      padding: 0;
      font-family: 'Playfair Display', 'Segoe UI', serif;
      background-color: transparent;
      color: #fff;
      overflow: hidden;
    }

    .popup-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0, 40, 80, 0.4);
      backdrop-filter: blur(3px);
      -webkit-backdrop-filter: blur(3px);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    .popup-container {
      position: relative;
      width: 90%;
      max-width: 420px;
      background: linear-gradient(145deg, rgba(10, 20, 40, 0.9), rgba(16, 35, 60, 0.85));
      border-radius: 20px;
      overflow: hidden;
      text-align: center;
      animation: rotateScaleIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), bluePulse 3.5s infinite ease-in-out;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 0 1px rgb(6 150 255 / 97%);
      padding-bottom: 20px;
      border: 1px solid rgb(5 120 230 / 96%);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }

    /* 💙 Biru cerah berdenyut */
    @keyframes bluePulse {
      0%, 100% {
        box-shadow: 0 20px 40px rgb(4 80 150 / 86%), 0 0 20px rgb(2 150 255 / 98%), 0 0 0 1px rgb(9 180 255 / 89%);
      }
      50% {
        box-shadow: 0 20px 40px rgb(17 100 200 / 78%), 0 0 30px rgb(17 150 255 / 82%), 0 0 0 1px rgb(0 150 255 / 92%);
      }
    }

    /* ✨ Shiny diagonal biru cerah yang elegan */
    .popup-container::before {
      content: "";
      position: absolute;
      top: -100%;
      left: -100%;
      width: 200%;
      height: 200%;
      background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0) 45%,
        rgba(100, 220, 255, 0.2) 50%,
        rgba(255, 255, 255, 0) 55%
      );
      animation: shineDiagonal 5s linear infinite;
      z-index: 2;
      pointer-events: none;
    }

    @keyframes shineDiagonal {
      0% {
        transform: translate(-100%, -100%) rotate(30deg);
      }
      100% {
        transform: translate(100%, 100%) rotate(30deg);
      }
    }

    .popup-image {
      width: 100%;
      display: block;
      border-bottom: 1px solid rgb(5 120 230 / 96%);
    }

    .popup-buttons {
      display: flex;
      flex-direction: column;
      gap: 15px;
      padding: 25px 20px;
      position: relative;
      z-index: 3;
    }

    .popup-buttons a {
      width: 100%;
      display: block;
      padding: 18px 0;
      font-size: 16px;
      font-weight: 700;
      border-radius: 50px;
      text-decoration: none;
      text-align: center;
      color: #fff;
      background: linear-gradient(135deg, #0077ff, #00d4ff);
      box-shadow: 0 10px 20px rgb(0 60 180 / 99%);
      transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      position: relative;
      overflow: hidden;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      font-family: 'Montserrat', sans-serif;
    }

    .popup-buttons a::before {
      content: "";
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.3),
        transparent
      );
      transition: left 0.8s;
    }

    .popup-buttons a:hover::before {
      left: 100%;
    }

    .popup-buttons a:hover {
      transform: translateY(-4px);
      box-shadow: 0 15px 25px rgb(0 150 255);
      background: linear-gradient(135deg, #0055bb, #0033aa);
    }

    .popup-buttons a:active {
      transform: translateY(1px);
    }

    .info-table {
      width: 90%;
      margin: 20px auto;
      border-collapse: collapse;
      color: #eee;
      font-size: 14px;
      position: relative;
      z-index: 3;
      background: rgba(0, 30, 80, 0.3);
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    }

    .info-table th {
      background: linear-gradient(135deg, #00d4ff, #0077ff);
      padding: 14px 10px;
      font-size: 15px;
      color: #fff;
      border: none;
      font-weight: 700;
      letter-spacing: 0.8px;
      text-transform: uppercase;
    }

    .info-table td {
      padding: 12px;
      border-bottom: 1px solid rgba(100, 220, 255, 0.1);
      text-align: left;
    }

    .info-table tr:last-child td {
      border-bottom: none;
    }

    .popup-footer {
      font-size: 13px;
      color: #ccc;
      padding: 20px 10px;
      position: relative;
      z-index: 3;
      line-height: 1.6;
      font-family: 'Playfair Display', serif;
    }

    @keyframes rotateScaleIn {
      0% {
        opacity: 0;
        transform: scale(0.3) rotate(-10deg);
      }
      50% {
        transform: scale(1.05) rotate(2deg);
      }
      100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
      }
    }

    /* Efek partikel biru cerah */
    .blue-particle {
      position: absolute;
      background: radial-gradient(circle, rgba(0, 200, 255, 0.8) 0%, rgba(0, 150, 255, 0.4) 100%);
      border-radius: 50%;
      pointer-events: none;
      z-index: 1;
      animation: floatblue 10s infinite ease-in-out;
      box-shadow: 0 0 10px rgba(0, 150, 255, 0.6);
    }

    @keyframes floatblue {
      0%, 100% {
        transform: translateY(0) translateX(0);
        opacity: 0;
      }
      10% {
        opacity: 0.8;
      }
      90% {
        opacity: 0.8;
      }
      100% {
        transform: translateY(-120px) translateX(40px);
        opacity: 0;
      }
    }

    .luxury-border {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border: 1px solid rgba(0, 200, 255, 0.2);
      border-radius: 20px;
      pointer-events: none;
      z-index: 4;
      background: linear-gradient(135deg, 
        rgba(0, 200, 255, 0) 0%, 
        rgba(0, 200, 255, 0.1) 50%, 
        rgba(0, 200, 255, 0) 100%);
    }

    .close-btn {
      position: absolute;
      top: 15px;
      right: 15px;
      width: 32px;
      height: 32px;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      z-index: 10;
      transition: all 0.3s ease;
      border: 1px solid rgba(0, 150, 255, 0.3);
    }

    .close-btn:hover {
      background: rgba(0, 150, 255, 0.8);
      transform: rotate(90deg);
    }

    .close-btn::before,
    .close-btn::after {
      content: '';
      position: absolute;
      width: 16px;
      height: 2px;
      background: #fff;
    }

    .close-btn::before {
      transform: rotate(45deg);
    }

    .close-btn::after {
      transform: rotate(-45deg);
    }

    @media (max-width: 480px) {
      .popup-container {
        width: 95%;
        max-width: 350px;
      }
      
      .popup-buttons a {
        font-size: 14px;
        padding: 16px 0;
      }
      
      .info-table {
        font-size: 13px;
      }
      
      .popup-footer {
        font-size: 12px;
      }
      
      .close-btn {
        width: 28px;
        height: 28px;
      }
    }
  </style>

<div class="popup-overlay" id="popupOverlay">
    <div class="popup-container">
        <!-- Tombol Close -->
        <div class="close-btn" onclick="closePopup()"></div>
        
        <!-- Partikel biru untuk efek elegan -->
        <div class="blue-particle" style="width: 10px; height: 10px; top: 15%; left: 12%; animation-delay: 0s;"></div>
        <div class="blue-particle" style="width: 8px; height: 8px; top: 35%; left: 88%; animation-delay: 1.5s;"></div>
        <div class="blue-particle" style="width: 12px; height: 12px; top: 65%; left: 18%; animation-delay: 3s;"></div>
        <div class="blue-particle" style="width: 6px; height: 6px; top: 25%; left: 75%; animation-delay: 4.5s;"></div>
        <div class="blue-particle" style="width: 9px; height: 9px; top: 80%; left: 60%; animation-delay: 6s;"></div>
        
        <!-- Border mewah -->
        <div class="luxury-border"></div>
        
        <div class="bobarawr">
            <img src="https://i.imgur.com/hytpL6A.jpeg" alt="Popup Banner" class="popup-image" />

            <div class="popup-buttons">
                <a href="https://jawirmanis.com/kangjitu">LOGIN</a>
                <a href="https://jawirmanis.com/kangjitu">DAFTAR</a>
            </div>

            <div class="popup-footer">
                <span style="color: #03a9f4; font-weight: 600; text-shadow: 0 0 5px rgba(0, 150, 255, 0.5);">© COPYRIGHT KANGJITU - Situs Togel Slot Gacor Resmi</span>
            </div>
        </div>
    </div>
</div>

<script>
    function closePopup() {
        const popupOverlay = document.getElementById('popupOverlay');
        // Memberikan efek transisi sebelum menghapus elemen
        popupOverlay.style.opacity = '0';
        popupOverlay.style.transition = 'opacity 0.3s ease';
        
        // Menunggu transisi selesai (300ms) baru mengubah display menjadi none
        setTimeout(() => {
            popupOverlay.style.display = 'none';
        }, 300);
    }
    
    // Menambahkan fungsi agar popup tertutup saat mengklik area gelap (overlay)
    const overlay = document.getElementById('popupOverlay');
    if (overlay) {
        overlay.addEventListener('click', function(event) {
            if (event.target === this) {
                closePopup();
            }
        });
    }
</script>
</body>
</html>