It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://www.newshut.org

  1.  
  2.  
  3. <!DOCTYPE html>
  4. <html lang="id">
  5. <head>
  6.  <meta charset="utf-8" />
  7.  <meta name="viewport" content="width=device-width, initial-scale=1" />
  8.  <title>KRATONBET: Isi Ulang Game & Voucher Resmi, Praktis dan Terpercaya</title>
  9.  <meta name="description" content="KRATONBET hadir sebagai solusi isi ulang game & voucher resmi yang praktis, cepat, dan terpercaya. Nikmati transaksi mudah serta layanan pelanggan profesional." />
  10.  <meta name="theme-color" content="#0ea5e9" />
  11.  <link rel="preconnect" href="https://fonts.googleapis.com">
  12.  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  13.  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
  14.        <meta name="robots" content="index, follow" />
  15.        <meta name="aplus-auto-exp" content='[{"filter":"exp-tracking=suggest-official-store","logkey":"/lzdse.result.os_impr","props":["href"],"tag":"a"}]' />
  16.        <meta name="page google.com" content="https://www.google.com/search?q=kratonbet">
  17.        <meta name="page google.co.id" content="https://www.google.co.id/search?q=kratonbet">
  18.        <meta name="page google.com" content="https://www.google.com/search?q=kratonbet">
  19.        <meta name="page google.co.id" content="https://www.google.co.id/search?q=kratonbet">
  20.        <meta name="data-spm" content="kratonbet" />
  21.        <meta name="og:url" content="https://beparfumum.com" />
  22.        <meta name="og:title" content="KRATONBET: Isi Ulang Game & Voucher Resmi, Praktis dan Terpercaya " />
  23.        <meta name="og:type" content="product" />
  24.        <meta name="og:description" content="KRATONBET hadir sebagai solusi isi ulang game & voucher resmi yang praktis, cepat, dan terpercaya. Nikmati transaksi mudah serta layanan pelanggan profesional." />
  25.        <meta name="keywords" content="kratonbet, kratonbet websites" />
  26.        <meta name="og:image" content="https://beparfumum.com/assets/images/banner-kratonbet1.webp" />
  27.        <link rel="shortcut icon" href="https://beparfumum.com/assets/images/favicon-kratonbet.webp" />
  28.        <link rel="canonical" href="https://beparfumum.com" />
  29.          <link rel="amphtml" href="https://beparfumum.com/amp" />
  30.        
  31.              <script async="" src="js/fbevents.js"></script><script type="application/ld+json">
  32. {
  33. "@context": "https://schema.org",
  34. "@type": "WebPage",
  35. "headline": "KRATONBET: Isi Ulang Game & Voucher Resmi, Praktis dan Terpercaya  ",
  36. "url": "https://beparfumum.com/",
  37. "datePublished": "2025-05-15T07:12:59+07:00",
  38. "image": "https://beparfumum.com/assets/images/banner-kratonbet1.webp",
  39. "thumbnailUrl": "https://beparfumum.com/assets/images/banner-kratonbet1.webp"
  40. }
  41.    </script>
  42.        
  43.                  <script type="application/ld+json">
  44.    {
  45.        "@context": "https://schema.org",
  46.        "@type": "FAQPage",
  47.        "mainEntity": [
  48.        {
  49.        "@type": "Question",
  50.        "name": "Apakah semua produk di kratonbet benar-benar original?",
  51.        "acceptedAnswer": {
  52.        "@type": "Answer",
  53.        "text": "Ya, semua produk di kratonbet dijamin 100% resmi dan original langsung dari distributor terpercaya."
  54.            }
  55.        },
  56.    {
  57.        "@type": "Question",
  58.        "name": "Bagaimana proses transaksi di kratonbet?",
  59.        "acceptedAnswer": {
  60.        "@type": "Answer",
  61.        "text": "Prosesnya mudah, cepat, dan aman dengan berbagai pilihan pembayaran."
  62.            }
  63.        },
  64.    {
  65.        "@type": "Question",
  66.        "name": "pakah ada layanan pelanggan jika mengalami kendala?",
  67.        "acceptedAnswer": {
  68.        "@type": "Answer",
  69.        "text": "Tentu! Tim customer service kami siap membantu 24/7 melalui berbagai kanal komunikasi."
  70.                }
  71.            }
  72.        ]
  73.    }                      
  74. </script>
  75.  
  76. <script type="application/ld+json">
  77.    {"name":"KRATONBET: Isi Ulang Game & Voucher Resmi, Praktis dan Terpercaya  ",
  78.        "image":"https://beparfumum.com/assets/images/banner-kratonbet1.webp",
  79.        "description":"KRATONBET hadir sebagai solusi isi ulang game & voucher resmi yang praktis, cepat, dan terpercaya. Nikmati transaksi mudah serta layanan pelanggan profesional.",
  80.        "brand":"kratonbet",
  81.        "offers":{"price":10000.00,"priceCurrency":"IDR",
  82.        "url":"https://beparfumum.com/assets/images/banner-kratonbet1.webp",
  83.        "availability":"InStock",
  84.        "sku":"SQ1936194",
  85.        "@context":"http://schema.org",
  86.        "@type":"Offer"},"@context":"http://schema.org",
  87.        "@type":"Product"}
  88. </script>
  89.    
  90.    <script type="application/ld+json">
  91.    {"url":"https://beparfumum.com/login",
  92.        "name":"kratonbet",
  93.        "description":"",
  94.        "image":"https://beparfumum.com/assets/images/banner-kratonbet1.webp",
  95.        "@context":"http://schema.org","@type":"WebSite"}
  96. </script>
  97.  
  98. <script type="application/ld+json">
  99.    {
  100.        "@context": "https://schema.org",
  101.        "@type": "SoftwareApplication",
  102.        "name": "kratonbet",
  103.        "operatingSystem": "ANDROID",
  104.        "applicationCategory": "GameApplication",
  105.        "aggregateRating": {
  106.        "@type": "AggregateRating",
  107.        "ratingValue": "5",
  108.        "ratingCount": "9865138"
  109.        },
  110.        "offers": {
  111.        "@type": "Offer",
  112.        "price": "10000.00",
  113.        "priceCurrency": "IDR"
  114.        }
  115.    }
  116. </script>
  117.  
  118. <script type="application/ld+json">
  119. {
  120.  "@context": "https://schema.org",
  121.  "@graph": [
  122.    {
  123.      "@type": "WebPage",
  124.      "@id": "https://beparfumum.com/",
  125.      "url": "https://beparfumum.com/",
  126.      "name": " KRATONBET TOKO GAME ONLINE TERPERCAYA",
  127.      "headline": "KRATONBET: Isi Ulang Game & Voucher Resmi, Praktis dan Terpercaya  ",
  128.      "description": "KRATONBET hadir sebagai solusi isi ulang game & voucher resmi yang praktis, cepat, dan terpercaya. Nikmati transaksi mudah serta layanan pelanggan profesional.",
  129.      "inLanguage": "id-ID",
  130.      "isPartOf": {
  131.        "@id": "https://beparfumum.com/#website"
  132.      },
  133.      "primaryImageOfPage": {
  134.        "@type": "ImageObject",
  135.        "url": "https://beparfumum.com/images/banner-kratonbet1.webp",
  136.        "width": 1024,
  137.        "height": 1024
  138.      }
  139.    },
  140.    {
  141.      "@type": "Organization",
  142.      "@id": "https://beparfumum.com/#organization",
  143.      "name": "kratonbet",
  144.      "url": "https://beparfumum.com/",
  145.      "logo": {
  146.        "@type": "ImageObject",
  147.        "url": "https://beparfumum.com/images/logo-kratonbet.webp",
  148.        "width": 200,
  149.        "height": 200
  150.      }
  151.    },
  152.    {
  153.      "@type": "Article",
  154.      "mainEntityOfPage": {
  155.        "@id": "https://beparfumum.com/"
  156.      },
  157.      "headline": "KRATONBET: Isi Ulang Game & Voucher Resmi, Praktis dan Terpercaya ",
  158.      "description": "KRATONBET hadir sebagai solusi isi ulang game & voucher resmi yang praktis, cepat, dan terpercaya. Nikmati transaksi mudah serta layanan pelanggan profesional.",
  159.      "image": "https://beparfumum.com/images/banner-kratonbet1.webp",
  160.      "author": {
  161.        "@type": "Organization",
  162.        "name": "kratonbet",
  163.        "url": "https://beparfumum.com/"
  164.      },
  165.      "publisher": {
  166.        "@id": "https://beparfumum.com/#organization"
  167.      },
  168.      "datePublished": "2025-06-21T09:00:00+07:00"
  169.    },
  170.    {
  171.      "@type": "WebSite",
  172.      "@id": "https://beparfumum.com/#website",
  173.      "name": "kratonbet",
  174.      "url": "https://beparfumum.com/",
  175.      "publisher": {
  176.        "@id": "https://beparfumum.com/#organization"
  177.      },
  178.      "inLanguage": "id-ID"
  179.    }
  180.  ]
  181. }
  182.    </script>
  183.    
  184.       <script type="application/ld+json">
  185. {
  186.        "@context": "https://schema.org",
  187.        "@type": "BreadcrumbList",
  188.        "itemListElement": [
  189. {
  190. "@type": "ListItem",
  191. "position": 1,
  192. "name": "kratonbet",
  193. "item": "https://beparfumum.com/"
  194. },{
  195. "@type": "ListItem",
  196. "position": 2,
  197. "name": "Game & Voucher Resmi",
  198. "item": "https://beparfumum.com/game-voucher-resmi/"
  199. },{
  200. "@type": "ListItem",
  201. "position": 3,
  202. "name": "cgi-bin"
  203.        }
  204.      ]
  205.    },
  206.    </script>
  207.    
  208.    
  209.  <style>
  210.    :root{
  211.      --bg:#313000; --card:#0f172a; --muted:#94a3b8; --txt:#e2e8f0; --brand:#0ea5e9; --brand-2:#22d3ee; --ring: rgba(34,211,238,.5)
  212.    }
  213.    *{box-sizing:border-box}
  214.    html,body{margin:0;padding:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(180deg,#313000 0%,#313000 60%,#313000 100%);color:var(--txt)}
  215.    a{color:inherit;text-decoration:none}
  216.    img{max-width:100%;display:block}
  217.    .container{width:min(1200px,92%);margin-inline:auto}
  218.    .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)}
  219.    .btn.ghost{background:transparent;color:var(--txt);border:1px solid rgba(148,163,184,.3)}
  220.    .btn:focus{outline:3px solid var(--ring);outline-offset:2px}
  221.    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}
  222.    nav{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0}
  223.    .brand{display:flex;align-items:center;gap:.7rem;font-weight:800;letter-spacing:.2px}
  224.    .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)}
  225.    .nav-links{display:flex;gap:1.2rem}
  226.    .nav-links a{padding:.5rem .8rem;border-radius:10px}
  227.    .nav-links a:hover{background:rgba(148,163,184,.08)}
  228.    .menu-btn{display:none}
  229.    /*rain-frop-luci6669*/
  230.  
  231.    .rain-container {
  232.  position: fixed; /* biar efek hujan menutupi layar */
  233.  top: 0;
  234.  left: 0;
  235.  width: 100%;
  236.  height: 100%;
  237.  pointer-events: none; /* biar nggak ganggu klik */
  238.  overflow: hidden;
  239.  z-index: 9999;
  240. }
  241.  
  242. /* Gaya untuk tiap icon */
  243. .raindrop {
  244.  position: absolute;
  245.  top: -100px;
  246.  width: 40px; /* ukuran icon */
  247.  height: auto;
  248.  animation: fall linear infinite;
  249. }
  250.  
  251. /* Animasi jatuh */
  252. @keyframes fall {
  253.  0% {
  254.    transform: translateY(-100px) rotate(0deg);
  255.    opacity: 1;
  256.  }
  257.  100% {
  258.    transform: translateY(110vh) rotate(360deg);
  259.    opacity: 0.8;
  260.  }
  261. }
  262.  
  263.   .hero {
  264.    padding: 72px 0 36px;
  265.    border-bottom: 1px solid rgba(148, 163, 184, .1);
  266.  }
  267.  .hero-inner {
  268.    display: grid;
  269.    grid-template-columns: 1.3fr 1fr;
  270.    gap: 2rem;
  271.    align-items: left;
  272.  }
  273.    .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}
  274.    .title{font-size:clamp(2rem,3.4vw,3rem);line-height:1.05;margin:.6rem 0 .8rem;font-weight:800}
  275.    .sub{color:var(--muted);max-width:60ch}
  276.  
  277. .hero-card.banner {
  278.  background: linear-gradient(120deg, #0f172a, rgba(2, 6, 23, 0.6));
  279.  border-radius: 20px;
  280.  padding: 3rem;
  281.  position: relative;
  282.  overflow: hidden;
  283.  background-size: cover;
  284.  background-position: center;
  285.  height: 300px;
  286. }
  287.  
  288. .hero-card.banner::before {
  289.  content: "";
  290.  position: absolute;
  291.  inset: 0;
  292.  border-radius: 20px;
  293.  padding: 2px;
  294.  background: linear-gradient(45deg, #ff00ff, #00ffff, #ff9900, #ff00ff);
  295.  background-size: 100% 100%;
  296.  animation: gradientMove 6s linear infinite;
  297.  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  298.  -webkit-mask-composite: xor;
  299.  mask-composite: exclude;
  300. }
  301. .hero-content {
  302.  position: relative;
  303.  color: #fff;
  304.  z-index: 2;
  305. }
  306. @keyframes gradientMove {
  307.  0% { background-position: 0% 50%; }
  308.  50% { background-position: 100% 50%; }
  309.  100% { background-position: 0% 50%; }
  310. }
  311.  
  312.  .hero-grid {
  313.    display: grid;
  314.    grid-template-columns: repeat(3, 1fr);
  315.    gap: .7rem;
  316.  }
  317.  
  318. .hero-grid.vertical {
  319.  display: grid !important;
  320.  grid-template-columns: 1fr !important;
  321.  gap: 1rem;
  322. }
  323.  
  324. .hero-item {
  325.  background: rgba(11, 18, 32, 0.8);
  326.  border: 1px solid rgba(148, 163, 184, 0.14);
  327.  border-radius: 16px;
  328.  padding: .8rem;
  329.  transition: transform 0.3s, box-shadow 0.3s;
  330. }
  331.  
  332. .hero-item.small {
  333.  height: 80px;
  334.  border-radius: 12px;
  335.  background-size: cover;
  336.  background-position: center;
  337.  position: relative;
  338. }
  339. .hero-item.small::before {
  340.  content: "";
  341.  position: absolute;
  342.  inset: 0;
  343.  border-radius: 12px;
  344.  padding: 2px;
  345.  background: linear-gradient(45deg, #ff00ff, #00ffff, #ff9900, #ff00ff);
  346.  background-size: 300% 300%;
  347.  animation: gradientMove 6s linear infinite;
  348.  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  349.  -webkit-mask-composite: xor;
  350.  mask-composite: exclude;
  351. }
  352. /* Pastikan konten grid rata atas */
  353. .hero-inner{
  354.  align-items: start;
  355. }
  356.  
  357. /* Sidebar kanan: nempel di kanan & atas, isi menumpuk vertikal */
  358. .hero-aside{
  359.  justify-self: end;   /* ke kanan (dalam grid) */
  360.  align-self: start;   /* ke atas (dalam grid)  */
  361.  display: flex;
  362.  flex-direction: column;
  363.  gap: 1rem;
  364.  width: min(380px, 100%); /* lebar sidebar */
  365. }
  366.  
  367. /* Banner besar dengan gambar + bingkai menyala */
  368. .hero-card2.banner{
  369.  position: relative;
  370.  overflow: hidden;
  371.  border-radius: 20px;
  372.  padding: 1rem;
  373.  background-size: cover;
  374.  background-position: center;
  375.  border: 1px solid rgba(148,163,184,.18);
  376.  box-shadow: 0 20px 60px rgba(2,6,23,.45);
  377. }
  378. .hero-card2.banner::before{
  379.  content:"";
  380.  position:absolute; inset:0; border-radius:20px; padding:2px;
  381.  background: linear-gradient(45deg,#ff00ff,#00ffff,#ff9900,#ff00ff);
  382.  background-size:300% 300%;
  383.  animation: gradientMove 6s linear infinite;
  384.  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  385.  -webkit-mask-composite: xor; mask-composite: exclude;
  386. }
  387.  
  388. /* Stack gambar kecil ke bawah */
  389. .hero-stack{
  390.  display: flex;
  391.  flex-direction: column;
  392.  gap: .8rem;
  393. }
  394. .hero-item2.small{
  395.  height: 80px;
  396.  border-radius: 12px;
  397.  background-size: cover;
  398.  background-position: center;
  399.  position: relative;
  400.  overflow: hidden;
  401.  border: 1px solid rgba(148,163,184,.14);
  402. }
  403. .hero-item2.small::before{
  404.  content:"";
  405.  position:absolute; inset:0; border-radius:12px; padding:2px;
  406.  background: linear-gradient(45deg,#ff00ff,#00ffff,#ff9900,#ff00ff);
  407.  background-size:300% 300%;
  408.  animation: gradientMove 6s linear infinite;
  409.  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  410.  -webkit-mask-composite: xor; mask-composite: exclude;
  411. }
  412.  
  413. @keyframes gradientMove{
  414.  0%{background-position:0% 50%}
  415.  50%{background-position:100% 50%}
  416.  100%{background-position:0% 50%}
  417. }
  418.  
  419. /* Responsif: tumpuk ke bawah saat layar kecil */
  420. @media (max-width: 900px){
  421.  .hero-inner{ grid-template-columns: 1fr; }
  422.  .hero-aside{ justify-self: stretch; width: 100%; }
  423. }
  424.  
  425. .hero-item:hover {
  426.  transform: translateY(-4px);
  427.  box-shadow: 0 0 10px rgba(255,255,255,0.2);
  428. }
  429.  
  430.  .hero-item h4 {
  431.    margin: .4rem 0 .2rem;
  432.  }
  433.  .hero-item p {
  434.    margin: 0;
  435.    color: var(--muted);
  436.    font-size: .92rem;
  437.  }
  438.  
  439. /* button*/
  440. .rgb-btn2 {
  441.  background: linear-gradient(270deg, #ff00ff, #00ffff, #00ff00, #ffff00, #ff0000, #ff00ff);
  442.  background-size: 1200% 1200%;
  443.  color: white;
  444.  font-size: 1rem;
  445.  font-weight: bold;
  446.  padding: 0.4rem 3.2rem;
  447.  border-radius: 10px;
  448.  border: none;
  449.  cursor: pointer;
  450.  text-transform: uppercase;
  451.  letter-spacing: 1px;
  452.  animation: rgbFlow 6s ease infinite, glowPulse 1.8s infinite ease-in-out;
  453.  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
  454.  transition: transform 0.2s ease, box-shadow 0.3s ease;
  455.  margin-top: 10px; /* jarak dari banner */
  456. }
  457.  
  458. .rgb-btn2:hover {
  459.  transform: scale(1.08);
  460.  box-shadow: 0 0 25px rgba(255, 255, 255, 0.8);
  461. }
  462.  
  463. @keyframes rgbFlow {
  464.  0% { background-position: 0% 50%; }
  465.  50% { background-position: 100% 50%; }
  466.  100% { background-position: 0% 50%; }
  467. }
  468.  
  469. @keyframes glowPulse {
  470.  0%, 100% { box-shadow: 0 0 20px rgba(255,255,255,0.6); }
  471.  50% { box-shadow: 0 0 40px rgba(255,255,255,0.9); }
  472. }
  473.  
  474.  
  475. .rgb-btn {
  476.  background: linear-gradient(270deg, #ff00ff, #00ffff, #00ff00, #ffff00, #ff0000, #ff00ff);
  477.  background-size: 1200% 1200%;
  478.  color: white;
  479.  font-size: 1rem;
  480.  font-weight: bold;
  481.  padding: 0.9rem 1.7rem;
  482.  border-radius: 14px;
  483.  border: none;
  484.  cursor: pointer;
  485.  text-transform: uppercase;
  486.  letter-spacing: 1px;
  487.  animation: rgbFlow 6s ease infinite, glowPulse 1.8s infinite ease-in-out;
  488.  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
  489.  transition: transform 0.2s ease, box-shadow 0.3s ease;
  490. }
  491.  
  492. .rgb-btn:hover {
  493.  transform: scale(1.08);
  494.  box-shadow: 0 0 30px rgba(255, 255, 255, 0.8),
  495.              0 0 60px rgba(255, 255, 255, 0.6);
  496. }
  497.  
  498. /* Efek animasi */
  499. @keyframes rgbFlow {
  500.  0% { background-position: 0% 50%; }
  501.  50% { background-position: 100% 50%; }
  502.  100% { background-position: 0% 50%; }
  503. }
  504.  
  505. @keyframes glowPulse {
  506.  0%, 100% { box-shadow: 0 0 20px rgba(255, 255, 255, 0.5); }
  507.  50% { box-shadow: 0 0 30px rgba(255, 255, 255, 0.8); }
  508. }
  509.  
  510. /* Versi mobile */
  511. @media (max-width: 768px) {
  512.  .rgb-btn {
  513.    font-size: 0.85rem;     /* lebih kecil supaya muat di layar */
  514.    padding: 0.7rem 1.2rem; /* padding dikurangi */
  515.    border-radius: 10px;    /* sedikit lebih kecil */
  516.    letter-spacing: 0.5px;  /* jarak huruf dipadatkan */
  517.  }
  518. }
  519.  
  520. /* Versi layar sangat kecil (HP mini) */
  521. @media (max-width: 480px) {
  522.  .rgb-btn {
  523.    font-size: 0.75rem;
  524.    padding: 0.6rem 1rem;
  525.    border-radius: 8px;
  526.  }
  527. }
  528.  
  529.   .hero-cta {
  530.    margin-top: 1.5rem;
  531.  }
  532.  
  533.  /* card baru luci */
  534.  
  535. .card {
  536.    position: relative;
  537.    background: rgba(11, 18, 32, 0.85);
  538.    border-radius: 16px;
  539.    padding: 1rem;
  540.    overflow: hidden;
  541.    border: 4px solid transparent;
  542.    animation: borderRGB 5s linear infinite;
  543.    background-clip: padding-box;
  544.  }
  545.  
  546.  .card::before {
  547.    content: "";
  548.    position: absolute;
  549.    inset: 0;
  550.    background: url('https://upload.wikimedia.org/wikipedia/en/4/44/Red_Dead_Redemption_II.jpg') center/cover no-repeat;
  551.    opacity: 0.15;
  552.    z-index: 0;
  553.  }
  554.  
  555.    .card .body,
  556.  .card .cta {
  557.    position: relative;
  558.    z-index: 1;
  559.  }
  560.  
  561. @keyframes borderRGB {
  562.    0% { border-color: #ffffff; }
  563.    25% { border-color: #ffffff; }
  564.    75% { border-color: #ffffff; }
  565.    100% { border-color: #313000; }
  566.  }
  567.  
  568.   .btn {
  569.    padding: 0.6rem 1rem;
  570.    border: none;
  571.    border-radius: 8px;
  572.    font-weight: bold;
  573.    cursor: pointer;
  574.  }
  575.  .btn.ghost {
  576.    background: transparent;
  577.    border: 1px solid white;
  578.    color: white;
  579.  }
  580.  
  581.  /*carousel-luci*/
  582.  
  583.  .left-column {
  584.  flex: 2; /* kotak merah lebih besar */
  585. }
  586.  .product-section {
  587.  display: flex;
  588.  gap: 20px;
  589.  align-items: flex-start;
  590. }
  591. .right-column {
  592.  flex: 1;
  593. }
  594.  
  595.  .content-wrapper {
  596.  display: flex;
  597.  gap: 20px;
  598.  align-items: flex-start;
  599. }
  600.  
  601. .main-visual {
  602.  flex: 2; /* lebih besar dari kolom kanan */
  603. }
  604.  
  605. .custom-box {
  606.  position: relative;
  607.  width: 100%;
  608.  height: 550px; /* sesuaikan tinggi */
  609.  overflow: hidden;
  610.  border: 3px solid transparent;
  611.  border-radius: 12px;
  612.  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  613. }
  614.  
  615. /* Hover efek bingkai */
  616. .custom-box:hover {
  617.  border-color: #ff00cc;
  618.  box-shadow: 0 0 15px rgba(255, 0, 204, 0.7);
  619. }
  620.  
  621. /* Carousel wrapper */
  622. .carousel {
  623.  display: flex;
  624.  width: 300%;
  625.  height: 100%;
  626.  animation: slide 5s infinite;
  627. }
  628.  
  629. /* Gambar carousel */
  630. .carousel img {
  631.  width: 100%;
  632.  height: 100%;
  633.  object-fit: cover;
  634. }
  635.  
  636. /* Animasi sliding */
  637. @keyframes slide {
  638.  0%   { transform: translateX(0); }
  639.  33%  { transform: translateX(-100%); }
  640.  66%  { transform: translateX(-200%); }
  641.  100% { transform: translateX(0); }
  642. }
  643.  
  644. /*popup-natal-luci666*/
  645.  
  646. .popup-overlay {
  647.  position: fixed;
  648.  top: 0;
  649.  left: 0;
  650.  width: 100%;
  651.  height: 100%;
  652.  background: rgba(0,0,0,0.7);
  653.  display: flex;
  654.  justify-content: center;
  655.  align-items: center;
  656.  z-index: 9999;
  657. }
  658.  
  659. .popup-content {
  660.  background: white;
  661.  border-radius: 16px;
  662.  padding: 20px;
  663.  text-align: center;
  664.  width: 320px;
  665.  position: relative;
  666.  box-shadow: 0 0 30px rgba(255,0,0,0.4);
  667.  animation: popupBounce 0.6s ease;
  668. }
  669.  
  670. .popup-content h2 {
  671.  color: #d32f2f;
  672. }
  673.  
  674. .popup-content p {
  675.  font-size: 14px;
  676.  color: #555;
  677. }
  678.  
  679. .popup-character {
  680.  width: 150px;
  681.  height: auto;
  682.   display: block;         /* supaya margin auto bisa bekerja */
  683.  margin: 0 auto;         /* ini untuk center horizontal */
  684. }
  685.  
  686. .popup-close {
  687.  position: absolute;
  688.  top: 8px;
  689.  right: 12px;
  690.  font-size: 22px;
  691.  cursor: pointer;
  692.  color: #d32f2f;
  693. }
  694.  
  695. @keyframes popupBounce {
  696.  0% { transform: scale(0.7); opacity: 0; }
  697.  70% { transform: scale(1.05); opacity: 1; }
  698.  100% { transform: scale(1); }
  699. }
  700.  
  701. /* Responsif */
  702. @media (max-width: 480px) {
  703.  .popup-content {
  704.    width: 90%;
  705.    padding: 15px;
  706.  }
  707.  .popup-character {
  708.    width: 120px;
  709.  }
  710. }
  711. .gaming-ul {
  712.  list-style: none;
  713.  padding: 0;
  714.  margin: 0;
  715. }
  716.  
  717. .gaming-ul li {
  718.  padding: 10px 14px;
  719.  margin-bottom: 6px;
  720.  background: linear-gradient(90deg, #ff00ff, #ff6600);
  721.  color: white;
  722.  font-weight: bold;
  723.  border-radius: 8px;
  724.  box-shadow: 0 0 10px rgba(255,0,255,0.4);
  725.  display: flex;
  726.  align-items: center;
  727.  transition: transform 0.2s ease, box-shadow 0.2s ease;
  728. }
  729.  
  730. .gaming-ul li::before {
  731.  content: "🎯";
  732.  margin-right: 8px;
  733.  font-size: 16px;
  734. }
  735.  
  736. .gaming-ul li:hover {
  737.  transform: scale(1.05);
  738.  box-shadow: 0 0 15px rgba(255,0,255,0.8);
  739. }
  740.  
  741.    .section{padding:64px 0}
  742.    .section h2{font-size:clamp(1.6rem,2.6vw,2.2rem);margin:0 0 12px}
  743.    .muted{color:var(--muted)}
  744.  
  745.    .products{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
  746.    .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}
  747.    .card .media{aspect-ratio:4/3;background:radial-gradient(1200px 200px at -10% 120%,rgba(34,211,238,.25),transparent),linear-gradient(135deg,#313000,#0e172a)}
  748.    .card .body{padding:1rem}
  749.    .price{font-weight:800}
  750.    .old{color:var(--muted);text-decoration:line-through;margin-left:.5rem;font-weight:500}
  751.    .card .cta{display:flex;gap:.6rem;padding:0 1rem 1rem}
  752.  
  753.    .features{display: grid;grid-template-columns: repeat(3, 1fr);gap: 1rem;width: 100%;max-width: 900px; margin: 0 auto;}
  754.    .feature{background: #313000;border: 1px solid rgba(148, 163, 184, 0.12);border-radius: 16px;padding: 1rem;position: relative;overflow: hidden;transition: transform 0.2s ease;}
  755.    .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;}
  756.    .feature:hover {transform: scale(1.03);border-color: rgba(0, 200, 255, 0.6);}
  757.  
  758.    .testis{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
  759.    
  760. .quote{background:#313000;border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:1rem}
  761.  
  762.  
  763.    letter-spacing: 0.5px;
  764.    animation: rgbFlow 6s ease infinite, glowPulse 1.8s infinite ease-in-out;
  765.    box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
  766.    transition: transform 0.2s ease, box-shadow 0.3s ease;}
  767.    
  768.  
  769.    .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}
  770.  
  771.    .faq{display:grid;grid-template-columns:1fr;gap:.6rem}
  772.    details{background:#313000;border:1px solid rgba(148,163,184,.14);border-radius:12px;padding:1rem}
  773.  
  774.    form{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
  775.    form input, form textarea{width:100%;padding:.9rem;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:#313000;color:var(--txt)}
  776.    form textarea{grid-column:1/-1;min-height:120px}
  777.  
  778.    footer{border-top:1px solid rgba(148,163,184,.12);padding:36px 0;color:var(--muted)}
  779.  
  780.    @media (max-width: 920px){
  781.      .hero-inner{grid-template-columns:1fr}
  782.      .products{grid-template-columns:1fr 1fr}
  783.      .features,.testis{grid-template-columns:1fr 1fr}
  784.      .cta-band{flex-direction:column;align-items:flex-start}
  785.      form{grid-template-columns:1fr}
  786.    }
  787.    @media (max-width: 560px){
  788.      .nav-links{display:none}
  789.      .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}
  790.      .products,.features,.testis{grid-template-columns:1fr}
  791.    }
  792.  </style>
  793.  <script>
  794.    // Simple mobile menu toggle
  795.    document.addEventListener('DOMContentLoaded', () => {
  796.      const btn = document.querySelector('#menuBtn');
  797.      const links = document.querySelector('#navLinks');
  798.      btn?.addEventListener('click',()=>{
  799.        const show = links?.style.display !== 'flex';
  800.        links.style.display = show ? 'flex' : 'none';
  801.        links.style.flexDirection = 'column';
  802.        links.style.gap = '.6rem';
  803.        links.style.marginTop = '.6rem';
  804.      });
  805.      // Smooth scroll for anchor links
  806.      document.querySelectorAll('a[href^="#"]').forEach(a=>{
  807.        a.addEventListener('click',e=>{
  808.          const id=a.getAttribute('href');
  809.          if(id && id!== '#'){
  810.            e.preventDefault();
  811.            document.querySelector(id)?.scrollIntoView({behavior:'smooth',block:'start'});
  812.          }
  813.        })
  814.      })
  815.    });
  816.  
  817.    function addToCart(name){
  818.      alert(`✅ ${name} ditambahkan ke keranjang! (Demo)`);
  819.    }
  820.    function submitLead(e){
  821.      e.preventDefault();
  822.      const fd = new FormData(e.target);
  823.      const name = fd.get('name');
  824.      alert(`Terima kasih, ${name}! Kami akan menghubungi Anda segera.`);
  825.      e.target.reset();
  826.    }
  827.  </script>
  828.  <!-- Schema.org basic -->
  829.  <script type="application/ld+json">
  830.  {
  831.    "@context": "https://schema.org",
  832.    "@type": "Organization",
  833.    "name": "KRATONBET: Isi Ulang Game & Voucher Resmi, Praktis dan Terpercaya ",
  834.    "url": "https://beparfumum.com",
  835.    "logo": "https://beparfumum.com/assets/images/logo-kratonbet.webp",
  836.    "sameAs": [
  837.      "https://www.instagram.com/kratonbet",
  838.      "https://www.facebook.com/kratonbet"
  839.    ]
  840.  }
  841.  </script>
  842. </head>
  843. <body>
  844.  <header>
  845.  
  846.    <div class="container">
  847.      <nav>
  848.        <a class="brand" href="https://beparfumum.com/" aria-label="Beranda">
  849.          <span aria-hidden="true"></span>
  850.         <img src="https://beparfumum.com/assets/images/logo-kratonbet.webp" height="100px" width="200px">
  851.        </a>
  852.        <div class="nav-links" id="navLinks">
  853.          <a href="https://beparfumum.com/produk">Produk</a>
  854.          <a href="https://beparfumum.com/keunggulan">Keunggulan</a>
  855.          <a href="https://beparfumum.com/testimoni">Testimoni</a>
  856.          <a href="https://beparfumum.com/faq">FAQ</a>
  857.          <a href="https://beparfumum.com/kontak">Kontak</a>
  858.        </div>
  859.        <button id="menuBtn" class="menu-btn" aria-label="Buka menu">☰ Menu</button>
  860.      </nav>
  861.    </div>
  862.  </header>
  863.  
  864.  <main>
  865.    <!-- Hero -->
  866.    <section class="hero" id="home" style="">
  867.      <div class="container hero-inner">
  868.        <div>
  869.          <span class="kicker">⚡ Diskon s.d. 80%</span>
  870.            <br>
  871.          <h1 class="title">KRATONBET: Isi Ulang Game & Voucher Resmi, Praktis dan Terpercaya</h1>
  872.          <p class="sub">KRATONBET hadir sebagai solusi isi ulang game & voucher resmi yang praktis, cepat, dan terpercaya. Nikmati transaksi mudah serta layanan pelanggan profesional.</p>
  873.          <br>
  874.            <a class="rgb-btn" href="https://beparfumum.com/produk">Lihat Produk</a>
  875.            <a class="rgb-btn" href="https://beparfumum.com/">Minta Penawaran</a>
  876.        </div>
  877.        
  878.        
  879. <section style="text-align: center;">
  880.        <aside class="hero-aside">
  881.    <!-- Banner besar (ganti URL gambar) -->
  882.    
  883.    <div class="hero-card banner" style="background-image:url('https://beparfumum.com/assets/images/banner-kratonbet1.webp')">
  884.      <h2>kratonbet: The best Online Games Hits This Year 2025</h2>
  885.      <p>Mainkan game favoritmu tahun ini dengan pengalaman terbaik bersama teman teman anda</p>
  886.    </div>
  887.        <div style="hero-cta">
  888.            <a class="rgb-btn2" href="https://kratonbetvip.xyz/">LOGIN</a>
  889.            <a class="rgb-btn2" href="https://kratonbetvip.xyz/">DAFTAR</a>
  890.          </div>
  891.     </aside>    
  892.     </section>
  893.          
  894.          
  895.        <!-- carousel -->
  896.  
  897.     <section class="product-section">
  898.  <div class="left-column">
  899.    <!-- Carousel di kotak merah -->
  900.    <div class="custom-box">
  901.      <div class="carousel">
  902.        <img src="https://beparfumum.com/assets/images/nba-kratonbet.webp" alt="nba kratonbet">
  903.        <img src="https://beparfumum.com/assets/images/genshin-kratonbet.webp" alt="genshin kratonbet">
  904.            <img src="https://beparfumum.com/assets/images/cod-kratonbet.webp" alt="cod kratonbet">
  905.      </div>
  906.    </div>
  907.  </div>
  908.  </section>
  909.  
  910.  
  911.  <div class="hero-stack">
  912.    <div class="hero-item small" style="background-image:url('https://beparfumum.com/assets/images/nba-kratonbet.webp')">
  913.      <h4>Download Instan & Mudah</h4>
  914.      <p>Game dan voucher langsung aktif setelah transaksi, tanpa proses rumit.</p>
  915.    </div>
  916.            <div class="hero-item small" style="background-image:url('https://beparfumum.com/assets/images/nba-kratonbet.webp')">
  917.              <h4>Promo & Bonus Menarik</h4>
  918.              <p>Nikmati berbagai promo spesial dan bonus setiap kali melakukan pembelian.</p>
  919.            </div>
  920.            <div class="hero-item small" style="background-image:url('https://beparfumum.com/assets/images/nba-kratonbet.webp')">
  921.              <h4>Transaksi Aman Terproteksi</h4>
  922.              <p>Setiap pembayaran dijamin aman dengan sistem keamanan berlapis.</p>
  923.            </div>
  924.            <div class="hero-item small" style="background-image:url('https://beparfumum.com/assets/images/nba-kratonbet.webp')">
  925.              <h4>Rekomendasi Game Terbaru</h4>
  926.              <p>Selalu update dengan pilihan game dan voucher paling hits dan favorit.</p>
  927.            </div>
  928.              <div class="hero-item small" style="background-image:url('https://beparfumum.com/assets/images/nba-kratonbet.webp')">
  929.              <h4>Bantuan Langsung & Responsif</h4>
  930.              <p>Tim support siap menjawab pertanyaan dan membantu setiap saat.</p>
  931.            </div>
  932.            <div class="hero-item small" style="background-image:url('https://beparfumum.com/assets/images/nba-kratonbet.webp')">
  933.              <h4>Interface User Friendly</h4>
  934.              <p>Website mudah digunakan, navigasi simpel, cocok untuk semua pengguna.</p>
  935.            </div>
  936.          </div>
  937.        </div>
  938.    </section>
  939.  
  940.    <!-- Produk -->
  941.    <section class="section" id="produk">
  942.      <div class="container">
  943.        <h2>Game Android Terpopuler Pilihan Kami</h2>
  944.        <p class="muted">Jelajahi deretan game Android terbaik dengan dukungan tim support ramah yang siap membantumu kapan saja. Rasakan sensasi bermain tanpa batas dan temukan judul favoritmu di sini!</p>
  945.        <div class="products" role="list">
  946.          <!-- Card 1 -->
  947.          <article class="card" role="listitem">
  948.            <div class="media" aria-hidden="true">
  949.                 <img src="https://beparfumum.com/assets/images/nba-kratonbet.webp" height="334px" width="334px">
  950.            </div>
  951.            <div class="body">
  952.              <h3>NBA NOW 22</h3>
  953.              <p class="muted"><strong>NBA NOW 22</strong> adalah game basket gratis dari Com2uS yang menghadirkan pengalaman simulasi pertandingan NBA langsung di ponselmu. Rasakan serunya bergabung di liga basket paling bergengsi, membangun tim impian dari pemain legendaris masa lalu hingga bintang masa kini, lalu bertanding melawan pemain lain dari seluruh dunia. Game ini menawarkan beragam mode permainan menarik yang memungkinkanmu mengumpulkan hadiah dan bonus spesial. Setiap tim terdiri dari 12 pemain yang bisa kamu rotasi selama pertandingan, dengan lima pemain aktif di lapangan. Nikmati aksi basket yang realistis dan penuh tantangan setiap saat!</p>
  954.              <p><span class="price">Rp100.000</span><span class="old">Rp219.000</span></p>
  955.            </div>
  956.            <div class="cta">
  957.              <button class="btn" onclick="addToCart('NBA NOW 22')">Add to Cart</button>
  958.              <a class="btn ghost" href="https://beparfumum.com/customer-services-nba-kratonbet">Chat CS</a>
  959.            </div>
  960.          </article>
  961.          <!-- Card 2 -->
  962.          <article class="card" role="listitem">
  963.            <div class="media" aria-hidden="true">
  964.                 <img src="https://beparfumum.com/assets/images/genshin-kratonbet.webp" height="334px" width="334px">
  965.            </div>
  966.            <div class="body">
  967.    
  968.              <h3>Genshin Impact</h3>
  969.              <p class="muted">Masuki dunia magis Teyvat, sebuah alam penuh keajaiban, petualangan, dan tujuh elemen yang saling berinteraksi menciptakan berbagai fenomena luar biasa. Kamu akan memulai perjalanan sebagai salah satu dari dua saudara kembar yang terpisah oleh kekuatan misterius seorang dewa asing. Setelah kehilangan kekuatan dan terbangun di dunia yang asing, petualanganmu pun dimulai untuk menemukan saudaramu yang hilang. Genshin Impact menawarkan pengalaman RPG open world yang luas, di mana kamu bebas menjelajah tujuh wilayah dengan karakter-karakter unik, masing-masing memiliki kemampuan dan latar belakang menarik. Jelajahi pegunungan tinggi, lembah tersembunyi, dan kota penuh rahasia sambil menghadapi berbagai tantangan dan musuh tangguh. Temukan misteri Teyvat, kumpulkan teman seperjalanan, dan ukir kisahmu sendiri dalam dunia yang terus berkembang ini.</p>
  970.              <p><span class="price">Rp169.000</span><span class="old">Rp209.000</span></p>
  971.            </div>
  972.            <div class="cta">
  973.              <button class="btn" onclick="addToCart('Genshin Impact')">Add to Cart</button>
  974.              <a class="btn ghost" href="https://beparfumum.com/customer-services-Ijtgc-kratonbet">Chat CS</a>
  975.            </div>
  976.          </article>
  977.          <!-- Card 3 -->
  978.          <article class="card" role="listitem">
  979.            <div class="media" aria-hidden="true">
  980.                 <img src="https://beparfumum.com/assets/images/cod-kratonbet.webp" height="334px" width="334px">
  981.                
  982.            </div>
  983.            <div class="body">
  984.              <h3>Call of Duty: Mobile</h3>
  985.              <p class="muted">Rasakan sensasi pertempuran seru di <strongh>CALL OF DUTY®: MOBILE </strongh>, game FPS gratis yang membawa aksi intens langsung ke genggamanmu. Pilih mode permainan favoritmu, mulai dari Team Deathmatch, Domination, hingga Kill Confirmed di berbagai map legendaris seperti Nuketown, Raid, dan Shipment. Suka tantangan bertahan hidup? Mode Battle Royale siap menguji strategi dan ketangguhanmu, baik solo maupun bersama tim. Jelajahi area luas, kumpulkan perlengkapan, dan hadapi lawan dari seluruh dunia dalam pertempuran yang penuh adrenalin. Dengan grafis memukau dan kontrol responsif, setiap pertandingan terasa nyata dan menegangkan. Gabung dengan jutaan pemain lainnya, buka karakter, senjata, dan perlengkapan baru, lalu buktikan kehebatanmu di medan perang. CALL OF DUTY®: MOBILE adalah pilihan utama untuk penggemar aksi yang ingin pengalaman gaming seru kapan saja, di mana saja.</p>
  986.              <p><span class="price">Rp189.000</span><span class="old">Rp309.000</span></p>
  987.            </div>
  988.            <div class="cta">
  989.              <button class="btn" onclick="addToCart('Call Of Duty : Mobile')">Add to Cart</button>
  990.              <a class="btn ghost" href="https://beparfumum.com/marvel-spider-man-2-kratonbet">Chat CS</a>
  991.            </div>
  992.          </article>
  993.        </div>
  994.  
  995.        <div class="cta-band" style="text-align : center;">
  996.          <div>
  997.            <strong>Waktunya upgrade pengalaman bermainmu!</strong>
  998.            <br>
  999.            <p class="muted" style="margin:.3rem 0 0">Temukan berbagai game seru, tantangan baru, dan strategi terbaik di koleksi kami. Pilih game impianmu dan mulai petualangan seru hari ini!</p>
  1000.          </div>
  1001.          <br>
  1002.          <a class="btn" href="https://beparfumum.com/katalog-kratonbet">Jelajahi Games Sekarang</a>                    
  1003.        </div>
  1004.      </div>
  1005.    </section>
  1006.  
  1007.    <!-- Keunggulan -->
  1008.    <section class="section" id="fitur" style="text-align: center;">
  1009.      <div class="container">
  1010.        <h2>Mengapa Pilih Toko Game Kami?</h2>
  1011.        <br>
  1012.        <div class="features">
  1013.          <div class="feature">
  1014.            <h3>🎮 Pilihan Game Terlengkap</h3>
  1015.            <p class="muted">Koleksi game dan voucher selalu update, pastikan kamu tidak ketinggalan judul terbaru.</p>
  1016.          </div>
  1017.          <div class="feature">
  1018.            <h3>🚀 Proses Transaksi Super Cepat</h3>
  1019.            <p class="muted">Setelah pembayaran, akses game dan voucher langsung aktif tanpa harus menunggu lama.</p>
  1020.          </div>
  1021.          <div class="feature">
  1022.            <h3>🤝 Support Ramah & Responsif</h3>
  1023.            <p class="muted">Tim layanan pelanggan siap membantu setiap saat, memberikan solusi cepat untuk kebutuhanmu.</p>
  1024.          </div>
  1025.        </div>
  1026.      </div>
  1027.    </section>
  1028.        <article>
  1029.         <section class="section" id="produk" style="text-align: center;">
  1030.      <div class="container">
  1031.          
  1032.          
  1033.          
  1034.        <p class="muted">Nikmati Pengalaman Top Up Game & Voucher Lebih Hemat, Cepat, dan Aman di <a href="https://beparfumum.com/">KRATONBET</a> Tempat terbaik untuk isi ulang game dan voucher dengan harga super bersaing! Kami menghadirkan layanan top up yang tidak hanya lebih murah hingga 20%, tetapi juga memprioritaskan kecepatan dan keamanan setiap transaksi. Dengan sistem otomatis, proses pembelian berlangsung instan—saldo atau voucher langsung masuk ke akunmu tanpa perlu menunggu lama. Dapatkan berbagai pilihan produk game populer seperti Diamond Mobile Legends (ML), Free Fire (FF) Diamond, Royal Dreams, HDI MD, Steam Wallet, PUBG UC, Bigo Diamonds, Boss Party, CODM CP, Honor of Kings Tokens, hingga Genshin Impact Crystals. Setiap pembelian selalu disertai promo menarik, diskon spesial, serta bonus eksklusif untuk pelanggan setia. Sebagai situs resmi dan terpercaya, kami juga menyediakan berbagai metode pembayaran modern seperti transfer bank, e-wallet, hingga virtual account, sehingga transaksi jadi lebih mudah dan fleksibel. Tim support profesional kami siap membantu kapan saja jika kamu mengalami kendala atau membutuhkan informasi lebih lanjut. Jadikan pengalaman top up game dan voucher kamu lebih praktis, hemat, dan bebas khawatir—hanya di sini, tempat favorit para gamer Indonesia!</p>
  1035.          
  1036.          
  1037.          
  1038.          
  1039.          
  1040.          </div>
  1041.          </section>
  1042. </article>
  1043.  
  1044.          
  1045.    <!-- Testimoni -->
  1046.    <section class="section" id="testi" style="text-align: center;">
  1047.      <div class="container">
  1048.        <h2>Kesan Pengguna Setia kratonbet</h2>
  1049.        <div class="testis">
  1050.          <figure class="quote"><blockquote>"Transaksi di kratonbet selalu lancar. Top up cepat, harga pun ramah di kantong!"</blockquote><figcaption class="muted">— Bella, Tangerang</figcaption></figure>
  1051.          <figure class="quote"><blockquote>"Saya puas dengan pilihan voucher yang lengkap dan proses pembelian yang praktis."</blockquote><figcaption class="muted">— Rizky, Solo</figcaption></figure>
  1052.          <figure class="quote"><blockquote>"Customer service kratonbet sangat membantu, semua pertanyaan saya dijawab dengan jelas dan cepat."</blockquote><figcaption class="muted">— Lila, Makassar</figcaption></figure>
  1053.        </div>
  1054.      </div>
  1055.    </section>
  1056.  
  1057.    <!-- FAQ -->
  1058.    <section class="section" id="faq" style="text-align: center;">
  1059.      <div class="container">
  1060.        <h2>Pertanyaan Umum (FAQ)</h2>
  1061.        <div class="faq">
  1062.          <details>
  1063.            <summary>Bagaimana saya tahu produk di kratonbet dijamin asli?</summary>
  1064.            <p class="muted">Setiap game dan voucher di kratonbet berasal dari distributor resmi, sehingga keaslian dan legalitas produk selalu terjamin.</p>
  1065.          </details>
  1066.          <details>
  1067.            <summary>Apakah transaksi di kratonbet aman dan mudah?</summary>
  1068.            <p class="muted">Tentu! Semua pembayaran diproses melalui sistem yang aman, dengan pilihan transfer bank, e-wallet, dan kartu kredit untuk kenyamanan Anda.</p>
  1069.          </details>
  1070.          <details>
  1071.            <summary>Berapa lama waktu yang dibutuhkan untuk menerima produk setelah pembayaran?</summary>
  1072.            <p class="muted">Produk akan dikirim secara otomatis dan instan ke email atau akun Anda setelah pembayaran berhasil diverifikasi.</p>
  1073.          </details>
  1074.        </div>
  1075.      </div>
  1076.    </section>
  1077.  
  1078.  </main>
  1079.  
  1080.  <footer>
  1081.    <section class="section" id="testi" style="text-align: center;">
  1082.      <div class="container">
  1083.          <h3>SUPPORT</h3>
  1084.        <div class="testis">
  1085.          <figure class="quote">
  1086.               <blockquote><h3>MY ACCOUNT</h3></blockquote>
  1087.               <ul class="gaming-ul">
  1088.                <li><a href="https://direct.lc.chat/17306058/89"></a>LIVECHAT</li>
  1089.           <li><a href="https://t.me/kratonbet02">TELEGRAM</a></li>
  1090.          <li><a href="https://beparfumum.com/faq/">FAQ</a></li>
  1091.                 </ul>
  1092.          </figure>
  1093.         <figure class="quote">
  1094.               <blockquote><h3>LEGAL COOKIES</h3></blockquote>
  1095.               <ul class="gaming-ul">
  1096.               <li><a href="https://beparfumum.com/terms-conditions/">TERMS & CONDITIONS</a></li>
  1097.                <li><a href="https://beparfumum.com/privacy-policy/">PRIVACY POLICY</a></li>
  1098.           <li><a href="https://beparfumum.com/cookies">EXTENDED COOKIE POLICY</a></li>
  1099.                 </ul>
  1100.          </figure>
  1101.           <figure class="quote">
  1102.               <blockquote><h3>Copyright</h3></blockquote>
  1103.               <ul class="gaming-ul">
  1104.               <li><a href="https://beparfumum.com/team">kratonbet Team</a></li>
  1105.                <li><a href="https://beparfumum.com/">Seo-Lucie-666</a></li>
  1106.                 </ul>
  1107.          </figure>
  1108.        </div>
  1109.      </div>
  1110.           <section style="text-align : center;">
  1111.    <div class="container">
  1112.      <p>© <span id="year"></span> KRATONBET: Isi Ulang Game & Voucher Resmi, Praktis dan Terpercaya . All rights reserved.</p>
  1113.      </div>
  1114. </section>
  1115.    </section>
  1116.  
  1117.  
  1118.  
  1119.      <div class="rain-container">
  1120.  <!-- duplikat icon beberapa kali -->
  1121.  <img src="https://beparfumum.com/assets/images/favicon-kratonbet.webp" class="raindrop" alt="icon">
  1122.  <img src="https://beparfumum.com/assets/images/favicon-kratonbet.webp" class="raindrop" alt="icon">
  1123.  <img src="https://beparfumum.com/assets/images/favicon-kratonbet.webp" class="raindrop" alt="icon">
  1124.  <img src="https://beparfumum.com/assets/images/favicon-kratonbet.webp" class="raindrop" alt="icon">
  1125.  <img src="https://beparfumum.com/assets/images/favicon-kratonbet.webp" class="raindrop" alt="icon">
  1126. </div>
  1127.  
  1128. <div class="popup-overlay" id="popup">
  1129.  <div class="popup-content">
  1130.    <span class="popup-close"></span>
  1131.    <img src="https://beparfumum.com/assets/images/logo-kratonbet.webp" alt="Karakter Natal" class="popup-character">
  1132.    <h2>Selamat Datang Di Toko kratonbet!</h2>
  1133.    <p>Semoga harimu penuh keceriaan dan keberuntungan! Dan Selamat Merayakan HUT RI Yang ke 80 Ya!</p>
  1134.    <button onclick="closePopup()" href="https://kratonbetvip.xyz/promotion" class="rgb-btn">Bonus Harian</button>
  1135.  </div>
  1136. </div>
  1137.  </footer>
  1138.  
  1139.  <script>
  1140. function closePopup() {
  1141.  document.getElementById("popup").style.display = "none";
  1142. }
  1143.  
  1144. // Tampilkan popup setelah 2 detik
  1145. window.onload = function() {
  1146.  setTimeout(() => {
  1147.    document.getElementById("popup").style.display = "flex";
  1148.  }, 2000);
  1149. }
  1150. </script>
  1151.    <script>
  1152.  // JS untuk random posisi dan delay
  1153. const drops = document.querySelectorAll('.raindrop');
  1154. drops.forEach(drop => {
  1155.  drop.style.left = Math.random() * 100 + "vw"; // posisi horizontal random
  1156.  drop.style.animationDuration = (Math.random() * 3 + 2) + "s"; // durasi random
  1157.  drop.style.animationDelay = Math.random() * 5 + "s"; // delay random
  1158. });
  1159.  </script>
  1160.  <script>
  1161.  document.querySelectorAll('.feature').forEach(card => {
  1162.    card.addEventListener('mousemove', e => {
  1163.      const rect = card.getBoundingClientRect();
  1164.      const x = ((e.clientX - rect.left) / rect.width) * 100;
  1165.      const y = ((e.clientY - rect.top) / rect.height) * 100;
  1166.      card.style.setProperty('--x', `${x}%`);
  1167.      card.style.setProperty('--y', `${y}%`);
  1168.    });
  1169.  });
  1170. </script>
  1171.  
  1172. <script>
  1173. // Nonaktifkan klik kanan
  1174. document.addEventListener('contextmenu', function(e) {
  1175.    e.preventDefault();
  1176.    alert("⚠️ jangan bikin mimin insecure ⚠️ ");
  1177. });
  1178.  
  1179. // Nonaktifkan Ctrl+U
  1180. document.addEventListener('keydown', function(e) {
  1181.    if (e.ctrlKey && e.key.toLowerCase() === 'u') {
  1182.        e.preventDefault();
  1183.        alert("⚠️ jangan bikin mimin insecure ⚠️ ");
  1184.    }
  1185. });
  1186. </script>
  1187.  <script>document.getElementById('year').textContent=new Date().getFullYear()</script>
  1188. </body>
  1189. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda