<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>kuda189: Belanja Game Online, Produk Terjamin Asli & Resmi </title>
  <meta name="description" content="kuda189 menawarkan belanja game online dengan produk 100% asli & resmi, pengiriman cepat, serta layanan pelanggan profesional untuk pengalaman terbaik." />
  <meta name="theme-color" content="#0ea5e9" />
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
        <meta name="robots" content="index, follow" />
        <meta name="aplus-auto-exp" content='[{"filter":"exp-tracking=suggest-official-store","logkey":"/lzdse.result.os_impr","props":["href"],"tag":"a"}]' />
        <meta name="page google.com" content="https://www.google.com/search?q=kuda189">
        <meta name="page google.co.id" content="https://www.google.co.id/search?q=kuda189">
        <meta name="page google.com" content="https://www.google.com/search?q=kuda189">
        <meta name="page google.co.id" content="https://www.google.co.id/search?q=kuda189">
        <meta name="data-spm" content="kuda189" />
        <meta name="og:url" content="https://www.articleonramp.com" />
        <meta name="og:title" content="kuda189: Belanja Game Online, Produk Terjamin Asli & Resmi " />
        <meta name="og:type" content="product" />
        <meta name="og:description" content="kuda189 menawarkan belanja game online dengan produk 100% asli & resmi, pengiriman cepat, serta layanan pelanggan profesional untuk pengalaman terbaik." />
        <meta name="keywords" content="kuda189, kuda189 websites" />
        <meta name="og:image" content="https://www.articleonramp.com/assets/images/banner-kuda189.webp" />
        <link rel="shortcut icon" href="https://www.articleonramp.com/assets/images/favicon-kuda189.webp" />
        <link rel="canonical" href="https://www.articleonramp.com" />
          <link rel="amphtml" href="https://www.articleonramp.com/amp" />
        
              <script async="" src="js/fbevents.js"></script><script type="application/ld+json">
	{
		"@context": "https://schema.org",
		"@type": "WebPage",
		"headline": "kuda189: Belanja Game Online, Produk Terjamin Asli & Resmi  ",
		"url": "https://www.articleonramp.com/",
		"datePublished": "2025-05-15T07:12:59+07:00",
		"image": "https://www.articleonramp.com/assets/images/banner-kuda189.webp",
		"thumbnailUrl": "https://www.articleonramp.com/assets/images/banner-kuda189.webp"
	}
    </script>
        
                  <script type="application/ld+json"> 
    { 
        "@context": "https://schema.org", 
        "@type": "FAQPage", 
        "mainEntity": [ 
        { 
        "@type": "Question", 
        "name": "Bagaimana cara memastikan produk di kuda189 asli dan resmi?", 
        "acceptedAnswer": { 
        "@type": "Answer", 
        "text": "Ya, semua produk di kuda189 dijamin 100% resmi dan original langsung dari distributor terpercaya." 
            } 
        }, 
    { 
        "@type": "Question", 
        "name": "Bagaimana proses transaksi di kuda189?", 
        "acceptedAnswer": { 
        "@type": "Answer", 
        "text": "Prosesnya mudah, cepat, dan aman dengan berbagai pilihan pembayaran." 
            } 
        }, 
    { 
        "@type": "Question", 
        "name": "pakah ada layanan pelanggan jika mengalami kendala?", 
        "acceptedAnswer": { 
        "@type": "Answer", 
        "text": "Tentu! Tim customer service kami siap membantu 24/7 melalui berbagai kanal komunikasi." 
                } 
            } 
        ] 
    }                      
</script>

<script type="application/ld+json">
    {"name":"kuda189: Belanja Game Online, Produk Terjamin Asli & Resmi  ",
        "image":"https://www.articleonramp.com/assets/images/banner-kuda189.webp",
        "description":"kuda189 menawarkan belanja game online dengan produk 100% asli & resmi, pengiriman cepat, serta layanan pelanggan profesional untuk pengalaman terbaik.",
        "brand":"kuda189",
        "offers":{"price":10000.00,"priceCurrency":"IDR",
        "url":"https://www.articleonramp.com/assets/images/banner-kuda189.webp",
        "availability":"InStock",
        "sku":"SQ1936194",
        "@context":"http://schema.org",
        "@type":"Offer"},"@context":"http://schema.org",
        "@type":"Product"}
</script>
    
    <script type="application/ld+json">
    {"url":"https://www.articleonramp.com/login",
        "name":"kuda189",
        "description":"",
        "image":"https://www.articleonramp.com/assets/images/banner-kuda189.webp",
        "@context":"http://schema.org","@type":"WebSite"}
</script>

<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "kuda189",
        "operatingSystem": "ANDROID",
        "applicationCategory": "GameApplication",
        "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5",
        "ratingCount": "9865138"
        },
        "offers": {
        "@type": "Offer",
        "price": "10000.00",
        "priceCurrency": "IDR"
        }
    }
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebPage",
      "@id": "https://www.articleonramp.com/",
      "url": "https://www.articleonramp.com/",
      "name": "KUDA189 TOKO GAME ONLINE TERPERCAYA",
      "headline": "kuda189: Belanja Game Online, Produk Terjamin Asli & Resmi  ",
      "description": "kuda189 menawarkan belanja game online dengan produk 100% asli & resmi, pengiriman cepat, serta layanan pelanggan profesional untuk pengalaman terbaik.",
      "inLanguage": "id-ID",
      "isPartOf": {
        "@id": "https://www.articleonramp.com/#website"
      },
      "primaryImageOfPage": {
        "@type": "ImageObject",
        "url": "https://www.articleonramp.com/images/banner-kuda189.webp",
        "width": 1024,
        "height": 1024
      }
    },
    {
      "@type": "Organization",
      "@id": "https://www.articleonramp.com/#organization",
      "name": "kuda189",
      "url": "https://www.articleonramp.com/",
      "logo": {
        "@type": "ImageObject",
        "url": "https://www.articleonramp.com/images/logo-kuda189.webp",
        "width": 200,
        "height": 200
      }
    },
    {
      "@type": "Article",
      "mainEntityOfPage": {
        "@id": "https://www.articleonramp.com/"
      },
      "headline": "kuda189: Belanja Game Online, Produk Terjamin Asli & Resmi ",
      "description": "kuda189 menawarkan belanja game online dengan produk 100% asli & resmi, pengiriman cepat, serta layanan pelanggan profesional untuk pengalaman terbaik.",
      "image": "https://www.articleonramp.com/images/banner-kuda189.webp",
      "author": {
        "@type": "Organization",
        "name": "kuda189",
        "url": "https://www.articleonramp.com/"
      },
      "publisher": {
        "@id": "https://www.articleonramp.com/#organization"
      },
      "datePublished": "2025-06-21T09:00:00+07:00"
    },
    {
      "@type": "WebSite",
      "@id": "https://www.articleonramp.com/#website",
      "name": "kuda189",
      "url": "https://www.articleonramp.com/",
      "publisher": {
        "@id": "https://www.articleonramp.com/#organization"
      },
      "inLanguage": "id-ID"
    }
  ]
}
    </script>
    
       <script type="application/ld+json">
	{
        "@context": "https://schema.org",
        "@type": "BreadcrumbList",
        "itemListElement": [
			{
			"@type": "ListItem",
			"position": 1,
			"name": "kuda189",
			"item": "https://www.articleonramp.com/"
			},{
			"@type": "ListItem",
			"position": 2,
			"name": "produk resmi terbaik",
			"item": "https://www.articleonramp.com/produk-resmi-terbaik/"
			},{
			"@type": "ListItem",
			"position": 3,
			"name": "cgi-bin"
        }
      ]
    },
    </script>
    
    
  <style>
    :root{
      --bg:#0b1220; --card:#0f172a; --muted:#94a3b8; --txt:#e2e8f0; --brand:#0ea5e9; --brand-2:#22d3ee; --ring: rgba(34,211,238,.5)
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(180deg,#0b1220 0%,#0e1324 60%,#0b1220 100%);color:var(--txt)}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    .container{width:min(1200px,92%);margin-inline:auto}
    .btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.1rem;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#001018;font-weight:700;border:none;cursor:pointer;box-shadow:0 10px 24px rgba(14,165,233,.25)}
    .btn.ghost{background:transparent;color:var(--txt);border:1px solid rgba(148,163,184,.3)}
    .btn:focus{outline:3px solid var(--ring);outline-offset:2px}
    header{position:sticky;top:0;backdrop-filter:saturate(1.4) blur(10px);background:rgba(11,18,32,.6);border-bottom:1px solid rgba(148,163,184,.12);z-index:50}
    nav{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0}
    .brand{display:flex;align-items:center;gap:.7rem;font-weight:800;letter-spacing:.2px}
    .brand-logo{width:38px;height:38px;border-radius:12px;background:radial-gradient(circle at 30% 30%,var(--brand) 0 40%,var(--brand-2) 40% 70%,transparent 75%);box-shadow:inset 0 0 24px rgba(34,211,238,.35),0 10px 20px rgba(14,165,233,.25)}
    .nav-links{display:flex;gap:1.2rem}
    .nav-links a{padding:.5rem .8rem;border-radius:10px}
    .nav-links a:hover{background:rgba(148,163,184,.08)}
    .menu-btn{display:none}
    /*rain-frop-luci6669*/

    .rain-container {
  position: fixed; /* biar efek hujan menutupi layar */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; /* biar nggak ganggu klik */
  overflow: hidden;
  z-index: 9999;
}

/* Gaya untuk tiap icon */
.raindrop {
  position: absolute;
  top: -100px;
  width: 40px; /* ukuran icon */
  height: auto;
  animation: fall linear infinite;
}

/* Animasi jatuh */
@keyframes fall {
  0% {
    transform: translateY(-100px) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(110vh) rotate(360deg);
    opacity: 0.8;
  }
}

   .hero {
    padding: 72px 0 36px;
    border-bottom: 1px solid rgba(148, 163, 184, .1);
  }
  .hero-inner {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 2rem;
    align-items: left;
  }
    .kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .6rem;border:1px solid rgba(148,163,184,.2);border-radius:999px;color:var(--muted);font-size:.85rem}
    .title{font-size:clamp(2rem,3.4vw,3rem);line-height:1.05;margin:.6rem 0 .8rem;font-weight:800}
    .sub{color:var(--muted);max-width:60ch}

.hero-card.banner {
  background: linear-gradient(120deg, #0f172a, rgba(2, 6, 23, 0.6));
  border-radius: 20px;
  padding: 3rem;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  height: 300px;
}

.hero-card.banner::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 2px;
  background: linear-gradient(45deg, #ff00ff, #00ffff, #ff9900, #ff00ff);
  background-size: 100% 100%;
  animation: gradientMove 6s linear infinite;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.hero-content {
  position: relative;
  color: #fff;
  z-index: 2;
}
@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

  .hero-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .7rem;
  }

.hero-grid.vertical {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1rem;
}

.hero-item {
  background: rgba(11, 18, 32, 0.8);
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 16px;
  padding: .8rem;
  transition: transform 0.3s, box-shadow 0.3s;
}

.hero-item.small {
  height: 80px;
  border-radius: 12px;
  background-size: cover;
  background-position: center;
  position: relative;
}
.hero-item.small::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  padding: 2px;
  background: linear-gradient(45deg, #ff00ff, #00ffff, #ff9900, #ff00ff);
  background-size: 300% 300%;
  animation: gradientMove 6s linear infinite;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
/* Pastikan konten grid rata atas */
.hero-inner{
  align-items: start;
}

/* Sidebar kanan: nempel di kanan & atas, isi menumpuk vertikal */
.hero-aside{
  justify-self: end;   /* ke kanan (dalam grid) */
  align-self: start;   /* ke atas (dalam grid)  */
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: min(380px, 100%); /* lebar sidebar */
}

/* Banner besar dengan gambar + bingkai menyala */
.hero-card2.banner{
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  padding: 1rem;
  background-size: cover;
  background-position: center;
  border: 1px solid rgba(148,163,184,.18);
  box-shadow: 0 20px 60px rgba(2,6,23,.45);
}
.hero-card2.banner::before{
  content:"";
  position:absolute; inset:0; border-radius:20px; padding:2px;
  background: linear-gradient(45deg,#ff00ff,#00ffff,#ff9900,#ff00ff);
  background-size:300% 300%;
  animation: gradientMove 6s linear infinite;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
}

/* Stack gambar kecil ke bawah */
.hero-stack{
  display: flex;
  flex-direction: column;
  gap: .8rem;
}
.hero-item2.small{
  height: 80px;
  border-radius: 12px;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(148,163,184,.14);
}
.hero-item2.small::before{
  content:"";
  position:absolute; inset:0; border-radius:12px; padding:2px;
  background: linear-gradient(45deg,#ff00ff,#00ffff,#ff9900,#ff00ff);
  background-size:300% 300%;
  animation: gradientMove 6s linear infinite;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
}

@keyframes gradientMove{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

/* Responsif: tumpuk ke bawah saat layar kecil */
@media (max-width: 900px){
  .hero-inner{ grid-template-columns: 1fr; }
  .hero-aside{ justify-self: stretch; width: 100%; }
}

.hero-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 10px rgba(255,255,255,0.2);
}

  .hero-item h4 {
    margin: .4rem 0 .2rem;
  }
  .hero-item p {
    margin: 0;
    color: var(--muted);
    font-size: .92rem;
  }

/* button*/
.rgb-btn2 {
  background: linear-gradient(270deg, #ff00ff, #00ffff, #00ff00, #ffff00, #ff0000, #ff00ff);
  background-size: 1200% 1200%;
  color: white;
  font-size: 1rem;
  font-weight: bold;
  padding: 0.4rem 3.2rem;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  animation: rgbFlow 6s ease infinite, glowPulse 1.8s infinite ease-in-out;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
  transition: transform 0.2s ease, box-shadow 0.3s ease;
  margin-top: 10px; /* jarak dari banner */
}

.rgb-btn2:hover {
  transform: scale(1.08);
  box-shadow: 0 0 25px rgba(255, 255, 255, 0.8);
}

@keyframes rgbFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes glowPulse {
  0%, 100% { box-shadow: 0 0 20px rgba(255,255,255,0.6); }
  50% { box-shadow: 0 0 40px rgba(255,255,255,0.9); }
}


 .rgb-btn {
  background: linear-gradient(270deg, #ff00ff, #00ffff, #00ff00, #ffff00, #ff0000, #ff00ff);
  background-size: 1200% 1200%;
  color: white;
  font-size: 1rem;
  font-weight: bold;
  padding: 0.9rem 1.7rem;
  border-radius: 14px;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  animation: rgbFlow 6s ease infinite, glowPulse 1.8s infinite ease-in-out;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
  transition: transform 0.2s ease, box-shadow 0.3s ease;
}

.rgb-btn:hover {
  transform: scale(1.08);
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.8),
              0 0 60px rgba(255, 255, 255, 0.6);
}

/* Efek animasi */
@keyframes rgbFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes glowPulse {
  0%, 100% { box-shadow: 0 0 20px rgba(255, 255, 255, 0.5); }
  50% { box-shadow: 0 0 30px rgba(255, 255, 255, 0.8); }
}

/* Versi mobile */
@media (max-width: 768px) {
  .rgb-btn {
    font-size: 0.85rem;     /* lebih kecil supaya muat di layar */
    padding: 0.7rem 1.2rem; /* padding dikurangi */
    border-radius: 10px;    /* sedikit lebih kecil */
    letter-spacing: 0.5px;  /* jarak huruf dipadatkan */
  }
}

/* Versi layar sangat kecil (HP mini) */
@media (max-width: 480px) {
  .rgb-btn {
    font-size: 0.75rem;
    padding: 0.6rem 1rem;
    border-radius: 8px;
  }
}

   .hero-cta {
    margin-top: 1.5rem;
  }

  /* card baru luci */

.card {
    position: relative;
    background: rgba(11, 18, 32, 0.85);
    border-radius: 16px;
    padding: 1rem;
    overflow: hidden;
    border: 4px solid transparent;
    animation: borderRGB 5s linear infinite;
    background-clip: padding-box;
  }

  .card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url('https://upload.wikimedia.org/wikipedia/en/4/44/Red_Dead_Redemption_II.jpg') center/cover no-repeat;
    opacity: 0.15;
    z-index: 0;
  }

    .card .body,
  .card .cta {
    position: relative;
    z-index: 1;
  }

 @keyframes borderRGB {
    0% { border-color: #ffffff; }
    25% { border-color: #ffffff; }
    75% { border-color: #ffffff; }
    100% { border-color: #0b1220; }
  }

   .btn {
    padding: 0.6rem 1rem;
    border: none;
    border-radius: 8px;
    font-weight: bold;
    cursor: pointer;
  }
  .btn.ghost {
    background: transparent;
    border: 1px solid white;
    color: white;
  }

  /*carousel-luci*/

  .left-column {
  flex: 2; /* kotak merah lebih besar */
}
  .product-section {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
.right-column {
  flex: 1;
}

  .content-wrapper {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.main-visual {
  flex: 2; /* lebih besar dari kolom kanan */
}

.custom-box {
  position: relative;
  width: 100%;
  height: 550px; /* sesuaikan tinggi */
  overflow: hidden;
  border: 3px solid transparent;
  border-radius: 12px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Hover efek bingkai */
.custom-box:hover {
  border-color: #ff00cc;
  box-shadow: 0 0 15px rgba(255, 0, 204, 0.7);
}

/* Carousel wrapper */
.carousel {
  display: flex;
  width: 300%;
  height: 100%;
  animation: slide 5s infinite;
}

/* Gambar carousel */
.carousel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Animasi sliding */
@keyframes slide {
  0%   { transform: translateX(0); }
  33%  { transform: translateX(-100%); }
  66%  { transform: translateX(-200%); }
  100% { transform: translateX(0); }
}

/*popup-natal-luci666*/

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.popup-content {
  background: white;
  border-radius: 16px;
  padding: 20px;
  text-align: center;
  width: 320px;
  position: relative;
  box-shadow: 0 0 30px rgba(255,0,0,0.4);
  animation: popupBounce 0.6s ease;
}

.popup-content h2 {
  color: #d32f2f;
}

.popup-content p {
  font-size: 14px;
  color: #555;
}

.popup-character {
  width: 150px;
  height: auto;
   display: block;         /* supaya margin auto bisa bekerja */
  margin: 0 auto;         /* ini untuk center horizontal */
}

.popup-close {
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 22px;
  cursor: pointer;
  color: #d32f2f;
}

@keyframes popupBounce {
  0% { transform: scale(0.7); opacity: 0; }
  70% { transform: scale(1.05); opacity: 1; }
  100% { transform: scale(1); }
}

/* Responsif */
@media (max-width: 480px) {
  .popup-content {
    width: 90%;
    padding: 15px;
  }
  .popup-character {
    width: 120px;
  }
}
.gaming-ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.gaming-ul li {
  padding: 10px 14px;
  margin-bottom: 6px;
  background: linear-gradient(90deg, #ff00ff, #ff6600);
  color: white;
  font-weight: bold;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(255,0,255,0.4);
  display: flex;
  align-items: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gaming-ul li::before {
  content: "🎯";
  margin-right: 8px;
  font-size: 16px;
}

.gaming-ul li:hover {
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(255,0,255,0.8);
}

    .section{padding:64px 0}
    .section h2{font-size:clamp(1.6rem,2.6vw,2.2rem);margin:0 0 12px}
    .muted{color:var(--muted)}

    .products{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
    .card{background:linear-gradient(180deg,#0f172a,rgba(2,6,23,.5));border:1px solid rgba(148,163,184,.15);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
    .card .media{aspect-ratio:4/3;background:radial-gradient(1200px 200px at -10% 120%,rgba(34,211,238,.25),transparent),linear-gradient(135deg,#0b1220,#0e172a)}
    .card .body{padding:1rem}
    .price{font-weight:800}
    .old{color:var(--muted);text-decoration:line-through;margin-left:.5rem;font-weight:500}
    .card .cta{display:flex;gap:.6rem;padding:0 1rem 1rem}

    .features{display: grid;grid-template-columns: repeat(3, 1fr);gap: 1rem;width: 100%;max-width: 900px; margin: 0 auto;}
    .feature{background: #0b1220;border: 1px solid rgba(148, 163, 184, 0.12);border-radius: 16px;padding: 1rem;position: relative;overflow: hidden;transition: transform 0.2s ease;}
    .feature::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(0, 200, 255, 0.4), transparent 80%);pointer-events: none;transition: background 0.1s ease;}
    .feature:hover {transform: scale(1.03);border-color: rgba(0, 200, 255, 0.6);}

    .testis{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
    
.quote{background:#0b1220;border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:1rem}


    letter-spacing: 0.5px;
    animation: rgbFlow 6s ease infinite, glowPulse 1.8s infinite ease-in-out;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
    transition: transform 0.2s ease, box-shadow 0.3s ease;}
     

    .cta-band{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(90deg,rgba(14,165,233,.18),rgba(34,211,238,.12));border:1px solid rgba(14,165,233,.25);padding:1rem;border-radius:16px}

    .faq{display:grid;grid-template-columns:1fr;gap:.6rem}
    details{background:#0b1220;border:1px solid rgba(148,163,184,.14);border-radius:12px;padding:1rem}

    form{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
    form input, form textarea{width:100%;padding:.9rem;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:#0b1220;color:var(--txt)}
    form textarea{grid-column:1/-1;min-height:120px}

    footer{border-top:1px solid rgba(148,163,184,.12);padding:36px 0;color:var(--muted)}

    @media (max-width: 920px){
      .hero-inner{grid-template-columns:1fr}
      .products{grid-template-columns:1fr 1fr}
      .features,.testis{grid-template-columns:1fr 1fr}
      .cta-band{flex-direction:column;align-items:flex-start}
      form{grid-template-columns:1fr}
    }
    @media (max-width: 560px){
      .nav-links{display:none}
      .menu-btn{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:1px solid rgba(148,163,184,.25);color:var(--txt);padding:.5rem .7rem;border-radius:10px}
      .products,.features,.testis{grid-template-columns:1fr}
    }
  </style>
  <script>
    // Simple mobile menu toggle
    document.addEventListener('DOMContentLoaded', () => {
      const btn = document.querySelector('#menuBtn');
      const links = document.querySelector('#navLinks');
      btn?.addEventListener('click',()=>{
        const show = links?.style.display !== 'flex';
        links.style.display = show ? 'flex' : 'none';
        links.style.flexDirection = 'column';
        links.style.gap = '.6rem';
        links.style.marginTop = '.6rem';
      });
      // Smooth scroll for anchor links
      document.querySelectorAll('a[href^="#"]').forEach(a=>{
        a.addEventListener('click',e=>{
          const id=a.getAttribute('href');
          if(id && id!== '#'){
            e.preventDefault();
            document.querySelector(id)?.scrollIntoView({behavior:'smooth',block:'start'});
          }
        })
      })
    });

    function addToCart(name){
      alert(`✅ ${name} ditambahkan ke keranjang! (Demo)`);
    }
    function submitLead(e){
      e.preventDefault();
      const fd = new FormData(e.target);
      const name = fd.get('name');
      alert(`Terima kasih, ${name}! Kami akan menghubungi Anda segera.`);
      e.target.reset();
    }
  </script>
  <!-- Schema.org basic -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "kuda189: Belanja Game Online, Produk Terjamin Asli & Resmi ",
    "url": "https://www.articleonramp.com",
    "logo": "https://www.articleonramp.com/assets/images/logo-kuda189.webp",
    "sameAs": [
      "https://www.instagram.com/kuda189",
      "https://www.facebook.com/kuda189"
    ]
  }
  </script>
</head>
<body>
  <header>

    <div class="container">
      <nav>
        <a class="brand" href="https://www.articleonramp.com/" aria-label="Beranda">
          <span aria-hidden="true"></span>
         <img src="https://www.articleonramp.com/assets/images/logo-kuda189.webp" height="100px" width="200px">
        </a>
        <div class="nav-links" id="navLinks">
          <a href="https://www.articleonramp.com/produk">Produk</a>
          <a href="https://www.articleonramp.com/keunggulan">Keunggulan</a>
          <a href="https://www.articleonramp.com/testimoni">Testimoni</a>
          <a href="https://www.articleonramp.com/faq">FAQ</a>
          <a href="https://www.articleonramp.com/kontak">Kontak</a>
        </div>
        <button id="menuBtn" class="menu-btn" aria-label="Buka menu">☰ Menu</button>
      </nav>
    </div>
  </header>

  <main>
    <!-- Hero -->
    <section class="hero" id="home" style="">
      <div class="container hero-inner">
        <div>
          <span class="kicker">⚡ Diskon s.d. 87%</span>
            <br>
          <h1 class="title">
kuda189: Belanja Game Online, Produk Terjamin Asli & Resmi</h1>
          <p class="sub">kuda189 menawarkan belanja game online dengan produk 100% asli & resmi, pengiriman cepat, serta layanan pelanggan profesional untuk pengalaman terbaik.</p>
          <br>
            <a class="rgb-btn" href="https://www.articleonramp.com/produk">Lihat Produk</a>
            <a class="rgb-btn" href="https://www.articleonramp.com/">Minta Penawaran</a>
        </div>
        
        
<section style="text-align: center;">
        <aside class="hero-aside">
    <!-- Banner besar (ganti URL gambar) -->
     
    <div class="hero-card banner" style="background-image:url('https://www.articleonramp.com/assets/images/banner-kuda189.webp')">
      <h2>kuda189: The best Online Games Hits This Year 2025</h2>
      <p>Mainkan game favoritmu dengan pengalaman terbaik tahun ini</p>
    </div>
        <div style="hero-cta">
            <a class="rgb-btn2" href="https://kuda189x.pro/">LOGIN</a>
            <a class="rgb-btn2" href="https://kuda189x.pro/">DAFTAR</a>
          </div>
     </aside>     
     </section>
          
          
        <!-- carousel -->

     <section class="product-section">
  <div class="left-column">
    <!-- Carousel di kotak merah -->
    <div class="custom-box">
      <div class="carousel">
        <img src="https://www.articleonramp.com/assets/images/rematch-kuda189.webp" alt="rematch kuda189">
        <img src="https://www.articleonramp.com/assets/images/oncehuman-kuda189.webp" alt="oncehuman kuda189">
            <img src="https://www.articleonramp.com/assets/images/thefirst-kuda189.webp" alt="thefirst kuda189">
      </div>
    </div>
  </div>
  </section>


  <div class="hero-stack">
    <div class="hero-item small" style="background-image:url('https://www.articleonramp.com/assets/images/oncehuman-kuda189.webp')">
      <h4>Download Instan Tanpa Batas</h4>
      <p>Unduh aplikasi dan game favoritmu kapan saja, tanpa antrian dan tanpa delay.</p>
    </div>
            <div class="hero-item small" style="background-image:url('https://www.articleonramp.com/assets/images/oncehuman-kuda189.webp')">
              <h4>Update Otomatis & Fitur Terbaru</h4>
              <p>Selalu dapatkan versi terbaru dengan fitur paling canggih secara otomatis.</p>
            </div>
            <div class="hero-item small" style="background-image:url('https://www.articleonramp.com/assets/images/oncehuman-kuda189.webp')">
              <h4>Keamanan Data Terjamin</h4>
              <p>Transaksi dan data pribadi terlindungi dengan sistem keamanan berlapis.</p>
            </div>
            <div class="hero-item small" style="background-image:url('https://www.articleonramp.com/assets/images/oncehuman-kuda189.webp')">
              <h4>Rekomendasi Game & APK Populer</h4>
              <p>Dapatkan saran aplikasi terbaik sesuai minatmu, update setiap hari!</p>
            </div>
              <div class="hero-item small" style="background-image:url('https://www.articleonramp.com/assets/images/oncehuman-kuda189.webp')">
              <h4>Bebas Pilih Metode Pembayaran</h4>
              <p>Bayar dengan cara favoritmu—e-wallet, transfer bank, atau metode digital lain.</p>
            </div>
            <div class="hero-item small" style="background-image:url('https://www.articleonramp.com/assets/images/oncehuman-kuda189.webp')">
              <h4>Komunitas Aktif & Tips Eksklusif</h4>
              <p>Gabung komunitas, dapatkan tips, trik, dan info terbaru langsung dari para ahli.</p>
            </div>
          </div>
        </div>
    </section>

    <!-- Produk -->
    <section class="section" id="produk">
      <div class="container">
        <h2>Koleksi Game Steam Unggulan</h2>
        <p class="muted">Temukan berbagai game pilihan dengan layanan pelanggan profesional yang selalu siap membantu pengalaman gaming-mu jadi lebih seru dan tanpa hambatan.</p>
        <div class="products" role="list">
          <!-- Card 1 -->
          <article class="card" role="listitem">
            <div class="media" aria-hidden="true">
                 <img src="https://www.articleonramp.com/assets/images/rematch-kuda189.webp" height="334px" width="334px">
            </div>
            <div class="body">
              <h3>Rematch</h3>
              <p class="muted"><strong>Rematch</strong> menghadirkan pengalaman sepak bola 3v3 tanpa batasan aturan seperti offside atau kartu pelanggaran. Di game ini, fokus utama adalah aksi seru dan kemampuan bermain. Setiap pertandingan berlangsung cepat dan penuh adrenalin, sangat cocok untuk kamu yang gemar tantangan dan kompetisi. Didukung grafis menawan dari Unreal Engine 5, sensasi bermain jadi makin nyata dan memukau. Tak heran, Rematch sudah menarik lebih dari 5 juta pemain hanya dalam satu bulan!</p>
              <p><span class="price">Rp109.000</span><span class="old">Rp200.000</span></p>
            </div>
            <div class="cta">
              <button class="btn" onclick="addToCart('Rematch')">Add to Cart</button>
              <a class="btn ghost" href="https://www.articleonramp.com/customer-services-rematch-kuda189">Chat CS</a>
            </div>
          </article>
          <!-- Card 2 -->
          <article class="card" role="listitem">
            <div class="media" aria-hidden="true">
                 <img src="https://www.articleonramp.com/assets/images/oncehuman-kuda189.webp" height="334px" width="334px">
            </div>
            <div class="body">
    
              <h3>Once Human</h3>
              <p class="muted"><strong>Once Human </strong> mengajak kamu menjelajahi dunia pasca-apokalips yang dipenuhi ancaman dari makhluk asing bernama Stardust. Di sini, kamu bisa bertahan hidup sendiri atau berkolaborasi dengan pemain lain secara multiplayer. Tantangannya adalah membangun shelter, mencari perlengkapan, serta menghadapi monster yang mengintai di setiap sudut. Lingkungan game ini sangat luas dan dinamis, dengan konten baru yang rutin ditambahkan lewat update, membuat petualanganmu selalu menarik dan menantang.</p>
              <p><span class="price">Rp100.000</span><span class="old">Rp219.000</span></p>
            </div>
            <div class="cta">
              <button class="btn" onclick="addToCart('Once Human')">Add to Cart</button>
              <a class="btn ghost" href="https://www.articleonramp.com/customer-services-Ijtgc-kuda189">Chat CS</a>
            </div>
          </article>
          <!-- Card 3 -->
          <article class="card" role="listitem">
            <div class="media" aria-hidden="true">
                 <img src="https://www.articleonramp.com/assets/images/thefirst-kuda189.webp" height="334px" width="334px">
                
            </div>
            <div class="body">
              <h3>The First Descendant</h3>
              <p class="muted"><strong>The First Descendant </strong> menghadirkan aksi shooter looter berpadu elemen RPG, di mana kamu bisa memilih karakter dengan kemampuan spesial masing-masing. Setiap hero menawarkan gaya bertarung unik untuk menghadapi beragam musuh dan boss berukuran besar. Game ini memanjakan pemain dengan visual kelas AAA dan pertempuran yang seru, baik dimainkan sendiri maupun bersama tim hingga empat orang. Peran setiap karakter saling melengkapi, jadi strategi dan kerja sama sangat dibutuhkan untuk meraih kemenangan.</p>
              <p><span class="price">Rp189.000</span><span class="old">Rp309.000</span></p>
            </div>
            <div class="cta">
              <button class="btn" onclick="addToCart('The first Descendant')">Add to Cart</button>
              <a class="btn ghost" href="https://www.articleonramp.com/marvel-spider-man-2-kuda189">Chat CS</a>
            </div>
          </article>
        </div>

        <div class="cta-band" style="text-align : center;">
          <div>
            <strong>Ingin rasakan sensasi bermain game terbaik?</strong>
            <br>
            <p class="muted" style="margin:.3rem 0 0">Temukan petualangan baru, adu strategi, dan nikmati tantangan di setiap game pilihan kami. Jelajahi koleksi terlengkap dan mulai mainkan game favoritmu sekarang juga!</p>
          </div>
          <br>
          <a class="btn" href="https://www.articleonramp.com/katalog-kuda189">Jelajahi Koleksi Game</a>                    
        </div>
      </div>
    </section>

    <!-- Keunggulan -->
    <section class="section" id="fitur" style="text-align: center;">
      <div class="container">
        <h2>Mengapa Pilih Platform Kami?</h2>
        <br>
        <div class="features">
          <div class="feature">
            <h3>🎮 Koleksi Game Terupdate</h3>
            <p class="muted">Selalu hadir dengan game dan aplikasi terbaru agar kamu tidak ketinggalan tren.</p>
          </div>
          <div class="feature">
            <h3>🚀 Proses Download Super Cepat</h3>
            <p class="muted">Akses file APK dan game favoritmu dalam hitungan detik, tanpa hambatan.</p>
          </div>
          <div class="feature">
            <h3>💬 Bantuan Langsung & Ramah</h3>
            <p class="muted">Tim support kami selalu siap menjawab pertanyaan dan membantu kapan saja kamu butuh.</p>
          </div>
        </div>
      </div>
    </section>
        <article>
         <section class="section" id="produk" style="text-align: center;">
      <div class="container">
          
          
        <p class="muted">Sebagai gamer, saya tahu betapa pentingnya membeli game dan voucher digital yang benar-benar asli. Di <a href="https://www.articleonramp.com/">KUDA189</a>, pengalaman belanja online jadi jauh lebih nyaman dan aman. Setiap produk yang ditawarkan sudah terjamin keasliannya, lengkap dengan sertifikat resmi dan garansi, sehingga kamu tidak perlu khawatir soal keotentikan game yang kamu beli.</p>
 <p class="muted">Tim Kuda189 juga terdiri dari para profesional yang paham dunia gaming. Mereka selalu siap memberikan rekomendasi game terbaru dan membantu setiap pelanggan yang membutuhkan informasi atau solusi. Saya sendiri pernah mengalami kendala saat proses pembayaran, dan support Kuda189 langsung merespons dengan cepat dan ramah&mdash;benar-benar membuat saya merasa dihargai sebagai pelanggan.</p>
          
          
          
          </div>
          </section>
</article>

          
    <!-- Testimoni -->
    <section class="section" id="testi" style="text-align: center;">
      <div class="container">
        <h2>Pendapat Pengguna Setia kuda189</h2>
        <div class="testis">
          <figure class="quote"><blockquote>"Proses transaksi di kuda189 sangat praktis, kode game langsung aktif begitu pembayaran selesai."</blockquote><figcaption class="muted">— Maya, Bekasi</figcaption></figure>
          <figure class="quote"><blockquote>"Pilihan gamenya selalu lengkap dan terbaru. Saya merasa aman belanja di sini karena semua produk dijamin asli."</blockquote><figcaption class="muted">— Fadli, Medan</figcaption></figure>
          <figure class="quote"><blockquote>"Customer service-nya ramah dan cepat tanggap. Setiap pertanyaan saya dijawab dengan jelas dan membantu."</blockquote><figcaption class="muted">— Sinta, Yogyakarta</figcaption></figure>
        </div>
      </div>
    </section>

    <!-- FAQ -->
    <section class="section" id="faq" style="text-align: center;">
      <div class="container">
        <h2>Pertanyaan Umum (FAQ)</h2>
        <div class="faq">
          <details>
            <summary>Bagaimana cara memastikan produk di kuda189 asli dan resmi?</summary>
            <p class="muted">Semua game dan voucher yang dijual di kuda189 dijamin 100% original dan bersertifikat resmi, sehingga Anda bisa berbelanja dengan tenang tanpa kekhawatiran produk palsu.</p>
          </details>
          <details>
            <summary>Apakah transaksi di kuda189 aman dan mudah?</summary>
            <p class="muted">Tentu! kuda189 menyediakan berbagai pilihan pembayaran digital seperti transfer bank, e-wallet, dan kartu kredit. Setiap transaksi dijamin aman dengan sistem yang terproteksi.</p>
          </details>
          <details>
            <summary>Berapa lama waktu yang dibutuhkan untuk menerima game atau voucher?</summary>
            <p class="muted">Pengiriman produk dilakukan secara instan setelah pembayaran berhasil. Anda akan segera menerima kode atau akses game langsung di email atau akun Anda.</p>
          </details>
        </div>
      </div>
    </section>

  </main>

  <footer>
    <section class="section" id="testi" style="text-align: center;">
      <div class="container">
          <h3>SUPPORT</h3>
        <div class="testis">
          <figure class="quote">
               <blockquote><h3>ACCOUNT</h3></blockquote>
               <ul class="gaming-ul">
               	<li><a href="https://wa.me/6285174344671">WHATSAPP</a></li>
	                <li><a href="https://direct.lc.chat/13164537/12"></a>LIVECHAT</li>
	          	<li><a href="https://t.me/kuda189official">TELEGRAM</a></li>
		          <li><a href="https://www.articleonramp.com/faq/">FAQ</a></li>
	                 </ul>
          </figure>
         <figure class="quote">
               <blockquote><h3>LEGAL COOKIES</h3></blockquote>
               <ul class="gaming-ul">
               	<li><a href="https://www.articleonramp.com/terms-conditions/">TERMS & CONDITIONS</a></li>
	                <li><a href="https://www.articleonramp.com/privacy-policy/">PRIVACY POLICY</a></li>
	          	<li><a href="https://www.articleonramp.com/cookies">EXTENDED COOKIE POLICY</a></li>
	                 </ul>
          </figure>
           <figure class="quote">
               <blockquote><h3>Copyright</h3></blockquote>
               <ul class="gaming-ul">
               	<li><a href="https://www.articleonramp.com/team">kuda189 Team</a></li>
	                <li><a href="https://www.articleonramp.com/">Seo-Lucie-666</a></li>
	                 </ul>
          </figure>
        </div>
      </div>
           <section style="text-align : center;">
    <div class="container">
      <p>© <span id="year"></span> kuda189: Belanja Game Online, Produk Terjamin Asli & Resmi . All rights reserved.</p>
      </div>
</section>
    </section>



      <div class="rain-container">
  <!-- duplikat icon beberapa kali -->
  <img src="https://www.articleonramp.com/assets/images/favicon-kuda189.webp" class="raindrop" alt="icon">
  <img src="https://www.articleonramp.com/assets/images/favicon-kuda189.webp" class="raindrop" alt="icon">
  <img src="https://www.articleonramp.com/assets/images/favicon-kuda189.webp" class="raindrop" alt="icon">
  <img src="https://www.articleonramp.com/assets/images/favicon-kuda189.webp" class="raindrop" alt="icon">
  <img src="https://www.articleonramp.com/assets/images/favicon-kuda189.webp" class="raindrop" alt="icon">
</div>

<div class="popup-overlay" id="popup">
  <div class="popup-content">
    <span class="popup-close"></span>
    <img src="https://www.articleonramp.com/assets/images/logo-kuda189.webp" alt="Karakter Natal" class="popup-character">
    <h2>Selamat Datang Di Toko kuda189!</h2>
    <p>Semoga harimu penuh keceriaan dan keberuntungan! Dan Selamat Merayakan HUT RI Yang ke 80 Ya!</p>
    <button onclick="closePopup()" href="https://kuda189x.pro/promotion" class="rgb-btn">Bonus Harian</button>
  </div>
</div>
  </footer>
  
  <script>
function closePopup() {
  document.getElementById("popup").style.display = "none";
}

// Tampilkan popup setelah 2 detik
window.onload = function() {
  setTimeout(() => {
    document.getElementById("popup").style.display = "flex";
  }, 2000);
}
</script>
    <script>
  // JS untuk random posisi dan delay
const drops = document.querySelectorAll('.raindrop');
drops.forEach(drop => {
  drop.style.left = Math.random() * 100 + "vw"; // posisi horizontal random
  drop.style.animationDuration = (Math.random() * 3 + 2) + "s"; // durasi random
  drop.style.animationDelay = Math.random() * 5 + "s"; // delay random
});
  </script>
  <script>
  document.querySelectorAll('.feature').forEach(card => {
    card.addEventListener('mousemove', e => {
      const rect = card.getBoundingClientRect();
      const x = ((e.clientX - rect.left) / rect.width) * 100;
      const y = ((e.clientY - rect.top) / rect.height) * 100;
      card.style.setProperty('--x', `${x}%`);
      card.style.setProperty('--y', `${y}%`);
    });
  });
</script>

<script>
// Nonaktifkan klik kanan
document.addEventListener('contextmenu', function(e) {
    e.preventDefault();
    alert("⚠️ jangan bikin mimin insecure ⚠️ ");
});

// Nonaktifkan Ctrl+U
document.addEventListener('keydown', function(e) {
    if (e.ctrlKey && e.key.toLowerCase() === 'u') {
        e.preventDefault();
        alert("⚠️ jangan bikin mimin insecure ⚠️ ");
    }
});
</script>
  <script>document.getElementById('year').textContent=new Date().getFullYear()</script>
</body>
</html>