<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>KRATONBET ⭐️ Gerbang Gacor VVIP Menuju Maxwin Terpercaya!</title>
  <meta name="description" content="KRATONBET adalah gerbang gacor vvip dengan peluang maxwin tinggi, menghadirkan game seru, ritme menang stabil, dan sensasi kemenangan terpercaya."/>
  <!-- ============================================================
       KONFIGURASI URL — GANTI SESUAI KEBUTUHAN
  ============================================================ -->
  <link rel="canonical" href="https://omgdigitalinc.com/privacy-policy/"/>
  <link rel="amphtml" href="https://omgdigitalinc.com/amp/privacy"/>
  <link rel="alternate" hreflang="id-id" href="https://omgdigitalinc.com/amp/privacy"/>
  <link rel="alternate" href="https://omgdigitalinc.com/amp/privacy"/>
  <link rel="alternate" hreflang="id" href="https://omgdigitalinc.com/amp/privacy"/>
  <link rel="alternate" hreflang="en" href="https://omgdigitalinc.com/amp/privacy"/>
  <link rel="alternate" hreflang="x-default" href="https://omgdigitalinc.com/amp/privacy"/>
  <link rel="alternate" hreflang="en" href="https://omgdigitalinc.com/privacy-policy/"/>
  <link rel="alternate" hreflang="x-default" href="https://omgdigitalinc.com/privacy-policy/"/>

  <link rel="icon" type="image/png" id="favicon-link" href="https://asset01.source-static.us/assets/images/keratonbet/favicon/favicon.ico"/>

  <!-- Open Graph -->
  <meta property="og:title" content="KRATONBET ⭐️ Gerbang Gacor VVIP Menuju Maxwin Terpercaya!"/>
  <meta property="og:description" content="KRATONBET adalah gerbang gacor vvip dengan peluang maxwin tinggi, menghadirkan game seru, ritme menang stabil, dan sensasi kemenangan terpercaya."/>
  <meta property="og:type" content="product"/>
  <meta property="og:url" content="https://omgdigitalinc.com/privacy-policy/"/>

  <!-- ============================================================
       SCHEMA.ORG — WebPage
  ============================================================ -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebPage",
    "@id": "https://omgdigitalinc.com/privacy-policy/#webpage",
    "url": "https://omgdigitalinc.com/privacy-policy/",
    "name": "KRATONBET ⭐️ Gerbang Gacor VVIP Menuju Maxwin Terpercaya!",
    "description": "KRATONBET adalah gerbang gacor vvip dengan peluang maxwin tinggi, menghadirkan game seru, ritme menang stabil, dan sensasi kemenangan terpercaya.",
    "inLanguage": "id",
    "isPartOf": {
      "@type": "WebSite",
      "@id": "https://omgdigitalinc.com/privacy-policy/#website",
      "url": "https://omgdigitalinc.com/privacy-policy/",
      "name": "KRATONBET"
    },
    "breadcrumb": {
      "@type": "BreadcrumbList",
      "itemListElement": [
        { "@type": "ListItem", "position": 1, "name": "KRATONBET", "item": "https://omgdigitalinc.com/privacy-policy/" },
        { "@type": "ListItem", "position": 2, "name": "BREAKING NEWS", "item": "https://omgdigitalinc.com/privacy-policy/" },
        { "@type": "ListItem", "position": 3, "name": "STUDIO FROM WITHIN", "item": "https://omgdigitalinc.com/privacy-policy/" }
      ]
    }
  }
  </script>

<!-- ============================================================
     SCHEMA.ORG — Review (x3)
============================================================ -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "KRATONBET",
  "description": "KRATONBET adalah gerbang gacor vvip dengan peluang maxwin tinggi, menghadirkan game seru, ritme menang stabil, dan sensasi kemenangan terpercaya.",
  "url": "https://omgdigitalinc.com/privacy-policy/",
  "image": "https://asset01.source-static.us/assets/images/keratonbet/favicon/favicon.ico",
  "brand": {
    "@type": "Brand",
    "name": "KRATONBET"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "5",
    "bestRating": "5",
    "worstRating": "5",
    "reviewCount": "3"
  },
  "review": [
    {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Anton S."
      },
      "datePublished": "2026-05-31",
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5"
      },
      "reviewBody": "KRATONBET memberikan informasi layanan yang jelas dan mudah dipahami. Saya dapat menemukan detail mengenai bantuan jalan dan servis profesional dengan cepat dan praktis."
    },
    {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Rezki P."
      },
      "datePublished": "2026-05-31",
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5"
      },
      "reviewBody": "Penyajian informasi di KRATONBET sangat rapi dan profesional. Semua layanan dijelaskan dengan baik sehingga memudahkan pengguna dalam memahami berbagai solusi yang tersedia."
    },
    {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Kattoess Y."
      },
      "datePublished": "2026-05-31",
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5"
      },
      "reviewBody": "KRATONBET menghadirkan pengalaman yang nyaman dengan informasi yang relevan dan mudah diakses. Fokus pada kualitas layanan dan kemudahan penggunaan menjadi nilai tambah yang sangat membantu."
    }
  ]
}
</script>

  <style>
    /* ============================================================
       CSS RESET & BASE
    ============================================================ */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --black: #1a1a1a;
      --white: #ffffff;
      --gold: #f4487b;
      --gold-dark: #e9a81f;
      --gold-light: #e8c97a;
      --gray-light: #f5f5f5;
      --gray-mid: #e0e0e0;
      --gray-text: #555555;
      --green: #4caf50;
      --star-color: #f5a623;
      --font-main: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

    html { scroll-behavior: smooth; }
    body {
      font-family: var(--font-main);
      color: var(--black);
      background: var(--white);
      line-height: 1.6;
      cursor: none;
      overflow-x: hidden;
    }
    @media (hover: none) { body { cursor: auto; } }
    a { text-decoration: none; color: inherit; }
    img { max-width: 100%; height: auto; display: block; }

    /* ============================================================
       CUSTOM CURSOR
    ============================================================ */
    #cursor-dot {
      position: fixed;
      top: 0; left: 0;
      width: 8px; height: 8px;
      background: var(--gold);
      border-radius: 50%;
      pointer-events: none;
      z-index: 99999;
      transform: translate(-50%, -50%);
      transition: transform 0.08s ease, width 0.2s ease, height 0.2s ease, background 0.2s ease;
      will-change: transform;
    }
    #cursor-ring {
      position: fixed;
      top: 0; left: 0;
      width: 36px; height: 36px;
      border: 2px solid rgba(201,168,76,0.55);
      border-radius: 50%;
      pointer-events: none;
      z-index: 99998;
      transform: translate(-50%, -50%);
      transition: transform 0.18s ease, width 0.25s ease, height 0.25s ease, border-color 0.2s ease;
      will-change: transform;
    }
    body.cursor-hover #cursor-dot { width: 14px; height: 14px; background: var(--gold-light); }
    body.cursor-hover #cursor-ring { width: 52px; height: 52px; border-color: rgba(201,168,76,0.8); }
    @media (hover: none) {
      #cursor-dot, #cursor-ring { display: none; }
    }

    /* ============================================================
       MOUSE SPOTLIGHT GLOW
    ============================================================ */
    #mouse-glow {
      position: fixed;
      top: 0; left: 0;
      width: 380px; height: 380px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(201,168,76,0.09) 0%, transparent 70%);
      pointer-events: none;
      z-index: 0;
      transform: translate(-50%, -50%);
      transition: transform 0.08s linear;
      will-change: transform;
    }

    /* ============================================================
       TOP ANNOUNCEMENT BAR
    ============================================================ */
    .announcement-bar {
      background: var(--black);
      color: var(--white);
      text-align: center;
      padding: 8px 16px;
      font-size: 12px;
      letter-spacing: 0.5px;
      overflow-x: auto;
      white-space: nowrap;
      position: relative;
      z-index: 10;
    }
    .announcement-bar span {
      display: inline-flex;
      align-items: center;
      gap: 20px;
    }
    .announcement-bar a {
      color: var(--white);
      opacity: 0.85;
      transition: opacity 0.2s;
    }
    .announcement-bar a:hover { opacity: 1; }

    /* ============================================================
       HEADER
    ============================================================ */
    .header {
      background: var(--white);
      border-bottom: 1px solid var(--gray-mid);
      position: sticky;
      top: 0;
      z-index: 1000;
      transition: box-shadow 0.3s;
    }
    .header.scrolled {
      box-shadow: 0 2px 20px rgba(0,0,0,0.12);
    }
    .header-inner {
      max-width: 1200px;
      margin: 0 auto;
      padding: 12px 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }
    .header-logo img {
      height: 48px;
      width: auto;
      object-fit: contain;
      transition: transform 0.3s ease;
    }
    .header-logo img:hover { transform: scale(1.04); }
    .header-logo .logo-placeholder {
      font-size: 22px;
      font-weight: 800;
      letter-spacing: 2px;
      color: var(--black);
      text-transform: uppercase;
    }
    .header-actions {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    /* ============================================================
       BUTTON STYLES (with ripple)
    ============================================================ */
    .btn-login, .btn-register,
    .btn-cta-login, .btn-cta-register,
    .btn-add-to-cart {
      position: relative;
      overflow: hidden;
      cursor: none;
    }
    @media (hover: none) {
      .btn-login, .btn-register,
      .btn-cta-login, .btn-cta-register,
      .btn-add-to-cart { cursor: pointer; }
    }
    .ripple {
      position: absolute;
      border-radius: 50%;
      transform: scale(0);
      animation: rippleAnim 0.6s linear;
      background: rgba(255,255,255,0.35);
      pointer-events: none;
    }
    @keyframes rippleAnim {
      to { transform: scale(4); opacity: 0; }
    }

    .btn-login {
      padding: 8px 18px;
      border: 2px solid var(--black);
      background: transparent;
      color: var(--black);
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.5px;
      transition: background 0.25s, color 0.25s, transform 0.2s, box-shadow 0.2s;
      border-radius: 2px;
      white-space: nowrap;
      display: inline-block;
    }
    .btn-login:hover {
      background: var(--black);
      color: var(--white);
      transform: translateY(-1px);
      box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    }
    .btn-register {
      padding: 8px 18px;
      border: 2px solid var(--black);
      background: var(--black);
      color: var(--white);
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.5px;
      transition: background 0.25s, transform 0.2s, box-shadow 0.2s;
      border-radius: 2px;
      white-space: nowrap;
      display: inline-block;
    }
    .btn-register:hover {
      background: #333;
      transform: translateY(-1px);
      box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    }

    /* ============================================================
       BANNER
    ============================================================ */
    .banner-section {
      width: 100%;
      overflow: hidden;
      background: var(--gray-light);
      position: relative;
    }
    .banner-section img#banner-img {
      width: 100%;
      height: 320px;
      object-fit: cover;
      display: block;
      will-change: transform;
    }
    .banner-overlay {
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,0.4);
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .banner-overlay-text {
      text-align: center;
      color: var(--white);
    }
    .banner-overlay-text h1 {
      font-size: clamp(20px, 4vw, 40px);
      font-weight: 800;
      letter-spacing: 2px;
      text-transform: uppercase;
      text-shadow: 0 2px 12px rgba(0,0,0,0.7);
    }
    .banner-overlay-text p {
      font-size: clamp(13px, 2vw, 16px);
      margin-top: 8px;
      opacity: 0.9;
    }
    /* Gold shimmer on banner heading */
    .banner-shimmer {
      background: linear-gradient(90deg, #fff 30%, var(--gold-light) 50%, #fff 70%);
      background-size: 200% auto;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      animation: shimmer 3s linear infinite;
    }
    @keyframes shimmer {
      0%   { background-position: 200% center; }
      100% { background-position: -200% center; }
    }

    /* ============================================================
       PROMO BAR
    ============================================================ */
    .promo-bar {
      background: var(--black);
      color: var(--white);
      text-align: center;
      padding: 10px 16px;
      font-size: 12px;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      font-weight: 600;
    }
    .promo-bar strong { color: var(--gold); }

    /* ============================================================
       SCROLL-REVEAL BASE
    ============================================================ */
    .reveal {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.65s ease, transform 0.65s ease;
    }
    .reveal.visible {
      opacity: 1;
      transform: translateY(0);
    }
    .reveal-left {
      opacity: 0;
      transform: translateX(-30px);
      transition: opacity 0.65s ease, transform 0.65s ease;
    }
    .reveal-left.visible {
      opacity: 1;
      transform: translateX(0);
    }
    .reveal-right {
      opacity: 0;
      transform: translateX(30px);
      transition: opacity 0.65s ease, transform 0.65s ease;
    }
    .reveal-right.visible {
      opacity: 1;
      transform: translateX(0);
    }
    .reveal-delay-1 { transition-delay: 0.1s; }
    .reveal-delay-2 { transition-delay: 0.2s; }
    .reveal-delay-3 { transition-delay: 0.3s; }
    .reveal-delay-4 { transition-delay: 0.4s; }

    /* ============================================================
       PRODUCT SECTION
    ============================================================ */
    .product-section {
      max-width: 1100px;
      margin: 48px auto;
      padding: 0 20px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 48px;
      align-items: start;
      position: relative;
      z-index: 1;
    }
    @media (max-width: 768px) {
      .product-section {
        grid-template-columns: 1fr;
        gap: 28px;
        margin: 28px auto;
      }
    }

    /* Product Image with tilt */
    .product-image-wrapper {
      position: relative;
      background: var(--gray-light);
      border: 1px solid var(--gray-mid);
      border-radius: 8px;
      overflow: hidden;
      transition: box-shadow 0.3s ease;
      transform-style: preserve-3d;
      will-change: transform;
    }
    .product-image-wrapper:hover {
      box-shadow: 0 20px 48px rgba(0,0,0,0.14);
    }
    .product-image-wrapper img {
      width: 100%;
      aspect-ratio: 1 / 1;
      object-fit: contain;
      padding: 20px;
      transition: transform 0.4s ease;
    }
    .product-image-wrapper:hover img { transform: scale(1.03); }

    .product-badge {
      position: absolute;
      top: 12px;
      left: 12px;
      background: var(--gold);
      color: var(--white);
      font-size: 11px;
      font-weight: 700;
      padding: 4px 10px;
      border-radius: 2px;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      animation: pulseBadge 2.5s ease-in-out infinite;
    }
    @keyframes pulseBadge {
      0%, 100% { box-shadow: 0 0 0 0 rgba(201,168,76,0.5); }
      50%       { box-shadow: 0 0 0 7px rgba(201,168,76,0); }
    }

    /* Product Info */
    .product-title {
      font-size: clamp(18px, 2.5vw, 26px);
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 1px;
      line-height: 1.3;
      margin-bottom: 16px;
    }
    .product-price {
      font-size: 28px;
      font-weight: 700;
      margin-bottom: 4px;
    }
    .product-price-note {
      font-size: 12px;
      color: var(--gray-text);
      margin-bottom: 16px;
    }
    .product-price-note a { color: var(--black); text-decoration: underline; }

    /* Stars */
    .product-rating {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid var(--gray-mid);
    }
    .stars { color: var(--star-color); font-size: 18px; letter-spacing: 2px; }
    .rating-count { font-size: 13px; color: var(--gray-text); }

    /* Features */
    .product-features { margin-bottom: 24px; }
    .feature-item {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 10px;
      font-size: 14px;
      color: var(--gray-text);
      transition: color 0.2s;
    }
    .feature-item:hover { color: var(--black); }
    .feature-icon { font-size: 18px; flex-shrink: 0; }
    .feature-dot {
      width: 10px; height: 10px;
      border-radius: 50%;
      background: var(--green);
      flex-shrink: 0;
      animation: pulseDot 2s ease-in-out infinite;
    }
    @keyframes pulseDot {
      0%, 100% { box-shadow: 0 0 0 0 rgba(76,175,80,0.5); }
      50%       { box-shadow: 0 0 0 5px rgba(76,175,80,0); }
    }

    /* ============================================================
       CTA LOGIN / DAFTAR — above Add to Cart
    ============================================================ */
    .cta-auth-group {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      margin-bottom: 14px;
    }
    .btn-cta-login {
      display: block;
      width: 100%;
      padding: 13px 10px;
      border: 2px solid var(--black);
      background: var(--white);
      color: var(--black);
      text-align: center;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      border-radius: 2px;
      transition: background 0.25s, color 0.25s, transform 0.2s, box-shadow 0.2s;
    }
    .btn-cta-login:hover {
      background: var(--black);
      color: var(--white);
      transform: translateY(-2px);
      box-shadow: 0 6px 18px rgba(0,0,0,0.2);
    }
    .btn-cta-register {
      display: block;
      width: 100%;
      padding: 13px 10px;
      border: 2px solid var(--gold);
      background: var(--gold);
      color: var(--white);
      text-align: center;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      border-radius: 2px;
      transition: background 0.25s, border-color 0.25s, transform 0.2s, box-shadow 0.2s;
    }
    .btn-cta-register:hover {
      background: var(--gold-dark);
      border-color: var(--gold-dark);
      transform: translateY(-2px);
      box-shadow: 0 6px 18px rgba(201,168,76,0.4);
    }
    .cta-divider {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 14px;
      color: var(--gray-text);
      font-size: 11px;
      letter-spacing: 1px;
      text-transform: uppercase;
    }
    .cta-divider::before, .cta-divider::after {
      content: "";
      flex: 1;
      height: 1px;
      background: var(--gray-mid);
    }

    /* Add to Cart */
    .btn-add-to-cart {
      display: block;
      width: 100%;
      padding: 16px;
      background: var(--black);
      color: var(--white);
      text-align: center;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
      border: none;
      transition: background 0.25s, transform 0.2s, box-shadow 0.2s;
      border-radius: 2px;
      margin-bottom: 16px;
    }
    .btn-add-to-cart:hover {
      background: #333;
      transform: translateY(-2px);
      box-shadow: 0 8px 24px rgba(0,0,0,0.25);
    }

    /* Quantity */
    .quantity-row {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 20px;
    }
    .quantity-label { font-size: 13px; font-weight: 600; }
    .quantity-control {
      display: flex;
      align-items: center;
      border: 1px solid var(--gray-mid);
      border-radius: 2px;
      overflow: hidden;
    }
    .qty-btn {
      width: 36px; height: 36px;
      background: var(--gray-light);
      border: none;
      cursor: none;
      font-size: 18px;
      line-height: 1;
      transition: background 0.2s;
    }
    @media (hover: none) { .qty-btn { cursor: pointer; } }
    .qty-btn:hover { background: var(--gray-mid); }
    .qty-input {
      width: 48px; height: 36px;
      border: none;
      border-left: 1px solid var(--gray-mid);
      border-right: 1px solid var(--gray-mid);
      text-align: center;
      font-size: 14px;
      font-weight: 600;
    }
    .qty-input:focus { outline: none; }

    /* Trust text */
    .trust-text {
      font-size: 12px;
      color: var(--gray-text);
      display: flex;
      align-items: center;
      gap: 6px;
    }

    /* ============================================================
       TRUST BADGES SECTION
    ============================================================ */
    .trust-section {
      background: var(--gray-light);
      border-top: 1px solid var(--gray-mid);
      border-bottom: 1px solid var(--gray-mid);
      padding: 36px 20px;
      position: relative;
      overflow: hidden;
    }
    .trust-inner {
      max-width: 900px;
      margin: 0 auto;
      display: flex;
      justify-content: center;
      gap: 40px;
      flex-wrap: wrap;
    }
    .trust-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
      text-align: center;
      min-width: 120px;
    }
    .trust-badge {
      width: 80px; height: 80px;
      border-radius: 50%;
      border: 3px solid var(--gold);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 26px;
      background: var(--white);
      color: var(--gold);
      transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
    }
    .trust-item:hover .trust-badge {
      transform: scale(1.12) rotate(-4deg);
      box-shadow: 0 8px 24px rgba(201,168,76,0.35);
      background: var(--gold);
    }
    .trust-item-label {
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: var(--black);
    }
    .trust-item-sub {
      font-size: 10px;
      color: var(--gray-text);
      line-height: 1.3;
    }

    /* ============================================================
       DESCRIPTION SECTION
    ============================================================ */
    .desc-section {
      max-width: 900px;
      margin: 48px auto;
      padding: 0 20px;
    }
    .section-title {
      font-size: 18px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 20px;
      padding-bottom: 12px;
      border-bottom: 2px solid var(--black);
      position: relative;
    }
    .section-title::after {
      content: "";
      position: absolute;
      bottom: -2px; left: 0;
      width: 48px; height: 2px;
      background: var(--gold);
    }
    .desc-section p {
      font-size: 14px;
      color: var(--gray-text);
      margin-bottom: 12px;
      line-height: 1.8;
    }
    .desc-section ul { list-style: none; margin-bottom: 20px; }
    .desc-section ul li {
      font-size: 14px;
      color: var(--gray-text);
      padding: 6px 0;
      display: flex;
      align-items: flex-start;
      gap: 8px;
      transition: color 0.2s;
    }
    .desc-section ul li:hover { color: var(--black); }
    .desc-section ul li::before {
      content: "✓";
      color: var(--gold);
      font-weight: 700;
      flex-shrink: 0;
    }

    /* ============================================================
       REVIEWS SECTION
    ============================================================ */
    .reviews-section {
      background: var(--gray-light);
      padding: 48px 20px;
    }
    .reviews-inner { max-width: 900px; margin: 0 auto; }
    .review-summary {
      display: flex;
      align-items: center;
      gap: 24px;
      margin-bottom: 32px;
      flex-wrap: wrap;
    }
    .review-score { font-size: 56px; font-weight: 800; line-height: 1; }
    .review-meta { flex: 1; }
    .review-meta .stars { font-size: 22px; }
    .review-meta p { font-size: 13px; color: var(--gray-text); margin-top: 4px; }

    .review-card {
      background: var(--white);
      border: 1px solid var(--gray-mid);
      border-radius: 6px;
      padding: 20px;
      margin-bottom: 16px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .review-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 28px rgba(0,0,0,0.1);
    }
    .review-header {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 10px;
    }
    .reviewer-avatar {
      width: 40px; height: 40px;
      border-radius: 50%;
      background: var(--black);
      color: var(--white);
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      font-size: 16px;
      flex-shrink: 0;
    }
    .reviewer-name { font-weight: 700; font-size: 14px; }
    .reviewer-date { font-size: 12px; color: var(--gray-text); }
    .review-stars { color: var(--star-color); font-size: 14px; margin-left: auto; }
    .review-text { font-size: 14px; color: var(--gray-text); line-height: 1.7; }

    /* ============================================================
       FOOTER
    ============================================================ */
    footer {
      background: var(--black);
      color: var(--white);
      padding: 48px 20px 24px;
    }
    .footer-inner { max-width: 1100px; margin: 0 auto; }
    .footer-top {
      display: grid;
      grid-template-columns: 1.5fr 1fr 1fr;
      gap: 40px;
      margin-bottom: 40px;
    }
    @media (max-width: 768px) {
      .footer-top { grid-template-columns: 1fr; gap: 28px; }
    }
    .footer-logo-wrap img {
      height: 100px;
      width: auto;
      object-fit: contain;
      margin-bottom: 14px;
      filter: brightness(0) invert(1);
      transition: filter 0.3s, transform 0.3s;
    }
    .footer-logo-wrap img:hover { filter: brightness(0) invert(0.9) sepia(1) saturate(2) hue-rotate(5deg); transform: scale(1.05); }
    .footer-logo-wrap .logo-placeholder-footer {
      font-size: 20px;
      font-weight: 800;
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-bottom: 14px;
    }
    .footer-about {
      font-size: 13px;
      color: rgba(255,255,255,0.65);
      line-height: 1.7;
    }
    .footer-col-title {
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin-bottom: 14px;
      color: var(--gold);
    }
    .footer-links { list-style: none; }
    .footer-links li { margin-bottom: 8px; }
    .footer-links a {
      font-size: 13px;
      color: rgba(255,255,255,0.65);
      transition: color 0.2s, padding-left 0.2s;
    }
    .footer-links a:hover { color: var(--white); padding-left: 4px; }

    .footer-bottom {
      border-top: 1px solid rgba(255,255,255,0.1);
      padding-top: 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 12px;
    }
    .footer-bottom p { font-size: 12px; color: rgba(255,255,255,0.45); }
    .footer-bottom-actions { display: flex; gap: 10px; }
    .footer-bottom-actions a {
      font-size: 12px;
      color: rgba(255,255,255,0.45);
      transition: color 0.2s;
    }
    .footer-bottom-actions a:hover { color: var(--white); }

    /* ============================================================
       FLOATING PARTICLES
    ============================================================ */
    .particles-wrap {
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 0;
      overflow: hidden;
    }
    .particle {
      position: absolute;
      width: 4px; height: 4px;
      border-radius: 50%;
      background: rgba(201,168,76,0.18);
      animation: floatParticle linear infinite;
    }
    @keyframes floatParticle {
      0%   { transform: translateY(100vh) scale(0); opacity: 0; }
      10%  { opacity: 1; }
      90%  { opacity: 0.6; }
      100% { transform: translateY(-10vh) scale(1.5); opacity: 0; }
    }

    /* ============================================================
       BACK TO TOP
    ============================================================ */
    #back-to-top {
      position: fixed;
      bottom: 28px; right: 28px;
      width: 44px; height: 44px;
      background: var(--gold);
      color: var(--white);
      border: none;
      border-radius: 50%;
      font-size: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: none;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s, transform 0.3s, box-shadow 0.3s;
      z-index: 500;
      box-shadow: 0 4px 16px rgba(201,168,76,0.4);
    }
    @media (hover: none) { #back-to-top { cursor: pointer; } }
    #back-to-top.visible { opacity: 1; pointer-events: auto; }
    #back-to-top:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 24px rgba(201,168,76,0.55);
    }

    /* ============================================================
       RESPONSIVE HELPERS
    ============================================================ */
    @media (max-width: 480px) {
      .announcement-bar { font-size: 11px; }
      .product-title { font-size: 16px; }
      .product-price { font-size: 24px; }
      .trust-inner { gap: 20px; }
      .cta-auth-group { grid-template-columns: 1fr; }
    }

    /* ============================================================
       BANNER PLACEHOLDER (when no banner URL set)
    ============================================================ */
    .banner-placeholder {
      width: 100%;
      height: 320px;
      background: linear-gradient(135deg, #1a1a1a 0%, #3a3a3a 100%);
      display: flex;
      align-items: center;
      justify-content: center;
    }
  </style>
</head>
<body>

  <!-- Custom Cursor -->
  <div id="cursor-dot"></div>
  <div id="cursor-ring"></div>

  <!-- Mouse Glow -->
  <div id="mouse-glow"></div>

  <!-- Floating Particles -->
  <div class="particles-wrap" id="particles-wrap"></div>

  <!-- Back to Top -->
  <button id="back-to-top" aria-label="Kembali ke atas" onclick="window.scrollTo({top:0,behavior:'smooth'})">↑</button>

  <!-- ============================================================
       HEADER
  ============================================================ -->
  <header class="header" id="main-header">
    <div class="header-inner">
      <!-- LOGO HEADER — isi logoHeaderUrl di CONFIG atau ?logo_header=URL -->
      <a href="https://omgdigitalinc.com/privacy-policy/" class="header-logo" id="header-logo-link">
        <img
          id="logo-img"
          src="https://static.aptaptkaisjds.com/assets/images/kbet/logo_kratonbet.png"
          alt="Logo Header"
          style="display:none;"
          onerror="this.style.display='none'; document.getElementById('logo-fallback').style.display='block';"
      />
        <span id="logo-fallback" class="logo-placeholder"></span>
      </a>

      <div class="header-actions">
        <!-- TOMBOL LOGIN HEADER — id="btn-login" -->
        <a href="https://omgdigitalinc.com/amp/privacy" id="btn-login" class="btn-register">Login</a>
        <!-- TOMBOL DAFTAR HEADER — id="btn-register" -->
        <a href="https://omgdigitalinc.com/amp/privacy" id="btn-register" class="btn-register">Daftar</a>
      </div>
    </div>
  </header>
  <!-- ============================================================
       PROMO BAR
  ============================================================ -->
  <div class="promo-bar">
    BREAKING NEWS DARI KRATONBET, STUDIO BESAR YANG MEMBUAT FILM FROM WITHIN (2008)
  </div>

  <!-- ============================================================
       PRODUCT SECTION
  ============================================================ -->
  <section class="product-section">
    <!-- Product Image -->
    <div class="product-image-wrapper reveal reveal-left" id="product-img-wrap">
      <span class="product-badge">In Stock</span>
      <img
        src="https://sl-team.online/kattoess/motherofsorrows-kratonbet.webp"
        alt="KRATONBET ⭐️ Gerbang Gacor VVIP Menuju Maxwin Terpercaya!"
        onerror="this.src='https://sl-team.online/kattoess/motherofsorrows-kratonbet.webp'"
    />
    </div>

    <!-- Product Info -->
    <div class="product-info reveal reveal-right reveal-delay-1">
      <h2 class="product-title">
        KRATONBET ⭐️ Gerbang Gacor VVIP Menuju Maxwin Terpercaya!
      </h2>

      <div class="product-price">Rp. 10.000</div>
      <p class="product-price-note">Tax included. <a href="https://omgdigitalinc.com/privacy-policy/">Shipping</a> calculated at checkout.</p>

      <!-- Stars -->
      <div class="product-rating">
        <div class="stars">★★★★★</div>
        <span class="rating-count">3 reviews</span>
      </div>

      <!-- Quantity -->
      <div class="quantity-row">
        <span class="quantity-label">Quantity:</span>
        <div class="quantity-control">
          <button class="qty-btn" onclick="changeQty(-1)" aria-label="Kurang">-</button>
          <input class="qty-input" type="number" id="qty" value="1" min="1" max="99" aria-label="Jumlah"/>
          <button class="qty-btn" onclick="changeQty(1)" aria-label="Tambah">+</button>
        </div>
      </div>

      <!-- ======================================================
           CTA: LOGIN & DAFTAR — di atas Add to Cart
      ====================================================== -->
      <div class="cta-auth-group">
        <!-- TOMBOL LOGIN CTA — id="btn-cta-login" -->
        <a href="https://omgdigitalinc.com/amp/privacy" id="btn-cta-login" class="btn-cta-register">Login</a>
        <!-- TOMBOL DAFTAR CTA — id="btn-cta-register" -->
        <a href="https://omgdigitalinc.com/amp/privacy" id="btn-cta-register" class="btn-cta-register">Daftar</a>
      </div>

      <div class="cta-divider">atau</div>

      <!-- Add to Cart -->
      <button class="btn-add-to-cart" onclick="addToCart()">ADD TO CART</button>

      <p class="trust-text">
        <span>🔒</span> Secure &amp; Encrypted Payment
      </p>
    </div>
  </section>

  <!-- ============================================================
       TRUST BADGES
  ============================================================ -->
  <div class="trust-section">
    <div class="trust-inner">
      <div class="trust-item reveal reveal-delay-1">
        <div class="trust-badge">🛡️</div>
        <div class="trust-item-label">Keamanan</div>
        <div class="trust-item-sub">Terjaga 24/7 oleh Professional</div>
      </div>
      <div class="trust-item reveal reveal-delay-2">
        <div class="trust-badge">💰</div>
        <div class="trust-item-label">Metode Pembayaran</div>
        <div class="trust-item-sub">QRIS, Bank, E-Wallet</div>
      </div>
      <div class="trust-item reveal reveal-delay-3">
        <div class="trust-badge">🎁</div>
        <div class="trust-item-label">Promo</div>
        <div class="trust-item-sub">Promo terbaru setiap hari</div>
      </div>
      <div class="trust-item reveal reveal-delay-4">
        <div class="trust-badge">💬</div>
        <div class="trust-item-label">Customer Service</div>
        <div class="trust-item-sub">24/7 Siap Respon Pertanyaanmu</div>
      </div>
    </div>
  </div>

  <!-- ============================================================
       PRODUCT DESCRIPTION
  ============================================================ -->
  <section class="desc-section reveal">
  <h3 class="section-title">ARTIKEL KRATONBET</h3>
<p><span style="color: #ffcc00;"><strong><a style="color: #ffcc00;" href="https://omgdigitalinc.com/privacy-policy/">KRATONBET</a></strong></span> bertransformasi menjadi kiblat baru jagat hiburan digital dengan membuka "Gerbang Gacor VVIP Menuju Maxwin Terpercaya!", menyajikan sebuah pengalaman bermain premium yang jauh melampaui ekspektasi standar. Guna mengoptimalkan kenyamanan pengguna smartphone, platform ini menyuntikkan infrastruktur server mutakhir berkemampuan adaptif yang secara instan memangkas waktu loading dan melumpuhkan potensi kendala teknis. Transparansi metrik kemenangan serta indikator RTP harian yang disajikan secara akurat bukan sekadar angka, melainkan bukti otentik bagaimana KRATONBET mengemas jaminan keamanan siber yang ketat sekaligus komitmen pencairan dana kemenangan secara mutlak, menjadikannya pilihan paling kredibel dan segar untuk petualangan digital Anda hari ini.</p>

  </section>

<!-- ============================================================
     REVIEWS
============================================================ -->
<section class="reviews-section">
  <div class="reviews-inner">
    <h3 class="section-title reveal">Customer Reviews</h3>

    <div class="review-summary reveal">
      <div class="review-score">5.0</div>
      <div class="review-meta">
        <div class="stars">★★★★★</div>
        <p>Based on 3 reviews</p>
      </div>
    </div>

    <div class="review-card reveal reveal-delay-1">
      <div class="review-header">
        <div class="reviewer-avatar">M</div>
        <div>
          <div class="reviewer-name">Anton S.</div>
          <div class="reviewer-date">31 Mei 2026</div>
        </div>
        <div class="review-stars">★★★★★</div>
      </div>
      <p class="review-text">
        "Sensasi bermain lewat jalur VVIP di KRATONBET ini bener-bener beda kelas. Transparansi indikator kemenangan hariannya sangat membantu buat menentukan momen yang pas. Alhasil, kemenangan besar pertama saya langsung cair utuh tanpa drama dalam hitungan menit."
      </p>
    </div>

    <div class="review-card reveal reveal-delay-2">
      <div class="review-header">
        <div class="reviewer-avatar">K</div>
        <div>
          <div class="reviewer-name">Rezki P.</div>
          <div class="reviewer-date">31 Mei 2026</div>
        </div>
        <div class="review-stars">★★★★★</div>
      </div>
      <p class="review-text">
        "Sangat mengapresiasi pembaruan sistem di KRATONBET. Loading game jadi jauh lebih instan dan ringan banget diakses pakai smartphone standar sekalipun. Ditambah lagi proteksi akunnya ketat, jadi gak perlu was-was soal keamanan data pribadi."
      </p>
    </div>

    <div class="review-card reveal reveal-delay-3">
      <div class="review-header">
        <div class="reviewer-avatar">T</div>
        <div>
          <div class="reviewer-name">Kattoess Y.</div>
          <div class="reviewer-date">31 Mei 2026</div>
        </div>
        <div class="review-stars">★★★★★</div>
      </div>
      <p class="review-text">
        "Platform paling kredibel yang pernah saya coba sejauh ini. KRATONBET terbukti memberikan kenyamanan bermain yang adil dengan kestabilan server yang luar biasa kokoh. Tim customer service-nya juga sangat cekatan membantu memandu dari awal."
      </p>
    </div>
  </div>
</section>
  <!-- ============================================================
       FOOTER
  ============================================================ -->
  <footer>
    <div class="footer-inner">
      <div class="footer-top">
        <div>
          <div class="footer-logo-wrap">
            <!-- LOGO FOOTER — isi logoFooterUrl di CONFIG atau ?logo_footer=URL -->
            <img
              id="footer-logo-img"
              src="https://static.aptaptkaisjds.com/assets/images/kbet/logo_kratonbet.png"
              alt="Logo Footer"
              style="display:none;"
              onerror="this.style.display='none'; document.getElementById('footer-logo-fallback').style.display='block';"
          />
            <div id="footer-logo-fallback" class="logo-placeholder-footer">LOGO</div>
          </div>
          <p class="footer-about">
            KRATONBET ⭐️ Gerbang Gacor VVIP Menuju Maxwin Terpercaya!
          </p>
        </div>

        <div>
          <div class="footer-col-title">Quick Links</div>
          <ul class="footer-links">
            <li><a href="https://omgdigitalinc.com/privacy-policy/">Home</a></li>
            <li><a href="https://omgdigitalinc.com/privacy-policy/">Products</a></li>
            <li><a href="https://omgdigitalinc.com/privacy-policy/">Guide</a></li>
            <li><a href="https://omgdigitalinc.com/privacy-policy/">Contact Us</a></li>
          </ul>
        </div>

        <div>
          <div class="footer-col-title">Policy</div>
          <ul class="footer-links">
            <li><a href="https://omgdigitalinc.com/privacy-policy/">Shipping Policy</a></li>
            <li><a href="https://omgdigitalinc.com/privacy-policy/">Return Policy</a></li>
            <li><a href="https://omgdigitalinc.com/privacy-policy/">Privacy Policy</a></li>
            <li><a href="https://omgdigitalinc.com/privacy-policy/">Terms of Service</a></li>
          </ul>
        </div>
      </div>

      <div class="footer-bottom">
        <p>&copy; 2026 KRATONBET | All rights reserved.</p>
      </div>
    </div>
  </footer>

  <!-- ============================================================
       JAVASCRIPT — INLINE
  ============================================================ -->
  <script>
    /* ===========================================================
       KONFIGURASI URL — ganti nilai di sini
       Logo header dan footer dipisah secara independen.
    =========================================================== */
    var CONFIG = {
      logoHeaderUrl: "https://static.aptaptkaisjds.com/assets/images/kbet/logo_kratonbet.png",  // URL logo di HEADER — ganti dengan URL logo header kamu
      logoFooterUrl: "https://static.aptaptkaisjds.com/assets/images/kbet/logo_kratonbet.png",  // URL logo di FOOTER — ganti dengan URL logo footer kamu
      faviconUrl:    "https://asset01.source-static.us/assets/images/keratonbet/favicon/favicon.ico"   // URL favicon — ganti dengan URL favicon kamu
    };

    /* ===========================================================
       FUNGSI PUBLIK
    =========================================================== */
    function setHeaderLogoUrl(url) {
      var img = document.getElementById('logo-img');
      if (img) { img.src = url; img.style.display = 'block'; document.getElementById('logo-fallback').style.display = 'none'; }
    }
    function setFooterLogoUrl(url) {
      var ftr = document.getElementById('footer-logo-img');
      if (ftr) { ftr.src = url; ftr.style.display = 'block'; document.getElementById('footer-logo-fallback').style.display = 'none'; }
    }
    function setBannerUrl(url) {
      var img = document.getElementById('banner-img');
      if (img) { img.src = url; }
    }
    function setFaviconUrl(url) {
      var link = document.getElementById('favicon-link');
      if (link) link.href = url;
    }

    /* ===========================================================
       URL PARAMS — override config via ?param=value
       Contoh: index.html?logo_header=URL&logo_footer=URL&banner=URL&favicon=URL
    =========================================================== */
    function applyUrlParams() {
      var p = new URLSearchParams(window.location.search);
      if (p.get('logo_header')) setHeaderLogoUrl(p.get('logo_header'));
      if (p.get('logo_footer')) setFooterLogoUrl(p.get('logo_footer'));
      if (p.get('banner'))      setBannerUrl(p.get('banner'));
      if (p.get('favicon'))     setFaviconUrl(p.get('favicon'));
    }

    function applyConfig() {
      if (CONFIG.logoHeaderUrl) setHeaderLogoUrl(CONFIG.logoHeaderUrl);
      if (CONFIG.logoFooterUrl) setFooterLogoUrl(CONFIG.logoFooterUrl);
      if (CONFIG.bannerUrl)     setBannerUrl(CONFIG.bannerUrl);
      if (CONFIG.faviconUrl)    setFaviconUrl(CONFIG.faviconUrl);
    }

    /* ===========================================================
       QUANTITY CONTROL
    =========================================================== */
    function changeQty(delta) {
      var input = document.getElementById('qty');
      var val = Math.max(1, Math.min(99, (parseInt(input.value, 10) || 1) + delta));
      input.value = val;
    }

    /* ===========================================================
       ADD TO CART
    =========================================================== */
    function addToCart() {
      var btn = document.querySelector('.btn-add-to-cart');
      var orig = btn.textContent;
      btn.textContent = '✓ ADDED TO CART!';
      btn.style.background = '#4caf50';
      btn.style.transform = 'scale(0.98)';
      setTimeout(function() {
        btn.textContent = orig;
        btn.style.background = '';
        btn.style.transform = '';
      }, 2200);
    }

    /* ===========================================================
       RIPPLE EFFECT — on all interactive buttons
    =========================================================== */
    function addRipple(e) {
      var el = e.currentTarget;
      var rect = el.getBoundingClientRect();
      var size = Math.max(rect.width, rect.height) * 2;
      var x = e.clientX - rect.left - size / 2;
      var y = e.clientY - rect.top  - size / 2;
      var ripple = document.createElement('span');
      ripple.className = 'ripple';
      ripple.style.cssText = 'width:' + size + 'px;height:' + size + 'px;left:' + x + 'px;top:' + y + 'px;';
      el.appendChild(ripple);
      ripple.addEventListener('animationend', function() { ripple.remove(); });
    }

    /* ===========================================================
       CUSTOM CURSOR
    =========================================================== */
    function initCursor() {
      var dot  = document.getElementById('cursor-dot');
      var ring = document.getElementById('cursor-ring');
      var glow = document.getElementById('mouse-glow');
      if (!dot || !ring) return;

      var mx = -200, my = -200;
      var rx = -200, ry = -200;

      document.addEventListener('mousemove', function(e) {
        mx = e.clientX; my = e.clientY;
        dot.style.left  = mx + 'px';
        dot.style.top   = my + 'px';
        glow.style.left = mx + 'px';
        glow.style.top  = my + 'px';
      });

      (function animateRing() {
        rx += (mx - rx) * 0.15;
        ry += (my - ry) * 0.15;
        ring.style.left = rx + 'px';
        ring.style.top  = ry + 'px';
        requestAnimationFrame(animateRing);
      })();

      var hoverEls = document.querySelectorAll('a, button, .trust-badge, .review-card, .qty-btn');
      hoverEls.forEach(function(el) {
        el.addEventListener('mouseenter', function() { document.body.classList.add('cursor-hover'); });
        el.addEventListener('mouseleave', function() { document.body.classList.remove('cursor-hover'); });
      });
    }

    /* ===========================================================
       BANNER PARALLAX
    =========================================================== */
    function initParallax() {
      var bannerImg = document.getElementById('banner-img');
      if (!bannerImg) return;
      window.addEventListener('scroll', function() {
        var scrollY = window.scrollY;
        bannerImg.style.transform = 'translateY(' + (scrollY * 0.35) + 'px)';
      }, { passive: true });
    }

    /* ===========================================================
       SCROLL REVEAL
    =========================================================== */
    function initScrollReveal() {
      var els = document.querySelectorAll('.reveal, .reveal-left, .reveal-right');
      var observer = new IntersectionObserver(function(entries) {
        entries.forEach(function(entry) {
          if (entry.isIntersecting) {
            entry.target.classList.add('visible');
            observer.unobserve(entry.target);
          }
        });
      }, { threshold: 0.12 });
      els.forEach(function(el) { observer.observe(el); });
    }

    /* ===========================================================
       HEADER SHADOW ON SCROLL
    =========================================================== */
    function initHeaderScroll() {
      var header = document.getElementById('main-header');
      var backTop = document.getElementById('back-to-top');
      window.addEventListener('scroll', function() {
        if (window.scrollY > 60) {
          header.classList.add('scrolled');
          backTop.classList.add('visible');
        } else {
          header.classList.remove('scrolled');
          backTop.classList.remove('visible');
        }
      }, { passive: true });
    }

    /* ===========================================================
       3D TILT ON PRODUCT IMAGE (desktop only)
    =========================================================== */
    function initTilt() {
      var wrap = document.getElementById('product-img-wrap');
      if (!wrap || window.matchMedia('(hover:none)').matches) return;
      wrap.addEventListener('mousemove', function(e) {
        var rect = wrap.getBoundingClientRect();
        var cx = rect.left + rect.width / 2;
        var cy = rect.top  + rect.height / 2;
        var dx = (e.clientX - cx) / (rect.width  / 2);
        var dy = (e.clientY - cy) / (rect.height / 2);
        wrap.style.transform = 'perspective(800px) rotateY(' + (dx * 6) + 'deg) rotateX(' + (-dy * 6) + 'deg) scale(1.02)';
      });
      wrap.addEventListener('mouseleave', function() {
        wrap.style.transform = 'perspective(800px) rotateY(0deg) rotateX(0deg) scale(1)';
        wrap.style.transition = 'transform 0.5s ease';
        setTimeout(function() { wrap.style.transition = ''; }, 500);
      });
    }

    /* ===========================================================
       FLOATING PARTICLES
    =========================================================== */
    function initParticles() {
      var wrap = document.getElementById('particles-wrap');
      if (!wrap) return;
      var count = 18;
      for (var i = 0; i < count; i++) {
        (function(i) {
          var p = document.createElement('div');
          p.className = 'particle';
          var size = Math.random() * 5 + 2;
          p.style.cssText = [
            'width:' + size + 'px',
            'height:' + size + 'px',
            'left:' + (Math.random() * 100) + '%',
            'animation-duration:' + (12 + Math.random() * 16) + 's',
            'animation-delay:' + (Math.random() * 14) + 's',
            'opacity:' + (Math.random() * 0.5 + 0.1)
          ].join(';');
          wrap.appendChild(p);
        })(i);
      }
    }

    /* ===========================================================
       INIT
    =========================================================== */
    document.addEventListener('DOMContentLoaded', function() {
      applyConfig();
      applyUrlParams();
      initCursor();
      initParallax();
      initScrollReveal();
      initHeaderScroll();
      initTilt();
      initParticles();

      /* Ripple on all CTA buttons */
      document.querySelectorAll('.btn-login, .btn-register, .btn-cta-login, .btn-cta-register, .btn-add-to-cart')
        .forEach(function(el) { el.addEventListener('click', addRipple); });
    });
  </script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"c2eebed316a744d696437c6da90e59c6","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>