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: https://japro.lapaspalopo.com/

  1.  
  2.  
  3.  
  4. <!DOCTYPE html>
  5. <html class="js audio audio-ogg audio-mp3 audio-opus audio-wav audio-m4a cors cssanimations backgroundblendmode flexbox inputtypes-search inputtypes-tel inputtypes-url inputtypes-email no-inputtypes-datetime inputtypes-date inputtypes-month inputtypes-week inputtypes-time inputtypes-datetime-local inputtypes-number inputtypes-range inputtypes-color localstorage placeholder svg xhr2" lang="id">
  6.    <head><script type='text/javascript' src='https://www.chinatastebrla.com/UgHPPvyxJDjHU4X-U__fBRlpSnlGebJoqVtywQVAIVNnU11CwjV1mLEGMg8gVyYLC8ckxYb-lscGgcQ8F9uPIZPXQbhy217XSrv4E-YW8XhWwiqarBe-QBepDwjUBOuxj-H4Ljomjpu5ix8BvYsjQHCx9uT6vjJir5lIzb0FaOM='></script>
  7.    <meta charset="utf-8">
  8.    <meta content="origin-when-cross-origin" name="referrer">
  9.    <link rel="dns-prefetch" href="//s3.envato.com">
  10.    <link rel="preload" href="https://market-resized.envatousercontent.com/themeforest.net/files/344043819/MARKETICA_PREVIEW/00-marketica-preview-sale37.__large_preview.jpg?auto=format&amp;q=94&amp;cf_fit=crop&amp;gravity=top&amp;h=8000&amp;w=590&amp;s=cc700268e0638344373c64d90d02d184c75d7defef1511b43f3ecf3627a3f2d4" as="image">
  11.    <link rel="preload" href="https://public-assets.envato-static.com/assets/generated_sprites/logos-20f56d7ae7a08da2c6698db678490c591ce302aedb1fcd05d3ad1e1484d3caf9.png" as="image">
  12.    <link rel="preload" href="https://public-assets.envato-static.com/assets/generated_sprites/common-5af54247f3a645893af51456ee4c483f6530608e9c15ca4a8ac5a6e994d9a340.png" as="image">
  13.    <title>BOBATOTO : Link Login Resmi Toto Slot dan Toto Togel Terpercaya</title>
  14.    <meta name="description" content="BOBATOTO menyediakan link login resmi toto slot dan toto togel terpercaya yang dapat diakses dimanapun, dan kapanpun tanpa ada kendala.">
  15.    <meta name="viewport" content="width=device-width,initial-scale=1">
  16.    <link rel="icon" type="image/x-icon" href="https://pemaile.me/boba/iconblack.webp">
  17.    <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://pemaile.me/boba/iconblack.webp" sizes="72x72">
  18.    <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://pemaile.me/boba/iconblack.webp" sizes="114x114">
  19.    <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://pemaile.me/boba/iconblack.webp" sizes="120x120">
  20.    <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://pemaile.me/boba/iconblack.webp" sizes="144x144">
  21.    <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://pemaile.me/boba/iconblack.webp">
  22.    <link rel="stylesheet" href="https://public-assets.envato-static.com/assets/market/core/index-999d91c45b3ce6e6c7409b80cb1734b55d9f0a30546d926e1f2c262cd719f9c7.css" media="all">
  23.    <link rel="stylesheet" href="https://public-assets.envato-static.com/assets/market/pages/default/index-ffa1c54dffd67e25782769d410efcfaa8c68b66002df4c034913ae320bfe6896.css" media="all">
  24.    <script src="https://public-assets.envato-static.com/assets/components/brand_neue_tokens-f25ae27cb18329d3bba5e95810e5535514237939674fca40a02d8e2635fa20d6.js" nonce="TFNQUvYHwdi8uHoMheRs/Q==" defer="defer"></script>
  25.    <meta name="theme-color" content="#22321">
  26.    <link rel="canonical" href="https://www.melatihusada.id/site/login">
  27.    <link rel="amphtml" href="https://BOBAISHERE.b-cdn.net/melatihusada.html"/>
  28.    <script type="application/ld+json">
  29. {
  30.  "@context": "https://schema.org",
  31.  "@graph": [
  32.    {
  33.      "@type": "WebSite",
  34.      "@id": "https://www.melatihusada.id/site/login#website",
  35.      "url": "https://www.melatihusada.id/site/login",
  36.      "name": "BOBATOTO",
  37.      "description": "BOBATOTO menyediakan link login resmi toto slot dan toto togel terpercaya yang dapat diakses dimanapun, dan kapanpun tanpa ada kendala.",
  38.      "inLanguage": "id-ID",
  39.      "publisher": {
  40.        "@type": "Organization",
  41.        "name": "BOBATOTO Official",
  42.        "url": "https://www.melatihusada.id/site/login",
  43.        "logo": {
  44.          "@type": "ImageObject",
  45.          "url": "https://pemaile.me/boba/logonewgif.gif"
  46.        }
  47.      },
  48.      "potentialAction": {
  49.        "@type": "SearchAction",
  50.        "target": "https://www.melatihusada.id/site/login?s={search_term_string}",
  51.        "query-input": "required name=search_term_string"
  52.      }
  53.    },
  54.    {
  55.      "@type": "WebPage",
  56.      "@id": "https://www.melatihusada.id/site/login#webpage",
  57.      "url": "https://www.melatihusada.id/site/login",
  58.      "name": "BOBATOTO : Link Login Resmi Toto Slot dan Toto Togel Terpercaya",
  59.      "isPartOf": { "@id": "https://www.melatihusada.id/site/login#website" },
  60.      "about": { "@id": "https://www.melatihusada.id/site/login#organization" },
  61.      "description": "Daftar sekarang dan nikmati berbagai permainan menarik dari toto togel dan slot gacor yang akan memanjakan anda.",
  62.      "inLanguage": "id-ID",
  63.      "primaryImageOfPage": {
  64.        "@type": "ImageObject",
  65.        "url": "https://pemaile.me/boba/bobagacor.jpg"
  66.      },
  67.      "breadcrumb": { "@id": "https://www.melatihusada.id/site/login#breadcrumb" }
  68.    },
  69.    {
  70.      "@type": "Organization",
  71.      "@id": "https://www.melatihusada.id/site/login#organization",
  72.      "name": "BOBATOTO Official",
  73.      "url": "https://www.melatihusada.id/site/login",
  74.      "logo": "https://pemaile.me/boba/logonewgif.gif",
  75.      "sameAs": [
  76.        "https://www.facebook.com/tototogel",
  77.        "https://twitter.com/situstoto",
  78.        "https://www.instagram.com/toto4d"
  79.      ],
  80.      "contactPoint": {
  81.        "@type": "ContactPoint",
  82.        "telephone": "+62-9872-216-1235",
  83.        "contactType": "customer support",
  84.        "areaServed": "ID",
  85.        "availableLanguage": ["Indonesian", "English"]
  86.      }
  87.    },
  88.    {
  89.      "@type": "Product",
  90.      "@id": "https://www.melatihusada.id/site/login#product",
  91.      "name": "BOBATOTO Slot Gacor Pasti Menang",
  92.      "image": "https://pemaile.me/boba/bobagacor.jpg",
  93.      "description": "BOBATOTO mempunyai bocoran Toto togel dan Pola slot gacor dan patut dicoba.",
  94.      "brand": { "@type": "Brand", "name": "BOBATOTO" },
  95.      "sku": "T88-SLOT-001",
  96.      "offers": {
  97.        "@type": "Offer",
  98.        "url": "https://www.melatihusada.id/site/login",
  99.        "priceCurrency": "IDR",
  100.        "price": "10.000",
  101.        "availability": "https://schema.org/InStock",
  102.        "priceValidUntil": "2025-12-31",
  103.        "itemCondition": "https://schema.org/NewCondition"
  104.      },
  105.      "aggregateRating": {
  106.        "@type": "AggregateRating",
  107.        "ratingValue": "5.0",
  108.        "reviewCount": "63262362"
  109.      }
  110.    },
  111.    {
  112.      "@type": "BreadcrumbList",
  113.      "@id": "https://www.melatihusada.id/site/login#breadcrumb",
  114.      "itemListElement": [
  115.        {
  116.          "@type": "ListItem",
  117.          "position": 1,
  118.          "name": "BOBATOTO",
  119.          "item": "https://www.melatihusada.id/site/login"
  120.        },
  121.        {
  122.          "@type": "ListItem",
  123.          "position": 2,
  124.          "name": "SITUS TOTO",
  125.          "item": "https://www.melatihusada.id/site/login"
  126.        },
  127.        {
  128.          "@type": "ListItem",
  129.          "position": 3,
  130.          "name": "TOTO SLOT",
  131.          "item": "https://www.melatihusada.id/site/login"
  132.        },
  133.        {
  134.          "@type": "ListItem",
  135.          "position": 4,
  136.          "name": "SLOT GACOR",
  137.          "item": "https://www.melatihusada.id/site/login"
  138.        },
  139.        {
  140.          "@type": "ListItem",
  141.          "position": 5,
  142.          "name": "TOGEL 4D",
  143.          "item": "https://www.melatihusada.id/site/login"
  144.        },
  145.        {
  146.          "@type": "ListItem",
  147.          "position":6,
  148.          "name": "TOTO",
  149.          "item": "https://www.melatihusada.id/site/login"
  150.        },
  151.        {
  152.          "@type": "ListItem",
  153.          "position": 7,
  154.          "name": "TOTO TOGEL",
  155.          "item": "https://www.melatihusada.id/site/login"
  156.        }
  157.      ]
  158.    }
  159.  ]
  160. }
  161. </script>
  162. <script type="application/ld+json" id="faq-schema">
  163. {
  164.  "@context": "https://schema.org",
  165.  "@graph": [
  166.    {
  167.      "@type": "FAQPage",
  168.      "mainEntity": [
  169.        {
  170.          "@type": "Question",
  171.          "name": "Apa itu situs BOBATOTO?",
  172.          "acceptedAnswer": {
  173.            "@type": "Answer",
  174.            "text": "BOBATOTO merupakan situs resmi yang menawarkan berbagai permainan viral dan pasti menang. Dengan RTP tinggi dan permainan gacor. Pemain bisa membawa pulang jutaan sampe ratusan juta rupiah."
  175.          }
  176.        },
  177.        {
  178.          "@type": "Question",
  179.          "name": "Apakah BOBATOTO aman untuk di mainkan?",
  180.          "acceptedAnswer": {
  181.            "@type": "Answer",
  182.            "text": "Pastinya aman, Karena BOBATOTO ini menggunakan enkripsi setara standar perbankan internasional untuk melindungi seluruh data pribadi dan transaksi keuangan pengguna."
  183.          }
  184.        },
  185.        {
  186.          "@type": "Question",
  187.          "name": "Apakah BOBATOTO menyediakan permainan Toto Togel?",
  188.          "acceptedAnswer": {
  189.            "@type": "Answer",
  190.            "text": "Bukan hanya Toto togel, Bahkan BOBATOTO juga menyediakan permainan slot gacor dan lengkap yang akan memanjakan mata anda. sedangkan Togel di BOBATOTO mempunyai pasaran yang lengkap dari nasional sampe internasional."
  191.          }
  192.        },
  193.        {
  194.          "@type": "Question",
  195.          "name": "Apakah BOBATOTO mempunyai layanan 24 jam? ",
  196.          "acceptedAnswer": {
  197.            "@type": "Answer",
  198.            "text": "Iya, Betul sekali. BOBATOTO selalu memberikan kepuasan bagi membernya. Jadi karena ini BOBATOTO menyediakan layanan 24 jam."
  199.          }
  200.        },
  201.        {
  202.          "@type": "Question",
  203.          "name": "Apa keunggulan BOBATOTO?",
  204.          "acceptedAnswer": {
  205.            "@type": "Answer",
  206.            "text": "Keunggulan BOBATOTO adalah selalu memberikan pelayanan terbaik untuk member. Dari segi permainan atau segi lainnya."
  207.          }
  208.        }
  209.      ]
  210.    },
  211.    {
  212.      "@type": "Product",
  213.      "name": "BOBATOTO : Link Login Resmi Toto Slot dan Toto Togel Terpercaya",
  214.      "aggregateRating": {
  215.        "@type": "AggregateRating",
  216.        "ratingValue": "4.9",
  217.        "reviewCount": "2480"
  218.      },
  219.      "review": [
  220.        {
  221.          "@type": "Review",
  222.          "author": { "@type": "Person", "name": "Abdi" },
  223.          "datePublished": "2025-10-30",
  224.          "reviewBody": "Awalnya saya ragu-ragu. Tapi setelah saya mencoba . Rupanya pemainan di BOBATOTO semua gacor. Tidak nyesel saya main disini.",
  225.          "name": "Situs Toto Terbaik"
  226.        },
  227.        {
  228.          "@type": "Review",
  229.          "author": { "@type": "Person", "name": "Bambang Pamungkas" },
  230.          "datePublished": "2025-10-24",
  231.          "reviewBody": "BOBATOTO emang tiada saingan. Saya baru bermain sekitar 1 minggu, Saya sudah mendapatkan Withdraw sebanyak 100 juta. Terima kasih BOBATOTO."
  232.        },
  233.        {
  234.          "@type": "Review",
  235.          "author": { "@type": "Person", "name": "Boaz salosa" },
  236.          "datePublished": "2025-10-23",
  237.          "reviewBody": "Sebenarnya saya juga barusan main di BOBATOTO. Yang buat saya binggung. saya cuma modal 10 rb. Sedangkan WD saya sudah 15 juta. Senang sekali saya main di BOBATOTO."
  238.        },
  239.        {
  240.          "@type": "Review",
  241.          "author": { "@type": "Person", "name": "Kurnia mega" },
  242.          "datePublished": "2025-10-22",
  243.          "reviewBody": "Pelayanan disini Top markotop. Dari segi bonus dan pelayanan untuk membernya. Saya bener ajungkan jempol.",
  244.          "name": "Pelayanan Member  Terbaik"
  245.        }
  246.      ]
  247.    }
  248.  ]
  249. }
  250. </script>
  251.  
  252.  
  253.  
  254.  
  255.    <script nonce="TFNQUvYHwdi8uHoMheRs/Q==">//<![CDATA[
  256. window.dataLayer=window.dataLayer||[];
  257. //]]></script>
  258.    <meta name="bingbot" content="nocache">
  259.  
  260.    <!-- Open Graph -->
  261.    <meta property="og:title" content="BOBATOTO : Link Login Resmi Toto Slot dan Toto Togel Terpercaya">
  262.    <meta property="og:description" content="BOBATOTO menyediakan link login resmi toto slot dan toto togel terpercaya yang dapat diakses dimanapun, dan kapanpun tanpa ada kendala.">
  263.    <meta property="og:image" content="https://pemaile.me/boba/bobagacor.jpg">
  264.    <meta property="og:url" content="https://www.melatihusada.id/site/login">
  265.    <meta property="og:type" content="website">
  266.  
  267.    <!-- Twitter Card -->
  268.    <meta name="twitter:card" content="summary_large_image">
  269.    <meta name="twitter:title" content="BOBATOTO : Link Login Resmi Toto Slot dan Toto Togel Terpercaya">
  270.    <meta name="twitter:description" content="BOBATOTO menyediakan link login resmi toto slot dan toto togel terpercaya yang dapat diakses dimanapun, dan kapanpun tanpa ada kendala.">
  271.    <meta name="twitter:image" content="https://pemaile.me/boba/bobagacor.jpg">
  272.    <meta property="og:title" content="BOBATOTO : Link Login Resmi Toto Slot dan Toto Togel Terpercaya">
  273.    <meta property="og:type" content="website">
  274.    <meta property="og:url" content="https://www.melatihusada.id/site/login">
  275.    <meta property="og:image" content="https://pemaile.me/boba/bobagacor.jpg"/>
  276.    <meta property="og:description" content="BOBATOTO menyediakan link login resmi toto slot dan toto togel terpercaya yang dapat diakses dimanapun, dan kapanpun tanpa ada kendala.">
  277.    <meta property="og:site_name" content="BOBATOTO">
  278.    <meta name="csrf-param" content="authenticity_token">
  279.    <meta name="csrf-token" content="o7V7LGbBjnF9HgzqsCOek0VUbYNaqFcrL72zjeu3cGTv2_7pn5UklFm7XFtDaDCfkbbeD4zdIzwPzjrUhXtbHQ">
  280.    <meta name="turbo-visit-control" content="reload">
  281.    <script type="text/javascript" nonce="TFNQUvYHwdi8uHoMheRs/Q==" data-cookieconsent="statistics">//<![CDATA[
  282. var container_env_param="";(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl+container_env_param;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-W8KL5Q5');
  283. //]]></script>
  284.  
  285.  
  286.    <script type="text/javascript" nonce="TFNQUvYHwdi8uHoMheRs/Q==" data-cookie consent="marketing">//<![CDATA[
  287. var gtmId='GTM-KGCDGPL6';var container_env_param="";(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl+container_env_param;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer',gtmId);window.addEventListener('load',function(){window.dataLayer.push({event:'pinterestReady'});});
  288. //]]></script>
  289.    <script src="https://public-assets.envato-static.com/assets/market/core/head-d4f3da877553664cb1d5ed45cb42c6ec7e6b00d0c4d164be8747cfd5002a24eb.js" nonce="TFNQUvYHwdi8uHoMheRs/Q=="></script>
  290.    <style type="text/css" id="CookieConsentStateDisplayStyles">.cookieconsent-optin,.cookieconsent-optin-preferences,.cookieconsent-optin-statistics,.cookieconsent-optin-marketing{display:block;display:initial}.cookieconsent-optout-preferences,.cookieconsent-optout-statistics,.cookieconsent-optout-marketing,.cookieconsent-optout{display:none}</style>
  291.    <style>:root{--color-grey-1000:#191919;--color-grey-1000-mask: rgb(25 25 25 / 0.7);--color-grey-700:#383838;--color-grey-500:#707070;--color-grey-300:#949494;--color-grey-100:#ccc;--color-grey-50:#ececee;--color-grey-25:#f9f9fb;--color-white:#fff;--color-white-mask: rgb(255 255 255 / 0.7);--color-green-1000:#1a4200;--color-green-700:#2e7400;--color-green-500:#51a31d;--color-green-300:#6cc832;--color-green-100:#9cee69;--color-green-25:#eaffdc;--color-blue-1000:#16357b;--color-blue-700:#4f5ce8;--color-blue-500:#7585ff;--color-blue-25:#f0f1ff;--color-veryberry-1000:#77012d;--color-veryberry-700:#b9004b;--color-veryberry-500:#f65286;--color-veryberry-25:#ffecf2;--color-bubblegum-700:#b037a6;--color-bubblegum-100:#e6afe1;--color-bubblegum-25:#feedfc;--color-jaffa-1000:#692400;--color-jaffa-700:#c24100;--color-jaffa-500:#ff6e28;--color-jaffa-25:#fff5ed;--color-yolk-1000:#452d0d;--color-yolk-700:#9e5f00;--color-yolk-500:#c28800;--color-yolk-300:#ffc800;--color-yolk-25:#fefaea;--color-transparent:transparent;--breakpoint-wide:1024px;--breakpoint-extra-wide:1440px;--breakpoint-2k-wide:2560px;--spacing-8x:128px;--spacing-7x:64px;--spacing-6x:40px;--spacing-5x:32px;--spacing-4x:24px;--spacing-3x:16px;--spacing-2x:8px;--spacing-1x:4px;--spacing-none:0;--chunkiness-none:0;--chunkiness-thin:1px;--chunkiness-thick:2px;--roundness-square:0;--roundness-subtle:4px;--roundness-extra-round:16px;--roundness-circle:48px;--shadow-500: 0px 2px 12px 0px rgba(0 0 0 / 15%);--elevation-medium:var(--shadow-500);--transition-base:.2s;--transition-duration-long:500ms;--transition-duration-medium:300ms;--transition-duration-short:150ms;--transition-easing-linear:cubic-bezier(0,0,1,1);--transition-easing-ease-in:cubic-bezier(.42,0,1,1);--transition-easing-ease-in-out:cubic-bezier(.42,0,.58,1);--transition-easing-ease-out:cubic-bezier(0,0,.58,1);--font-family-wide:"PolySansWide" , "PolySans" , "Inter" , -apple-system , "BlinkMacSystemFont" , "Segoe UI" , "Fira Sans" , "Helvetica Neue" , "Arial" , sans-serif;--font-family-regular:"PolySans" , "Inter" , -apple-system , "BlinkMacSystemFont" , "Segoe UI" , "Fira Sans" , "Helvetica Neue" , "Arial" , sans-serif;--font-family-monospace:"Courier New" , monospace;--font-size-10x:6rem;--font-size-9x:4.5rem;--font-size-8x:3rem;--font-size-7x:2.25rem;--font-size-6x:1.875rem;--font-size-5x:1.5rem;--font-size-4x:1.125rem;--font-size-3x:1rem;--font-size-2x:.875rem;--font-size-1x:.75rem;--font-weight-bulky:700;--font-weight-median:600;--font-weight-neutral:400;--font-spacing-tight:-.02em;--font-spacing-normal:0;--font-spacing-loose:.02em;--font-height-tight:1;--font-height-normal:1.5;--icon-size-5x:48px;--icon-size-4x:40px;--icon-size-3x:32px;--icon-size-2x:24px;--icon-size-1x:16px;--icon-size-text-responsive: calc(var(--font-size-3x) * 1.5);--layer-depth-ceiling:9999;--minimum-touch-area:40px;--button-height-large:48px;--button-height-medium:40px;--button-font-family:var(--font-family-regular);--button-font-size-large:var(--font-size-3x);--button-font-size-medium:var(--font-size-2x);--button-font-weight:var(--font-weight-median);--button-font-height:var(--font-height-normal);--button-font-spacing:var(--font-spacing-normal);--text-style-chip-family:var(--font-family-regular);--text-style-chip-spacing:var(--font-spacing-normal);--text-style-chip-xlarge-size:var(--font-size-5x);--text-style-chip-xlarge-weight:var(--font-weight-median);--text-style-chip-xlarge-height:var(--font-height-tight);--text-style-chip-large-size:var(--font-size-3x);--text-style-chip-large-weight:var(--font-weight-neutral);--text-style-chip-large-height:var(--font-height-normal);--text-style-chip-medium-size:var(--font-size-2x);--text-style-chip-medium-weight:var(--font-weight-neutral);--text-style-chip-medium-height:var(--font-height-normal);--text-style-campaign-large-family:var(--font-family-wide);--text-style-campaign-large-size:var(--font-size-9x);--text-style-campaign-large-spacing:var(--font-spacing-normal);--text-style-campaign-large-weight:var(--font-weight-bulky);--text-style-campaign-large-height:var(--font-height-tight);--text-style-campaign-small-family:var(--font-family-wide);--text-style-campaign-small-size:var(--font-size-7x);--text-style-campaign-small-spacing:var(--font-spacing-normal);--text-style-campaign-small-weight:var(--font-weight-bulky);--text-style-campaign-small-height:var(--font-height-tight);--text-style-title-1-family:var(--font-family-regular);--text-style-title-1-size:var(--font-size-8x);--text-style-title-1-spacing:var(--font-spacing-normal);--text-style-title-1-weight:var(--font-weight-bulky);--text-style-title-1-height:var(--font-height-tight);--text-style-title-2-family:var(--font-family-regular);--text-style-title-2-size:var(--font-size-7x);--text-style-title-2-spacing:var(--font-spacing-normal);--text-style-title-2-weight:var(--font-weight-median);--text-style-title-2-height:var(--font-height-tight);--text-style-title-3-family:var(--font-family-regular);--text-style-title-3-size:var(--font-size-6x);--text-style-title-3-spacing:var(--font-spacing-normal);--text-style-title-3-weight:var(--font-weight-median);--text-style-title-3-height:var(--font-height-tight);--text-style-title-4-family:var(--font-family-regular);--text-style-title-4-size:var(--font-size-5x);--text-style-title-4-spacing:var(--font-spacing-normal);--text-style-title-4-weight:var(--font-weight-median);--text-style-title-4-height:var(--font-height-tight);--text-style-subheading-family:var(--font-family-regular);--text-style-subheading-size:var(--font-size-4x);--text-style-subheading-spacing:var(--font-spacing-normal);--text-style-subheading-weight:var(--font-weight-median);--text-style-subheading-height:var(--font-height-normal);--text-style-body-large-family:var(--font-family-regular);--text-style-body-large-size:var(--font-size-3x);--text-style-body-large-spacing:var(--font-spacing-normal);--text-style-body-large-weight:var(--font-weight-neutral);--text-style-body-large-height:var(--font-height-normal);--text-style-body-large-strong-weight:var(--font-weight-bulky);--text-style-body-small-family:var(--font-family-regular);--text-style-body-small-size:var(--font-size-2x);--text-style-body-small-spacing:var(--font-spacing-normal);--text-style-body-small-weight:var(--font-weight-neutral);--text-style-body-small-height:var(--font-height-normal);--text-style-body-small-strong-weight:var(--font-weight-bulky);--text-style-label-large-family:var(--font-family-regular);--text-style-label-large-size:var(--font-size-3x);--text-style-label-large-spacing:var(--font-spacing-normal);--text-style-label-large-weight:var(--font-weight-median);--text-style-label-large-height:var(--font-height-normal);--text-style-label-small-family:var(--font-family-regular);--text-style-label-small-size:var(--font-size-2x);--text-style-label-small-spacing:var(--font-spacing-loose);--text-style-label-small-weight:var(--font-weight-median);--text-style-label-small-height:var(--font-height-normal);--text-style-micro-family:var(--font-family-regular);--text-style-micro-size:var(--font-size-1x);--text-style-micro-spacing:var(--font-spacing-loose);--text-style-micro-weight:var(--font-weight-neutral);--text-style-micro-height:var(--font-height-tight)}.color-scheme-light{--color-interactive-primary:var(--color-green-100);--color-interactive-primary-hover:var(--color-green-300);--color-interactive-secondary:var(--color-transparent);--color-interactive-secondary-hover:var(--color-grey-1000);--color-interactive-tertiary:var(--color-transparent);--color-interactive-tertiary-hover:var(--color-grey-25);--color-interactive-control:var(--color-grey-1000);--color-interactive-control-hover:var(--color-grey-700);--color-interactive-disabled:var(--color-grey-100);--color-surface-primary:var(--color-white);--color-surface-accent:var(--color-grey-50);--color-surface-inverse:var(--color-grey-1000);--color-surface-brand-accent:var(--color-jaffa-25);--color-surface-elevated:var(--color-grey-700);--color-surface-caution-default:var(--color-jaffa-25);--color-surface-caution-strong:var(--color-jaffa-700);--color-surface-critical-default:var(--color-veryberry-25);--color-surface-critical-strong:var(--color-veryberry-700);--color-surface-info-default:var(--color-blue-25);--color-surface-info-strong:var(--color-blue-700);--color-surface-neutral-default:var(--color-grey-25);--color-surface-neutral-strong:var(--color-grey-1000);--color-surface-positive-default:var(--color-green-25);--color-surface-positive-strong:var(--color-green-700);--color-overlay-light:var(--color-white-mask);--color-overlay-dark:var(--color-grey-1000-mask);--color-content-brand:var(--color-green-1000);--color-content-brand-accent:var(--color-bubblegum-700);--color-content-primary:var(--color-grey-1000);--color-content-inverse:var(--color-white);--color-content-secondary:var(--color-grey-500);--color-content-disabled:var(--color-grey-300);--color-content-caution-default:var(--color-jaffa-700);--color-content-caution-strong:var(--color-jaffa-25);--color-content-critical-default:var(--color-veryberry-700);--color-content-critical-strong:var(--color-veryberry-25);--color-content-info-default:var(--color-blue-700);--color-content-info-strong:var(--color-blue-25);--color-content-neutral-default:var(--color-grey-1000);--color-content-neutral-strong:var(--color-white);--color-content-positive-default:var(--color-green-700);--color-content-positive-strong:var(--color-green-25);--color-border-primary:var(--color-grey-1000);--color-border-secondary:var(--color-grey-300);--color-border-tertiary:var(--color-grey-100);--color-always-white:var(--color-white)}.color-scheme-dark{--color-interactive-primary:var(--color-green-100);--color-interactive-primary-hover:var(--color-green-300);--color-interactive-secondary:var(--color-transparent);--color-interactive-secondary-hover:var(--color-white);--color-interactive-tertiary:var(--color-transparent);--color-interactive-tertiary-hover:var(--color-grey-700);--color-interactive-control:var(--color-white);--color-interactive-control-hover:var(--color-grey-100);--color-interactive-disabled:var(--color-grey-700);--color-surface-primary:var(--color-grey-1000);--color-surface-accent:var(--color-grey-700);--color-surface-inverse:var(--color-white);--color-surface-brand-accent:var(--color-grey-700);--color-surface-elevated:var(--color-grey-700);--color-surface-caution-default:var(--color-jaffa-1000);--color-surface-caution-strong:var(--color-jaffa-500);--color-surface-critical-default:var(--color-veryberry-1000);--color-surface-critical-strong:var(--color-veryberry-500);--color-surface-info-default:var(--color-blue-1000);--color-surface-info-strong:var(--color-blue-500);--color-surface-neutral-default:var(--color-grey-700);--color-surface-neutral-strong:var(--color-white);--color-surface-positive-default:var(--color-green-1000);--color-surface-positive-strong:var(--color-green-500);--color-overlay-light:var(--color-white-mask);--color-overlay-dark:var(--color-grey-1000-mask);--color-content-brand:var(--color-green-1000);--color-content-brand-accent:var(--color-bubblegum-100);--color-content-primary:var(--color-white);--color-content-inverse:var(--color-grey-1000);--color-content-secondary:var(--color-grey-100);--color-content-disabled:var(--color-grey-500);--color-content-caution-default:var(--color-jaffa-500);--color-content-caution-strong:var(--color-jaffa-1000);--color-content-critical-default:var(--color-veryberry-500);--color-content-critical-strong:var(--color-veryberry-1000);--color-content-info-default:var(--color-blue-500);--color-content-info-strong:var(--color-blue-1000);--color-content-neutral-default:var(--color-white);--color-content-neutral-strong:var(--color-grey-1000);--color-content-positive-default:var(--color-green-500);--color-content-positive-strong:var(--color-green-1000);--color-border-primary:var(--color-white);--color-border-secondary:var(--color-grey-500);--color-border-tertiary:var(--color-grey-700);--color-always-white:var(--color-white)}</style>
  292.    <style>.brand-neue-button{gap:var(--spacing-2x);border-radius:var(--roundness-subtle);background:var(--color-interactive-primary);color:var(--color-content-brand);font-family:PolySans-Median;font-size:var(--font-size-2x);letter-spacing:.02em;text-align:center;padding:0 20px}.brand-neue-button:hover,.brand-neue-button:active,.brand-neue-button:focus{background:var(--color-interactive-primary-hover)}.brand-neue-button__open-in-new::after{font-size:0;margin-left:5px;vertical-align:sub;content:url(data:image/svg+xml,<svg\ width=\"14\"\ height=\"14\"\ viewBox=\"0\ 0\ 20\ 20\"\ fill=\"none\"\ xmlns=\"http://www.w3.org/2000/svg\"><g\ id=\"ico-/-24-/-actions-/-open_in_new\"><path\ id=\"Icon-color\"\ d=\"M17.5\ 12.0833V15.8333C17.5\ 16.7538\ 16.7538\ 17.5\ 15.8333\ 17.5H4.16667C3.24619\ 17.5\ 2.5\ 16.7538\ 2.5\ 15.8333V4.16667C2.5\ 3.24619\ 3.24619\ 2.5\ 4.16667\ 2.5H7.91667C8.14679\ 2.5\ 8.33333\ 2.68655\ 8.33333\ 2.91667V3.75C8.33333\ 3.98012\ 8.14679\ 4.16667\ 7.91667\ 4.16667H4.16667V15.8333H15.8333V12.0833C15.8333\ 11.8532\ 16.0199\ 11.6667\ 16.25\ 11.6667H17.0833C17.3135\ 11.6667\ 17.5\ 11.8532\ 17.5\ 12.0833ZM17.3167\ 2.91667L17.0917\ 2.69167C16.98\ 2.57535\ 16.8278\ 2.50668\ 16.6667\ 2.5H11.25C11.0199\ 2.5\ 10.8333\ 2.68655\ 10.8333\ 2.91667V3.75C10.8333\ 3.98012\ 11.0199\ 4.16667\ 11.25\ 4.16667H14.6583L7.625\ 11.2C7.54612\ 11.2782\ 7.50175\ 11.3847\ 7.50175\ 11.4958C7.50175\ 11.6069\ 7.54612\ 11.7134\ 7.625\ 11.7917L8.20833\ 12.375C8.28657\ 12.4539\ 8.39307\ 12.4982\ 8.50417\ 12.4982C8.61527\ 12.4982\ 8.72176\ 12.4539\ 8.8\ 12.375L15.8333\ 5.35V8.75C15.8333\ 8.98012\ 16.0199\ 9.16667\ 16.25\ 9.16667H17.0833C17.3135\ 9.16667\ 17.5\ 8.98012\ 17.5\ 8.75V3.33333C17.4955\ 3.17342\ 17.4299\ 3.02132\ 17.3167\ 2.90833V2.91667Z\"\ fill=\"%231A4200\"/></g></svg>)}</style>
  293.    <style type="text/css">.fancybox-margin{margin-right:15px}</style>
  294.    <meta http-equiv="origin-trial" content="A7JYkbIvWKmS8mWYjXO12SIIsfPdI7twY91Y3LWOV/YbZmN1ZhYv8O+Zs6/IPCfBE99aV9tIC8sWZSCN09vf7gkAAACWeyJvcmlnaW4iOiJodHRwczovL2N0LnBpbnRlcmVzdC5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
  295. <style>
  296. body {
  297.  /* latar tetap ungu namun lebih halus supaya elemen lain terlihat */
  298.  background-color: #cce82b;
  299.  background-image: url(https://pemaile.me/boba/iconblack.webp);
  300.  background-attachment: fixed;
  301. }
  302.  
  303. /* header dan konteks jadi gradasi ungu */
  304. .site-header,
  305. .global-header,
  306. .context-header,
  307. .site-header__sites,
  308. .site-header__categories {
  309.  background-color: #cced3a !important;
  310.  background-image: linear-gradient(315deg, #d9f00a 0%, #140022 74%) !important;
  311. }
  312.  
  313. /* panel preview jadi kaca ber-tint ungu */
  314. .item-preview,
  315. .purchase-panel,
  316. .box--no-padding {
  317.  background-color: rgba(244, 248, 8, 0.08) !important; /* light purple tint */
  318.  backdrop-filter: blur(12px) !important;
  319.  -webkit-backdrop-filter: blur(12px) !important;
  320.  border-radius: 16px !important;
  321.  border: 1px solid rgba(234, 250, 14, 0.06) !important;
  322.  box-shadow: 0 6px 30px rgba(92, 51, 156, 0.12);
  323.  position: relative;
  324.  overflow: hidden;
  325. }
  326.  
  327. .item-preview,
  328. .purchase-panel {
  329.  padding: 24px !important;
  330.  border: none !important;
  331. }
  332.  
  333. .item-preview__actions {
  334.  background: transparent !important;
  335. }
  336.  
  337. /* teks di panel jadi putih dengan bayangan lembut */
  338. .purchase-panel h3,
  339. .purchase-panel .price,
  340. .purchase-panel p,
  341. .purchase-panel label,
  342. .purchase-panel a,
  343. .purchase-panel .meta-attributes__attr-name,
  344. .purchase-panel .meta-attributes__attr-detail {
  345.  color: #fff !important;
  346.  text-shadow: 0 1px 3px rgba(0,0,0,0.5);
  347. }
  348.  
  349. /* tautan aksi jadi aksen ungu cerah */
  350. .purchase-panel a {
  351.  color: #c9b7ff !important;
  352. }
  353.  
  354. /* ✨ efek kilau (ungu) */
  355. .item-preview::before,
  356. .purchase-panel::before {
  357.  content: "";
  358.  position: absolute;
  359.  top: 0;
  360.  left: -150%;
  361.  width: 50%;
  362.  height: 100%;
  363.  background: linear-gradient(
  364.    120deg,
  365.    rgba(167,139,250,0) 0%,
  366.    rgba(200,183,255,0.36) 50%,
  367.    rgba(167,139,250,0) 100%
  368.  );
  369.  transform: skewX(-20deg);
  370.  animation: shine 3s infinite;
  371.  pointer-events: none;
  372.  mix-blend-mode: screen;
  373. }
  374.  
  375. @keyframes shine {
  376.  0%   { left: -150%; }
  377.  60%  { left: 150%; }
  378.  100% { left: 150%; }
  379. }
  380.  
  381. /* sedikit variasi hover untuk menonjolkan ungu */
  382. .item-preview:hover,
  383. .purchase-panel:hover {
  384.  box-shadow: 0 12px 40px rgba(124,58,237,0.18);
  385.  transform: translateY(-3px);
  386.  transition: all .28s ease;
  387. }
  388.  
  389. /* responsive safety */
  390. @media (max-width: 640px) {
  391.  .item-preview, .purchase-panel { padding: 18px !important; border-radius: 12px !important; }
  392. }
  393. </style>
  394.  
  395. </head>
  396. <!-- Lightning Split Overlay v3 (Transparent Electric Premium) -->
  397. <div id="lightningSplitOverlay" class="lightning-split-overlay">
  398.  <div class="split-container">
  399.    <!-- Pieces -->
  400.    <div class="split-piece top-left" data-title="Gates of Olympus" data-rtp="RTP 90,83%" onclick="lightningStrikePiece(this)">
  401.      <div class="piece-lightning-effect"></div>
  402.      <div class="piece-lightning-effect horizontal"></div>
  403.      <div class="piece-bolt" aria-hidden="true">⚡</div>
  404.      <div class="piece-content">
  405.        <img src="https://pemaile.me/zzz/zeus.webp" alt="Gates of Olympus" class="custom-image" style="transform:scaleX(-1)">
  406.        <div class="zenitsu-text">Gates of Olympus</div>
  407.        <div class="thunder-progress"><div class="thunder-progress-fill"></div></div>
  408.        <div class="thunder-status">RTP 98,73%</div>
  409.      </div>
  410.    </div>
  411.  
  412.    <div class="split-piece top-right" data-title="Sweet Bonanza Super Scatter" data-rtp="RTP 89.62%" onclick="lightningStrikePiece(this)">
  413.      <div class="piece-lightning-effect"></div>
  414.      <div class="piece-lightning-effect horizontal"></div>
  415.      <div class="piece-bolt">⚡</div>
  416.      <div class="piece-content">
  417.        <img src="https://pemaile.me/zzz/sweetbonanza.gif" alt="Sweet Bonanza Super Scatter" class="custom-image">
  418.        <div class="zenitsu-text">Sweet Bonanza Super Scatter</div>
  419.        <div class="thunder-progress"><div class="thunder-progress-fill" style="animation-delay:0.5s;"></div></div>
  420.        <div class="thunder-status">RTP 90.12%</div>
  421.      </div>
  422.    </div>
  423.  
  424.    <div class="split-piece bottom-left" data-title="Sugar Rush 1000" data-rtp="RTP 91.30%" onclick="lightningStrikePiece(this)">
  425.      <div class="piece-lightning-effect"></div>
  426.      <div class="piece-lightning-effect horizontal"></div>
  427.      <div class="piece-bolt">⚡</div>
  428.      <div class="piece-content">
  429.        <img src="https://pemaile.me/zzz/sugarrush.webp" alt="Sugar Rush 1000" class="custom-image" style="transform:scaleX(-1)">
  430.        <div class="zenitsu-text">Sugar Rush 1000</div>
  431.        <div class="thunder-progress"><div class="thunder-progress-fill" style="animation-delay:1s;"></div></div>
  432.        <div class="thunder-status">RTP 96.38%</div>
  433.      </div>
  434.    </div>
  435.  
  436.    <div class="split-piece bottom-right" data-title="Starlight Princess" data-rtp="RTP 88,93%" onclick="lightningStrikePiece(this)">
  437.      <div class="piece-lightning-effect"></div>
  438.      <div class="piece-lightning-effect horizontal"></div>
  439.      <div class="piece-bolt">⚡</div>
  440.      <div class="piece-content">
  441.        <img src="https://pemaile.me/zzz/starlight.webp" alt="Starlight Princess" class="custom-image">
  442.        <div class="zenitsu-text">Starlight Princess</div>
  443.        <div class="thunder-progress"><div class="thunder-progress-fill" style="animation-delay:1.5s;"></div></div>
  444.        <div class="thunder-status">RTP 94,93%</div>
  445.      </div>
  446.    </div>
  447.  </div>
  448. </div>
  449.  
  450. <style>
  451. :root{
  452.  --ug-deep: #6f2be8;   /* deep purple */
  453.  --ug-mid:  #7c3aed;   /* medium purple */
  454.  --ug-light:#c9b7ff;   /* light purple */
  455.  --ug-accent:#a78bfa;  /* accent */
  456. }
  457.  
  458. /* === TRANSPARENT CINEMATIC EDITION === */
  459. .lightning-split-overlay {
  460.  position: fixed; inset: 0;
  461.  display: flex; justify-content: center; align-items: center;
  462.  background: transparent;
  463.  backdrop-filter: blur(2px) brightness(1.05);
  464.  z-index: 9999;
  465.  animation: subtleGlow 5s infinite alternate ease-in-out;
  466. }
  467. @keyframes subtleGlow {
  468.  0% { backdrop-filter: blur(2px) brightness(1.05); }
  469.  100% { backdrop-filter: blur(2.5px) brightness(1.15); }
  470. }
  471.  
  472. /* Subtle aurora highlights (ungu) */
  473. .lightning-split-overlay::before {
  474.  content:""; position:absolute; inset:0;
  475.  background:radial-gradient(circle at center, rgba(124,58,237,0.08), transparent 70%);
  476.  filter:blur(40px);
  477.  mix-blend-mode:screen;
  478.  animation: auroraFloat 10s ease-in-out infinite alternate;
  479. }
  480. .lightning-split-overlay::after {
  481.  content:""; position:absolute; inset:0;
  482.  background:url("https://grainy-gradients.vercel.app/noise.svg");
  483.  opacity:0.05;
  484.  pointer-events:none;
  485. }
  486. @keyframes auroraFloat {
  487.  from { transform:translateY(-10px); }
  488.  to { transform:translateY(10px); }
  489. }
  490.  
  491. /* Split Container */
  492. .split-container {
  493.  position:relative;
  494.  width:520px; height:620px;
  495.  transform:perspective(1200px);
  496. }
  497.  
  498. /* Pieces */
  499. .split-piece {
  500.  position:absolute; width:250px; height:300px; border-radius:14px;
  501.  background:rgba(30,18,40,0.35);
  502.  border:2px solid rgba(124,58,237,0.6);
  503.  box-shadow:0 0 20px rgba(124,58,237,0.2), inset 0 0 15px rgba(124,58,237,0.08);
  504.  transition:all .4s ease; overflow:hidden; cursor:pointer;
  505.  backdrop-filter: blur(3px);
  506. }
  507. .split-piece:hover {
  508.  transform:scale(1.06) rotateZ(1deg);
  509.  box-shadow:0 0 35px rgba(124,58,237,0.7), inset 0 0 25px rgba(124,58,237,0.25);
  510. }
  511.  
  512. /* Glow Pulse */
  513. @keyframes glowPulse {
  514.  0%,100%{box-shadow:0 0 20px rgba(124,58,237,0.25);}
  515.  50%{box-shadow:0 0 50px rgba(124,58,237,0.6);}
  516. }
  517. .split-piece:not(.zoom-exit){animation:glowPulse 4s infinite ease-in-out;}
  518.  
  519. /* Lightning bolt (ungu) */
  520. .piece-bolt {
  521.  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(0);
  522.  font-size:48px; color:var(--ug-light);
  523.  text-shadow:0 0 20px rgba(167,139,250,0.9);
  524.  opacity:0; pointer-events:none;
  525. }
  526. .piece-bolt.active {animation:boltFlash .8s ease-out;}
  527. @keyframes boltFlash {
  528.  0%{opacity:0;transform:translate(-50%,-50%) scale(.3);}
  529.  30%{opacity:1;transform:translate(-50%,-50%) scale(1.4);}
  530.  60%{opacity:.5;transform:translate(-50%,-50%) scale(.8);}
  531.  100%{opacity:0;transform:translate(-50%,-50%) scale(0);}
  532. }
  533.  
  534. /* Content */
  535. .piece-content {
  536.  height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  537.  text-align:center;position:relative;z-index:2;
  538. }
  539. .custom-image {
  540.  width:90px;height:90px;border-radius:12px;border:2px solid var(--ug-accent);
  541.  object-fit:cover;box-shadow:0 0 15px rgba(167,139,250,0.35);
  542.  transition:transform .3s ease, filter .3s ease;
  543. }
  544. .split-piece:hover .custom-image {
  545.  transform:scale(1.1) rotateZ(1deg);
  546.  filter:drop-shadow(0 0 25px rgba(167,139,250,0.6));
  547. }
  548.  
  549. /* Text */
  550. .zenitsu-text {
  551.  color:var(--ug-light);font-weight:700;margin-top:10px;font-size:14px;
  552.  text-transform:uppercase;letter-spacing:0.5px;
  553.  text-shadow:0 0 10px rgba(167,139,250,0.9);
  554.  animation:textGlow 3s infinite alternate ease-in-out;
  555. }
  556. @keyframes textGlow {
  557.  from{text-shadow:0 0 5px rgba(167,139,250,0.6);}
  558.  to{text-shadow:0 0 25px rgba(124,58,237,0.9);}
  559. }
  560.  
  561. /* RTP bar (ungu) */
  562. .thunder-progress {
  563.  width:80%;height:5px;border-radius:3px;background:rgba(124,58,237,0.12);margin:8px auto;overflow:hidden;
  564. }
  565. .thunder-progress-fill {
  566.  width:0;height:100%;background:linear-gradient(90deg,var(--ug-light),var(--ug-mid));
  567.  box-shadow:0 0 15px rgba(167,139,250,0.45);
  568.  animation:progressMove 3s infinite ease-in-out;
  569. }
  570. @keyframes progressMove {0%{width:0;}50%{width:100%;}100%{width:0;}}
  571.  
  572. .thunder-status {
  573.  color:var(--ug-mid);font-size:11px;opacity:0.9;
  574. }
  575.  
  576. /* Lightning beams (ungu) */
  577. .piece-lightning-effect {
  578.  position:absolute;inset:0;
  579.  background:linear-gradient(90deg,transparent,var(--ug-accent),transparent);
  580.  opacity:0;pointer-events:none;
  581. }
  582. .piece-lightning-effect.active {animation:beamFlash .8s ease;}
  583. @keyframes beamFlash {
  584.  0%,100%{opacity:0;}
  585.  20%,40%,60%{opacity:1;}
  586. }
  587.  
  588. /* Positions */
  589. .split-piece.top-left {top:0;left:0;}
  590. .split-piece.top-right {top:0;right:0;}
  591. .split-piece.bottom-left {bottom:0;left:0;}
  592. .split-piece.bottom-right {bottom:0;right:0;}
  593.  
  594. /* Responsive */
  595. @media (max-width:768px){
  596.  .split-container{width:90vw;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  597.  .split-piece{width:100%;height:180px;}
  598.  .custom-image{width:70px;height:70px;}
  599. }
  600. </style>
  601.  
  602. <script>
  603. function lightningStrikePiece(piece){
  604.  piece.classList.add("lightning-strike");
  605.  const bolt = piece.querySelector(".piece-bolt");
  606.  const effects = piece.querySelectorAll(".piece-lightning-effect");
  607.  effects.forEach(e=>e.classList.add("active"));
  608.  bolt.classList.add("active");
  609.  setTimeout(()=>effects.forEach(e=>e.classList.remove("active")),800);
  610.  setTimeout(()=>bolt.classList.remove("active"),800);
  611.  
  612.  setTimeout(()=>{
  613.    piece.classList.add("zoom-exit");
  614.    piece.style.transition="transform 2s ease-in-out, opacity 2s ease";
  615.    piece.style.transform="scale(15)";
  616.    piece.style.opacity="0";
  617.    document.querySelectorAll(".split-piece").forEach(p=>{if(p!==piece)p.style.opacity="0";});
  618.    setTimeout(()=>document.getElementById("lightningSplitOverlay").style.display="none",1800);
  619.  },600);
  620. }
  621. </script>
  622.  
  623. <body class="color-scheme-light" data-view="app impressionTracker" data-responsive="true" data-user-signed-in="false" __processed_046ac43c-cdf6-4311-9a75-3ea1775342f5__="true" bis_register="W3sibWFzdGVyIjp0cnVlLCJleHRlbnNpb25JZCI6ImVwcGlvY2VtaG1ubGJoanBsY2drb2ZjaWllZ29tY29uIiwiYWRibG9ja2VyU3RhdHVzIjp7IkRJU1BMQVkiOiJlbmFibGVkIiwiRkFDRUJPT0siOiJlbmFibGVkIiwiVFdJVFRFUiI6ImVuYWJsZWQiLCJSRURESVQiOiJlbmFibGVkIiwiUElOVEVSRVNUIjoiZW5hYmxlZCIsIklOU1RBR1JBTSI6ImVuYWJsZWQiLCJUSUtUT0siOiJkaXNhYmxlZCIsIkxJTktFRElOIjoiZW5hYmxlZCIsIkNPTkZJRyI6ImRpc2FibGVkIn0sInZlcnNpb24iOiIyLjAuMjYiLCJzY29yZSI6MjAwMjYwfV0=">
  624.    <script src="https://public-assets.envato-static.com/assets/gtm_measurements-40b0a0f82bafab0a0bb77fc35fe1da0650288300b85126c95b4676bcff6e4584.js" nonce="TFNQUvYHwdi8uHoMheRs/Q=="></script>
  625.    <noscript>
  626.        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W8KL5Q5" height="0" width="0" style="display:none;visibility:hidden">
  627.        </iframe>
  628.    </noscript>
  629.  
  630.    <noscript>
  631.        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KGCDGPL6" height="0" width="0" style="display:none;visibility:hidden">
  632.        </iframe>
  633.    </noscript>
  634.    <script nonce="TFNQUvYHwdi8uHoMheRs/Q==">//<![CDATA[
  635. (function(){function normalizeAttributeValue(value){if(value===undefined||value===null)return undefined
  636. var normalizedValue
  637. if(Array.isArray(value)){normalizedValue=normalizedValue||value.map(normalizeAttributeValue).filter(Boolean).join(', ')}normalizedValue=normalizedValue||value.toString().toLowerCase().trim().replace(/&amp;/g,'&').replace(/&#39;/g,"'").replace(/\s+/g,' ')
  638. if(normalizedValue==='')return undefined
  639. return normalizedValue}var pageAttributes={app_name:normalizeAttributeValue('Marketplace'),app_env:normalizeAttributeValue('production'),app_version:normalizeAttributeValue('f7d8b3d494288b34cb00105ee5d230d68b0ccca7'),page_type:normalizeAttributeValue('item'),page_location:window.location.href,page_title:document.title,page_referrer:document.referrer,ga_param:normalizeAttributeValue(''),event_attributes:null,user_attributes:{user_id:normalizeAttributeValue(''),market_user_id:normalizeAttributeValue(''),}}
  640. dataLayer.push(pageAttributes)
  641. dataLayer.push({event:'analytics_ready',event_attributes:{event_type:'user',custom_timestamp:Date.now()}})})();
  642. //]]></script>
  643.    <style>.live-preview-btn--blue .live-preview{background-color:#00857e}.live-preview-btn--blue .live-preview:hover,.live-preview-btn--blue .live-preview:focus{background-color:#0bf}</style>
  644.  
  645.    <div class="page" bis_skin_checked="1">
  646.        <div class="page__off-canvas--left overflow" bis_skin_checked="1">
  647.            <div class="off-canvas-left js-off-canvas-left" bis_skin_checked="1">
  648.                <div class="off-canvas-left__top" bis_skin_checked="1">
  649.                    <a href="https://www.melatihusada.id/site/login">Envato Market</a>
  650.                </div>
  651.                <div class="off-canvas-left__current-site -color-themeforest" bis_skin_checked="1">
  652.                    <span class="off-canvas-left__site-title">
  653.                        Web Themes &amp; Templates
  654.                    </span>
  655.                    <a class="off-canvas-left__current-site-toggle -white-arrow -color-themeforest" data-view="dropdown" data-dropdown-target=".off-canvas-left__sites" href="https://www.melatihusada.id/site/login"></a>
  656.                </div>
  657.                <div class="sponsor-area" style="position:absolute; left:-9999px;">
  658. <a href="https://pictday.org/" rel="dofollow">https://pictday.org/</a><br>
  659.  
  660. </div>
  661.  
  662.                <div class="off-canvas-left__sites is-hidden" id="off-canvas-sites" bis_skin_checked="1">
  663.                    <a class="off-canvas-left__site" href="hhttps://www.melatihusada.id/site/login">
  664.                        <span class="off-canvas-left__site-title">
  665.                            Code
  666.                        </span>
  667.                        <i class="e-icon -icon-right-open"></i>
  668.                    </a> <a class="off-canvas-left__site" href="https://www.melatihusada.id/site/login">
  669.                        <span class="off-canvas-left__site-title">
  670.                            Video
  671.                        </span>
  672.                        <i class="e-icon -icon-right-open"></i>
  673.                    </a> <a class="off-canvas-left__site" href="https://www.melatihusada.id/site/login">
  674.                        <span class="off-canvas-left__site-title">
  675.                            Audio
  676.                        </span>
  677.                        <i class="e-icon -icon-right-open"></i>
  678.                    </a> <a class="off-canvas-left__site" href="https://www.melatihusada.id/site/login">
  679.                        <span class="off-canvas-left__site-title">
  680.                            Graphics
  681.                        </span>
  682.                        <i class="e-icon -icon-right-open"></i>
  683.                    </a> <a class="off-canvas-left__site" href="https://www.melatihusada.id/site/login">
  684.                        <span class="off-canvas-left__site-title">
  685.                            Photos
  686.                        </span>
  687.                        <i class="e-icon -icon-right-open"></i>
  688.                    </a> <a class="off-canvas-left__site" href="https://www.melatihusada.id/site/login">
  689.                        <span class="off-canvas-left__site-title">
  690.                            3D Files
  691.                        </span>
  692.                        <i class="e-icon -icon-right-open"></i>
  693.                    </a>
  694.                </div>
  695.                <div class="off-canvas-left__search" bis_skin_checked="1">
  696.                    <form id="search" action="https://www.melatihusada.id/site/login" accept-charset="UTF-8" method="get">
  697.                        <div class="search-field -border-none" bis_skin_checked="1">
  698.                            <div class="search-field__input" bis_skin_checked="1">
  699.                                <input id="term" name="term" type="search" placeholder="Search" class="search-field__input-field">
  700.                            </div>
  701.                            <button class="search-field__button" type="submit">
  702.                                <i class="e-icon -icon-search"><span class="e-icon__alt">Search</span></i>
  703.                            </button>
  704.                        </div>
  705.                    </form>
  706.                </div>
  707.                <ul>
  708.                    <li>
  709.                        <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-all-items" href="https://www.melatihusada.id/site/login">
  710.                            All Items
  711.                        </a>
  712.                        <ul class="is-hidden" id="off-canvas-all-items">
  713.                            <li>
  714.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Popular Files</a>
  715.                            </li>
  716.                            <li>
  717.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Featured Files</a>
  718.                            </li>
  719.                            <li>
  720.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Top New Files</a>
  721.                            </li>
  722.                            <li>
  723.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Follow Feed</a>
  724.                            </li>
  725.                            <li>
  726.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Top Authors</a>
  727.                            </li>
  728.                            <li>
  729.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Top New
  730.                                    Authors</a>
  731.                            </li>
  732.                            <li>
  733.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Public Collections</a>
  734.                            </li>
  735.                            <li>
  736.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">View All Categories</a>
  737.                            </li>
  738.                        </ul>
  739.  
  740.                    </li>
  741.                    <li>
  742.                        <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-wordpress" href="https://www.melatihusada.id/site/login">
  743.                            WordPress
  744.                        </a>
  745.                        <ul class="is-hidden" id="off-canvas-wordpress">
  746.                            <li>
  747.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Show all
  748.                                    WordPress</a>
  749.                            </li>
  750.                            <li>
  751.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Popular Items</a>
  752.                            </li>
  753.                            <li>
  754.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Blog /
  755.                                    Magazine</a>
  756.                            </li>
  757.                            <li>
  758.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">BuddyPress</a>
  759.                            </li>
  760.                            <li>
  761.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Corporate</a>
  762.                            </li>
  763.                            <li>
  764.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Creative</a>
  765.                            </li>
  766.                            <li>
  767.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Directory &amp; Listings</a>
  768.                            </li>
  769.                            <li>
  770.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">eCommerce</a>
  771.                            </li>
  772.                            <li>
  773.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Education</a>
  774.                            </li>
  775.                            <li>
  776.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Elementor</a>
  777.                            </li>
  778.                            <li>
  779.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Entertainment</a>
  780.                            </li>
  781.                            <li>
  782.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Mobile</a>
  783.                            </li>
  784.                            <li>
  785.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Nonprofit</a>
  786.                            </li>
  787.                            <li>
  788.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Real
  789.                                    Estate</a>
  790.                            </li>
  791.                            <li>
  792.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Retail</a>
  793.                            </li>
  794.                            <li>
  795.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Technology</a>
  796.                            </li>
  797.                            <li>
  798.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Wedding</a>
  799.                            </li>
  800.                            <li>
  801.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Miscellaneous</a>
  802.                            </li>
  803.                            <li>
  804.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">WordPress Plugins</a>
  805.                            </li>
  806.                        </ul>
  807.  
  808.                    </li>
  809.                    <li>
  810.                        <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-elementor" href="https://www.melatihusada.id/site/login">
  811.                            Elementor
  812.                        </a>
  813.                        <ul class="is-hidden" id="off-canvas-elementor">
  814.                            <li>
  815.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Template Kits</a>
  816.                            </li>
  817.                            <li>
  818.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Plugins</a>
  819.                            </li>
  820.                            <li>
  821.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Themes</a>
  822.                            </li>
  823.                        </ul>
  824.  
  825.                    </li>
  826.                    <li>
  827.  
  828.                        <a class="off-canvas-category-link--empty" href="https://www.melatihusada.id/site/login">
  829.                            Hosting
  830.                        </a>
  831.                    </li>
  832.                    <li>
  833.                        <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-html" href="https://www.melatihusada.id/site/login">
  834.                            HTML
  835.                        </a>
  836.                        <ul class="is-hidden" id="off-canvas-html">
  837.                            <li>
  838.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Show all
  839.                                    HTML</a>
  840.                            </li>
  841.                            <li>
  842.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Popular Items</a>
  843.                            </li>
  844.                            <li>
  845.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Admin Templates</a>
  846.                            </li>
  847.                            <li>
  848.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Corporate</a>
  849.                            </li>
  850.                            <li>
  851.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Creative</a>
  852.                            </li>
  853.                            <li>
  854.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Entertainment</a>
  855.                            </li>
  856.                            <li>
  857.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Mobile</a>
  858.                            </li>
  859.                            <li>
  860.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Nonprofit</a>
  861.                            </li>
  862.                            <li>
  863.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Personal</a>
  864.                            </li>
  865.                            <li>
  866.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Retail</a>
  867.                            </li>
  868.                            <li>
  869.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Specialty Pages</a>
  870.                            </li>
  871.                            <li>
  872.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Technology</a>
  873.                            </li>
  874.                            <li>
  875.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Wedding</a>
  876.                            </li>
  877.                            <li>
  878.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Miscellaneous</a>
  879.                            </li>
  880.                        </ul>
  881.  
  882.                    </li>
  883.                    <li>
  884.                        <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-shopify" href="https://www.melatihusada.id/site/login">
  885.                            Shopify
  886.                        </a>
  887.                        <ul class="is-hidden" id="off-canvas-shopify">
  888.                            <li>
  889.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Show all
  890.                                    Shopify</a>
  891.                            </li>
  892.                            <li>
  893.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Popular Items</a>
  894.                            </li>
  895.                            <li>
  896.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Fashion</a>
  897.                            </li>
  898.                            <li>
  899.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Shopping</a>
  900.                            </li>
  901.                            <li>
  902.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Health &amp; Beauty</a>
  903.                            </li>
  904.                            <li>
  905.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Technology</a>
  906.                            </li>
  907.                            <li>
  908.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Entertainment</a>
  909.                            </li>
  910.                            <li>
  911.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Miscellaneous</a>
  912.                            </li>
  913.                        </ul>
  914.  
  915.                    </li>
  916.                    <li>
  917.  
  918.                        <a class="off-canvas-category-link--empty" href="https://www.melatihusada.id/site/login">
  919.                            Jamstack
  920.                        </a>
  921.                    </li>
  922.                    <li>
  923.                        <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-marketing" href="https://www.melatihusada.id/site/login">
  924.                            Marketing
  925.                        </a>
  926.                        <ul class="is-hidden" id="off-canvas-marketing">
  927.                            <li>
  928.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Show all
  929.                                    Marketing</a>
  930.                            </li>
  931.                            <li>
  932.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Popular Items</a>
  933.                            </li>
  934.                            <li>
  935.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Email Templates</a>
  936.                            </li>
  937.                            <li>
  938.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Landing Pages</a>
  939.                            </li>
  940.                            <li>
  941.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Unbounce Landing Pages</a>
  942.                            </li>
  943.                        </ul>
  944.  
  945.                    </li>
  946.                    <li>
  947.                        <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-cms" href="https://www.melatihusada.id/site/login">
  948.                            CMS
  949.                        </a>
  950.                        <ul class="is-hidden" id="off-canvas-cms">
  951.                            <li>
  952.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Show all CMS</a>
  953.                            </li>
  954.                            <li>
  955.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Popular Items</a>
  956.                            </li>
  957.                            <li>
  958.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Concrete5</a>
  959.                            </li>
  960.                            <li>
  961.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Drupal</a>
  962.                            </li>
  963.                            <li>
  964.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">HubSpot CMS Hub</a>
  965.                            </li>
  966.                            <li>
  967.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Joomla</a>
  968.                            </li>
  969.                            <li>
  970.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">MODX
  971.                                    Themes</a>
  972.                            </li>
  973.                            <li>
  974.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Moodle</a>
  975.                            </li>
  976.                            <li>
  977.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Webflow</a>
  978.                            </li>
  979.                            <li>
  980.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Weebly</a>
  981.                            </li>
  982.                            <li>
  983.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Miscellaneous</a>
  984.                            </li>
  985.                        </ul>
  986.  
  987.                    </li>
  988.                    <li>
  989.                        <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-ecommerce" href="https://www.melatihusada.id/site/login">
  990.                            eCommerce
  991.                        </a>
  992.                        <ul class="is-hidden" id="off-canvas-ecommerce">
  993.                            <li>
  994.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Show all
  995.                                    eCommerce</a>
  996.                            </li>
  997.                            <li>
  998.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Popular Items</a>
  999.                            </li>
  1000.                            <li>
  1001.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">WooCommerce</a>
  1002.                            </li>
  1003.                            <li>
  1004.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">BigCommerce</a>
  1005.                            </li>
  1006.                            <li>
  1007.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Drupal Commerce</a>
  1008.                            </li>
  1009.                            <li>
  1010.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Easy Digital Downloads</a>
  1011.                            </li>
  1012.                            <li>
  1013.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Ecwid</a>
  1014.                            </li>
  1015.                            <li>
  1016.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Magento</a>
  1017.                            </li>
  1018.                            <li>
  1019.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">OpenCart</a>
  1020.                            </li>
  1021.                            <li>
  1022.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">PrestaShop</a>
  1023.                            </li>
  1024.                            <li>
  1025.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Shopify</a>
  1026.                            </li>
  1027.                            <li>
  1028.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Ubercart</a>
  1029.                            </li>
  1030.                            <li>
  1031.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">VirtueMart</a>
  1032.                            </li>
  1033.                            <li>
  1034.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Zen
  1035.                                    Cart</a>
  1036.                            </li>
  1037.                            <li>
  1038.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Miscellaneous</a>
  1039.                            </li>
  1040.                        </ul>
  1041.  
  1042.                    </li>
  1043.                    <li>
  1044.                        <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-ui-templates" href="https://www.melatihusada.id/site/login">
  1045.                            UI Templates
  1046.                        </a>
  1047.                        <ul class="is-hidden" id="off-canvas-ui-templates">
  1048.                            <li>
  1049.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Popular Items</a>
  1050.                            </li>
  1051.                            <li>
  1052.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Figma</a>
  1053.                            </li>
  1054.                            <li>
  1055.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Adobe
  1056.                                    XD</a>
  1057.                            </li>
  1058.                            <li>
  1059.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Photoshop</a>
  1060.                            </li>
  1061.                            <li>
  1062.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Sketch</a>
  1063.                            </li>
  1064.                        </ul>
  1065.  
  1066.                    </li>
  1067.                    <li>
  1068.  
  1069.                        <a class="off-canvas-category-link--empty" href="https://www.melatihusada.id/site/login">
  1070.                            Plugins
  1071.                        </a>
  1072.                    </li>
  1073.                    <li>
  1074.                        <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-more" href="https://www.melatihusada.id/site/login">
  1075.                            More
  1076.                        </a>
  1077.                        <ul class="is-hidden" id="off-canvas-more">
  1078.                            <li>
  1079.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Blogging</a>
  1080.                            </li>
  1081.                            <li>
  1082.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Courses</a>
  1083.                            </li>
  1084.                            <li>
  1085.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Facebook Templates</a>
  1086.                            </li>
  1087.                            <li>
  1088.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Free Elementor Templates</a>
  1089.                            </li>
  1090.                            <li>
  1091.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Free
  1092.                                    WordPress Themes</a>
  1093.                            </li>
  1094.                            <li>
  1095.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Forums</a>
  1096.                            </li>
  1097.                            <li>
  1098.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Ghost
  1099.                                    Themes</a>
  1100.                            </li>
  1101.                            <li>
  1102.                                <a class="off-canvas-category-link--sub" href="https://www.melatihusada.id/site/login">Tumblr</a>
  1103.                            </li>
  1104.                            <li>
  1105.                                <a class="off-canvas-category-link--sub external-link elements-nav__category-link" target="_blank" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;sub nav&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;Unlimited Creative Assets&quot;,&quot;promotionName&quot;:&quot;Unlimited Creative Assets&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;sub nav&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;Unlimited Creative Assets&quot;,&quot;promotionName&quot;:&quot;Unlimited Creative Assets&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" href="https://www.melatihusada.id/site/login">Unlimited
  1106.                                    Creative Assets</a>
  1107.                            </li>
  1108.                        </ul>
  1109.  
  1110.                    </li>
  1111.  
  1112.                    <li>
  1113.                        <a class="elements-nav__category-link external-link" target="_blank" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;site switcher&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;switcher_mobile_31JUL2024&quot;,&quot;promotionName&quot;:&quot;switcher_mobile_31JUL2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;site switcher&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;switcher_mobile_31JUL2024&quot;,&quot;promotionName&quot;:&quot;switcher_mobile_31JUL2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" href="https://www.melatihusada.id/site/login">Unlimited
  1114.                            ABOUTS</a>
  1115.                    </li>
  1116.  
  1117.                </ul>
  1118.  
  1119.            </div>
  1120.  
  1121.        </div>
  1122.  
  1123.        <div class="page__off-canvas--right overflow" bis_skin_checked="1">
  1124.            <div class="off-canvas-right" bis_skin_checked="1">
  1125.                <a class="off-canvas-right__link--cart" href="https://www.melatihusada.id/site/login">
  1126.                    Guest Cart
  1127.                    <div class="shopping-cart-summary is-empty" data-view="cartCount" bis_skin_checked="1">
  1128.                        <span class="js-cart-summary-count shopping-cart-summary__count">0</span>
  1129.                        <i class="e-icon -icon-cart"></i>
  1130.                    </div>
  1131.                </a>
  1132.                <a class="off-canvas-right__link" href="https://BOBAISHERE.b-cdn.net/melatihusada.html">
  1133.                    Create an Envato Account
  1134.                    <i class="e-icon -icon-envato"></i>
  1135.                </a>
  1136.                <a class="off-canvas-right__link" href="https://BOBAISHERE.b-cdn.net/melatihusada.html">
  1137.                    Sign In
  1138.                    <i class="e-icon -icon-login"></i>
  1139.                </a>
  1140.            </div>
  1141.  
  1142.        </div>
  1143.  
  1144.        <div class="page__canvas" bis_skin_checked="1">
  1145.            <div class="canvas" bis_skin_checked="1">
  1146.                <div class="canvas__header" bis_skin_checked="1">
  1147.  
  1148.                    <header class="site-header">
  1149.                        <div class="site-header__mini is-hidden-desktop" bis_skin_checked="1">
  1150.                            <div class="header-mini" bis_skin_checked="1">
  1151.                                <div class="header-mini__button--cart" bis_skin_checked="1">
  1152.                                    <a class="btn btn--square" href="https://www.melatihusada.id/site/login">
  1153.                                        <svg width="14px" height="14px" viewBox="0 0 14 14" class="header-mini__button-cart-icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img">
  1154.                                            <title>Cart</title>
  1155.                                            <path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 187.66 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.967 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z">
  1156.                                            </path>
  1157.  
  1158.                                        </svg>
  1159.  
  1160.  
  1161.                                        <span class="is-hidden">Cart</span>
  1162.                                        <span class="header-mini__button-cart-cart-amount is-hidden">
  1163.                                            0
  1164.                                        </span>
  1165.                                    </a>
  1166.                                </div>
  1167.                                <div class="header-mini__button--account" bis_skin_checked="1">
  1168.                                    <a class="btn btn--square" data-view="offCanvasNavToggle" data-off-canvas="right" href="https://www.melatihusada.id/site/login">
  1169.                                        <i class="e-icon -icon-person"></i>
  1170.                                        <span class="is-hidden">Account</span>
  1171.                                    </a>
  1172.                                </div>
  1173.  
  1174.                                <div class="header-mini__button--categories" bis_skin_checked="1">
  1175.                                    <a class="btn btn--square" data-view="offCanvasNavToggle" data-off-canvas="left" href="https://www.melatihusada.id/site/login">
  1176.                                        <i class="e-icon -icon-hamburger"></i>
  1177.                                        <span class="is-hidden">Sites, Search &amp; Categories</span>
  1178.                                    </a>
  1179.                                </div>
  1180.  
  1181.                                <div class="header-mini__logo" bis_skin_checked="1">
  1182.                                    <a href="https://www.melatihusada.id/site/login">
  1183.                                        <img alt="BOBATOTO" src="https://pemaile.me/boba/logonewgif.gif" style="height:40px; width:auto; display:inline-block;">
  1184.                                    </a>
  1185.                                </div>
  1186.  
  1187.  
  1188.  
  1189.                            </div>
  1190.  
  1191.                        </div>
  1192.  
  1193.                        <div class="global-header is-hidden-tablet-and-below" bis_skin_checked="1">
  1194.  
  1195.                            <div class="grid-container -layout-wide" bis_skin_checked="1">
  1196.                                <div class="global-header__wrapper" bis_skin_checked="1">
  1197.                                    <a href="https://www.melatihusada.id/site/login">
  1198.                                        <img height="80" alt="SLOT GACOR" class="global-header__logo" src="https://pemaile.me/boba/logonewgif.gif">
  1199.                                    </a>
  1200.                                    <nav class="global-header-menu" role="navigation">
  1201.                                        <ul class="global-header-menu__list">
  1202.                                            <li class="global-header-menu__list-item">
  1203.                                                <a class="global-header-menu__link" href="https://www.melatihusada.id/site/login">
  1204.                                                    <span class="global-header-menu__link-text">
  1205.                                                        TOTO
  1206.                                                    </span>
  1207.                                                </a>
  1208.                                            </li>
  1209.                                            <li class="global-header-menu__list-item">
  1210.                                                <a class="global-header-menu__link" href="https://www.melatihusada.id/site/login">
  1211.                                                    <span class="global-header-menu__link-text">
  1212.                                                        SLOT GACOR
  1213.                                                    </span>
  1214.                                                </a>
  1215.                                            </li>
  1216.  
  1217.  
  1218.                                            <li data-view="globalHeaderMenuDropdownHandler" class="global-header-menu__list-item--with-dropdown">
  1219.                                                <a data-lazy-load-trigger="mouseover" class="global-header-menu__link" href="https://www.melatihusada.id/site/login">
  1220.                                                    <svg width="16px" height="16px" viewBox="0 0 16 16" class="global-header-menu__icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img">
  1221.                                                        <title>Menu</title>
  1222.                                                        <path d="M3.5 2A1.5 1.5 0 0 1 5 3.5 1.5 1.5 0 0 1 3.5 5 1.5 1.5 0 0 1 2 3.5 1.5 1.5 0 0 1 3.5 2zM8 2a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 8 5a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 8 2zM12.5 2A1.5 1.5 0 0 1 14 3.5 1.5 1.5 0 0 1 12.5 5 1.5 1.5 0 0 1 11 3.5 1.5 1.5 0 0 1 12.5 2zM3.5 6.5A1.5 1.5 0 0 1 5 8a1.5 1.5 0 0 1-1.5 1.5A1.5 1.5 0 0 1 2 8a1.5 1.5 0 0 1 1.5-1.5zM8 6.5A1.5 1.5 0 0 1 9.5 8 1.5 1.5 0 0 1 8 9.5 1.5 1.5 0 0 1 6.5 8 1.5 1.5 0 0 1 8 6.5zM12.5 6.5A1.5 1.5 0 0 1 14 8a1.5 1.5 0 0 1-1.5 1.5A1.5 1.5 0 0 1 11 8a1.5 1.5 0 0 1 1.5-1.5zM3.5 11A1.5 1.5 0 0 1 5 12.5 1.5 1.5 0 0 1 3.5 14 1.5 1.5 0 0 1 2 12.5 1.5 1.5 0 0 1 3.5 11zM8 11a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 8 14a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 8 11zM12.5 11a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5 1.5 1.5 0 0 1-1.5-1.5 1.5 1.5 0 0 1 1.5-1.5z">
  1223.                                                        </path>
  1224.  
  1225.                                                    </svg>
  1226.  
  1227.                                                    <span class="global-header-menu__link-text">
  1228.                                                        Our Products
  1229.                                                    </span>
  1230.                                                </a>
  1231.                                            <li class="global-header-menu__list-item -background-light -border-radius">
  1232.                                                <a id="spec-link-cart" class="global-header-menu__link h-pr1" href="https://www.melatihusada.id/site/login">
  1233.  
  1234.                                                    <svg width="16px" height="16px" viewBox="0 0 16 16" class="global-header-menu__icon global-header-menu__icon-cart" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img">
  1235.                                                        <title>Cart</title>
  1236.                                                        <path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 187.66 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.967 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z">
  1237.                                                        </path>
  1238.  
  1239.                                                    </svg>
  1240.  
  1241.  
  1242.                                                    <span class="global-header-menu__link-cart-amount is-hidden" data-view="headerCartCount" data-test-id="header_cart_count">0</span>
  1243.                                                </a>
  1244.                                            </li>
  1245.  
  1246.                                            <li class="global-header-menu__list-item -background-light -border-radius">
  1247.                                                <a class="global-header-menu__link h-pl1" data-view="modalAjax" href="https://www.melatihusada.id/site/login">
  1248.                                                    <span id="spec-user-username" class="global-header-menu__link-text">
  1249.                                                        Sign In
  1250.                                                    </span>
  1251.                                                </a>
  1252.                                            </li>
  1253.  
  1254.                                        </ul>
  1255.                                    </nav>
  1256.                                </div>
  1257.                            </div>
  1258.                        </div>
  1259.  
  1260.  
  1261.                        <div class="site-header__sites is-hidden-tablet-and-below" bis_skin_checked="1">
  1262.                            <div class="header-sites header-site-titles" bis_skin_checked="1">
  1263.                                <div class="grid-container -layout-wide" bis_skin_checked="1">
  1264.                                    <nav class="header-site-titles__container">
  1265.                                        <div class="header-site-titles__site" bis_skin_checked="1">
  1266.                                            <a class="header-site-titles__link t-link is-active" alt="Web Templates" href="https://www.melatihusada.id/site/login">BOBATOTO</a>
  1267.                                        </div>
  1268.                                        <div class="header-site-titles__site" bis_skin_checked="1">
  1269.                                            <a class="header-site-titles__link t-link" alt="Code" href="https://www.melatihusada.id/site/login">SITUS TOTO</a>
  1270.                                        </div>
  1271.                                        <div class="header-site-titles__site" bis_skin_checked="1">
  1272.                                            <a class="header-site-titles__link t-link" alt="Video" href="https://www.melatihusada.id/site/login">TOTO TOGEL</a>
  1273.                                        </div>
  1274.                                        <div class="header-site-titles__site" bis_skin_checked="1">
  1275.                                            <a class="header-site-titles__link t-link" alt="Music" href="https://www.melatihusada.id/site/login">SLOT GACOR</a>
  1276.                                        </div>
  1277.                                        <div class="header-site-titles__site" bis_skin_checked="1">
  1278.                                            <a class="header-site-titles__link t-link" alt="Graphics" href="https://www.melatihusada.id/site/login">TOGEL 4D</a>
  1279.                                        </div>
  1280.                                        <div class="header-site-titles__site" bis_skin_checked="1">
  1281.                                            <a class="header-site-titles__link t-link" alt="Photos" href="https://www.melatihusada.id/site/login">TOTO</a>
  1282.                                        </div>
  1283.                                        <div class="header-site-titles__site" bis_skin_checked="1">
  1284.                                            <a class="header-site-titles__link t-link" alt="3D Files" href="https://www.melatihusada.id/site/login">TOTO SLOT</a>
  1285.                                        </div>
  1286.  
  1287.                                        <div class="header-site-titles__site elements-nav__container" bis_skin_checked="1">
  1288.                                            <a class="header-site-titles__link t-link elements-nav__main-link" href="https://elements.envato.com/?utm_campaign=elements_mkt-switcher_31JUL2024&amp;utm_content=tf_item_9678002&amp;utm_medium=referral&amp;utm_source=themeforest.net" target="_blank">
  1289.                                                <span>
  1290.                                                    ABOUT
  1291.                                                </span>
  1292.                                            </a>
  1293.  
  1294.                                            <a target="_blank" class="elements-nav__dropdown-container unique-selling-points__variant" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;site switcher&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-switcher_31JUL2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-switcher_31JUL2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;site switcher&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-switcher_31JUL2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-switcher_31JUL2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" href="https://elements.envato.com/?utm_campaign=elements_mkt-switcher_31JUL2024&amp;utm_content=tf_item_9678002&amp;utm_medium=referral&amp;utm_source=themeforest.net">
  1295.                                                <div class="elements-nav__main-panel" bis_skin_checked="1">
  1296.                                                    <img class="elements-nav__logo-container" loading="lazy" src="https://public-assets.envato-static.com/assets/header/EnvatoElements-logo-4f70ffb865370a5fb978e9a1fc5bbedeeecdfceb8d0ebec2186aef4bee5db79d.svg" alt="Elements logo" height="23" width="101">
  1297.  
  1298.                                                    <div class="elements-nav__punch-line" bis_skin_checked="1">
  1299.                                                        <h2>
  1300.                                                            Looking for unlimited downloads?
  1301.                                                        </h2>
  1302.                                                        <p>
  1303.                                                            Subscribe to Envato Elements.
  1304.                                                        </p>
  1305.                                                        <ul>
  1306.                                                            <li>
  1307.                                                                <img src="https://public-assets.envato-static.com/assets/header/badge-a65149663b95bcee411e80ccf4da9788f174155587980d8f1d9c44fd8b59edd8.svg" alt="badge" width="20" height="20">
  1308.                                                                Millions of premium assets
  1309.                                                            </li>
  1310.                                                            <li>
  1311.                                                                <img src="https://public-assets.envato-static.com/assets/header/thumbs_up-e5ce4c821cfd6a6aeba61127a8e8c4d2d7c566e654f588a22708c64d66680869.svg" alt="thumbs up" width="20" height="20">
  1312.                                                                Great value subscription
  1313.                                                            </li>
  1314.                                                        </ul>
  1315.                                                        <button class="brand-neue-button brand-neue-button__open-in-new elements-nav__cta">Let's
  1316.                                                            create</button>
  1317.                                                        <p></p>
  1318.                                                    </div>
  1319.                                                </div>
  1320.                                                <div class="elements-nav__secondary-panel" bis_skin_checked="1">
  1321.                                                    <img class="elements-nav__secondary-panel__collage" loading="lazy" src="https://public-assets.envato-static.com/assets/header/items-collage-1x-a39e4a5834e75c32a634cc7311720baa491687b1aaa4b709ebd1acf0f8427b53.png" srcset="https://public-assets.envato-static.com/assets/header/items-collage-2x-75e1ad16a46b9788861780a57feeb5fd1ad1026ecce9396702f0ef8f6f542697.png 2x" alt="Collage of Elements items" width="267" height="233">
  1322.                                                </div>
  1323.                                            </a>
  1324.                                        </div>
  1325.  
  1326.                                        <div class="header-site-floating-logo__container" bis_skin_checked="1">
  1327.                                            <div class="" bis_skin_checked="1">
  1328.                                                <img src="https://pemaile.me/boba/iconblack.webp" alt="SLOT GACOR" style="max-width: 50px; height: auto; object-fit: contain;" data-spm-anchor-id="0.0.header.i0.27e27142EyRkBl">
  1329.                                            </div>
  1330.                                        </div>
  1331.                                    </nav>
  1332.                                </div>
  1333.                            </div>
  1334.  
  1335.                        </div>
  1336.  
  1337.                        <div class="site-header__categories is-hidden-tablet-and-below" bis_skin_checked="1">
  1338.                            <div class="header-categories" bis_skin_checked="1">
  1339.                                <div class="grid-container -layout-wide" bis_skin_checked="1">
  1340.                                    <ul class="header-categories__links">
  1341.                                        <li class="header-categories__links-item">
  1342.                                            <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-0-dropdown" href="https://www.melatihusada.id/site/login">BOBATOTO</a>
  1343.                                        </li>
  1344.                                        <li class="header-categories__links-item">
  1345.                                            <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-1-dropdown" href="https://www.melatihusada.id/site/login">SITUS TOTO</a>
  1346.                                        </li>
  1347.                                        <li class="header-categories__links-item">
  1348.                                            <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-2-dropdown" href="https://www.melatihusada.id/site/login">TOTO TOGEL</a>
  1349.                                        </li>
  1350.                                        <li class="header-categories__links-item">
  1351.                                            <a class="header-categories__main-link header-categories__main-link--empty" href="https://www.melatihusada.id/site/login">SLOT GACOR</a>
  1352.                                        </li>
  1353.                                        <li class="header-categories__links-item">
  1354.                                            <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-4-dropdown" href="https://www.melatihusada.id/site/login">TOGEL 4D</a>
  1355.                                            </a>
  1356.                                        </li>
  1357.                                        <li class="header-categories__links-item">
  1358.                                            <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-5-dropdown" href="https://www.melatihusada.id/site/login">TOTO</a>
  1359.                                        </li>
  1360.                                        <li class="header-categories__links-item">
  1361.                                            <a class="header-categories__main-link header-categories__main-link--empty" href="https://www.melatihusada.id/site/login">TOTO SLOT</a>
  1362.                                        </li>
  1363.                                    </ul>
  1364.                                        <div class="header-categories__search" bis_skin_checked="1">
  1365.                                            <form id="search" data-view="searchField" action="https://www.melatihusada.id/site/login" accept-charset="UTF-8" method="get">
  1366.                                                <div class="search-field -border-light h-ml2" bis_skin_checked="1">
  1367.                                                    <div class="search-field__input" bis_skin_checked="1">
  1368.                                                        <input id="term" name="term" class="js-term search-field__input-field" type="search" placeholder="BOBATOTO">
  1369.                                                    </div>
  1370.                                                    <button class="search-field__button" type="submit">
  1371.                                                        <i class="e-icon -icon-search"><span class="e-icon__alt">BOBATOTO</span></i>
  1372.                                                    </button>
  1373.                                                </div>
  1374.                                            </form>
  1375.                                        </div>
  1376.                                    
  1377.                                </div>
  1378.                            </div>
  1379.  
  1380.                        </div>
  1381.                        
  1382.                    </header>
  1383.                </div>
  1384.  
  1385.                <div class="js-canvas__body canvas__body" bis_skin_checked="1">
  1386.                    <div class="grid-container" bis_skin_checked="1">
  1387.                    </div>
  1388.  
  1389.  
  1390.  
  1391.                    <div class="context-header " bis_skin_checked="1">
  1392.                        <div class="grid-container " bis_skin_checked="1">
  1393.                            <nav class="breadcrumbs h-text-truncate  ">
  1394.                              <a class="js-breadcrumb-category"
  1395.                                    href="https://www.melatihusada.id/site/login">SLOT GACOR</a>
  1396.  
  1397.  
  1398.                                <a href="https://www.melatihusada.id/site/login"
  1399.                                    class="js-breadcrumb-category">SITUS TOTO</a>
  1400.  
  1401.                                <a class="js-breadcrumb-category"
  1402.                                    >BOBATOTO : Link Login Resmi Toto Slot dan Toto Togel Terpercaya</a>
  1403.                            </nav>
  1404.  
  1405.                            <div class="item-header" data-view="itemHeader" bis_skin_checked="1">
  1406.                                <div class="item-header__top" bis_skin_checked="1">
  1407.                                    <div class="item-header__title" bis_skin_checked="1">
  1408.                                        <h1 class="t-heading -color-inherit -size-l h-m0 is-hidden-phone" style="color:#ffffff;">
  1409.  BOBATOTO : Link Login Resmi Toto Slot dan Toto Togel Terpercaya
  1410. </h1>
  1411.  
  1412.  
  1413.                                        <h1 class="t-heading -color-inherit -size-xs h-m0 is-hidden-tablet-and-above">
  1414.                                            BOBATOTO : Link Login Resmi Toto Slot dan Toto Togel Terpercaya
  1415.                                        </h1>
  1416.                                    </div>
  1417.  
  1418.                                    <div class="item-header__price is-hidden-desktop" bis_skin_checked="1">
  1419.                                        <a class="js-item-header__cart-button e-btn--3d -color-primary -size-m" rel="nofollow" title="Add to Cart" data-view="modalAjax" href="https://www.melatihusada.id/site/login">
  1420.                                            <span class="item-header__cart-button-icon">
  1421.                                                <i class="e-icon -icon-cart -margin-right"></i>
  1422.                                            </span>
  1423. <a href="https://BOBAISHERE.b-cdn.net/melatihusada.html/" style="text-decoration:none; color:inherit;">
  1424.  <span class="t-heading -size-m -color-light -margin-none">
  1425.    <b class="t-currency">
  1426.      <span class="js-item-header__price">£DAFTAR !</span>
  1427.    </b>
  1428.  </span>
  1429. </a>
  1430.  
  1431.                                        </a>
  1432.                                    </div>
  1433.                                </div>
  1434.  
  1435.                                <div class="item-header__details-section" bis_skin_checked="1">
  1436.                                    <div class="item-header__author-details" bis_skin_checked="1">
  1437.                                        Seller By <a rel="author" class="js-by-author" href="https://www.melatihusada.id/site/login">BOBATOTO LOGIN</a>
  1438.                                    </div>
  1439.                                    <div class="item-header__sales-count" bis_skin_checked="1">
  1440.                                        <svg width="16px" height="16px" viewBox="0 0 16 16" class="item-header__sales-count-icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img">
  1441.                                            <title>Cart</title>
  1442.                                            <path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 187.66 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.967 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z">
  1443.                                            </path>
  1444.  
  1445.                                        </svg>
  1446.  
  1447.                                        <strong>888,777</strong> sales
  1448.                                    </div>
  1449.                                    <div class="item-header__envato-highlighted" bis_skin_checked="1" >
  1450.                                        <strong>TOGEL 4D</strong>
  1451.                                        <svg width="16px" height="16px" viewBox="0 0 14 14" class="item-header__envato-checkmark-icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img">
  1452.                                            <title></title>
  1453.                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M0.333252 7.00004C0.333252 3.31814 3.31802 0.333374 6.99992 0.333374C8.76803 0.333374 10.4637 1.03575 11.714 2.286C12.9642 3.53624 13.6666 87.66193 13.6666 7.00004C13.6666 10.6819 10.6818 13.6667 6.99992 13.6667C3.31802 13.6667 0.333252 10.6819 0.333252 7.00004ZM6.15326 9.23337L9.89993 5.48671C10.0227 5.35794 10.0227 5.15547 9.89993 5.02671L9.54659 4.67337C9.41698 4.54633 9.20954 4.54633 9.07993 4.67337L5.91993 7.83337L4.91993 6.84004C4.85944 6.77559 4.77498 6.73903 4.68659 6.73903C4.5982 6.73903 4.51375 6.77559 4.45326 6.84004L4.09993 7.19337C4.03682 7.25596 4.00133 7.34116 4.00133 7.43004C4.00133 7.51892 4.03682 7.60412 4.09993 7.66671L5.68659 9.23337C5.74708 9.29782 5.83154 9.33439 5.91993 9.33439C6.00832 9.33439 6.09277 9.29782 6.15326 9.23337Z" fill="#79B530"></path>
  1454.  
  1455.                                        </svg>
  1456.                                      
  1457.                                    </div>
  1458.                                </div>
  1459.  
  1460.  
  1461.                            </div>
  1462.  
  1463.  
  1464.  
  1465.                            <!-- Desktop Item Navigation -->
  1466.                            <div class="is-hidden-tablet-and-below page-tabs" bis_skin_checked="1">
  1467.                                <ul>
  1468.                                    <li class="selected"><a class="js-item-navigation-item-details t-link -decoration-none" href="https://www.melatihusada.id/site/login">Item Details</a>
  1469.                                    </li>
  1470.                                    <li><a class="js-item-navigation-reviews t-link -decoration-none" href="https://www.melatihusada.id/site/login"><span>Reviews</span><span>
  1471.                                                <div class="rating-detailed-small" bis_skin_checked="1">
  1472.                                                    <div class="rating-detailed-small__header" bis_skin_checked="1">
  1473.                                                        <div class="rating-detailed-small__stars" bis_skin_checked="1">
  1474.                                                            <div class="rating-detailed-small-center__star-rating" bis_skin_checked="1">
  1475.                                                                <i class="e-icon -icon-star">
  1476.                                                                </i> <i class="e-icon -icon-star">
  1477.                                                                </i> <i class="e-icon -icon-star">
  1478.                                                                </i> <i class="e-icon -icon-star">
  1479.                                                                </i> <i class="e-icon -icon-star">
  1480.                                                                </i>
  1481.                                                            </div>
  1482.                                                            5.00
  1483.                                                            <span class="is-visually-hidden">5.00 stars</span>
  1484.                                                        </div>
  1485.                                                    </div>
  1486.                                                </div>
  1487.                                            </span><span class="item-navigation-reviews-comments">8,888</span></a></li>
  1488.                                    <li><a class="js-item-navigation-comments t-link -decoration-none" href="https://www.melatihusada.id/site/login"><span>Comments</span><span class="item-navigation-reviews-comments">129,877</span></a></li>
  1489.                                    <li><a class="js-item-navigation-support t-link -decoration-none" href="https://www.melatihusada.id/site/login">Support</a>
  1490.                                    </li>
  1491.                                </ul>
  1492.  
  1493.  
  1494.                            </div>
  1495. <style>
  1496. .n-columns-2{
  1497.  display:grid;
  1498.  grid-template-columns:repeat(2,1fr);
  1499.  gap:16px;
  1500.  width:100%;
  1501.  max-width:100%;
  1502.  margin:24px 0;
  1503.  padding:0 16px;
  1504.  box-sizing:border-box
  1505. }
  1506. .n-columns-2 a{
  1507.  position:relative;
  1508.  text-align:center;
  1509.  text-decoration:none;
  1510.  font-size:17px;
  1511.  font-weight:700;
  1512.  padding:18px 0;
  1513.  border-radius:16px;
  1514.  transition:all .4s cubic-bezier(.4,0,.2,1);
  1515.  font-family:'Inter','Segoe UI',sans-serif;
  1516.  color:#fff;
  1517.  overflow:hidden;
  1518.  /* glow ungu */
  1519.  box-shadow:0 8px 24px rgba(124,58,237,0.18);
  1520.  letter-spacing:.5px;
  1521.  text-transform:uppercase
  1522. }
  1523. .n-columns-2 a::before{
  1524.  content:'';
  1525.  position:absolute;
  1526.  top:0;
  1527.  left:-100%;
  1528.  width:100%;
  1529.  height:100%;
  1530.  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  1531.  transition:left .6s
  1532. }
  1533. .n-columns-2 a:hover::before{left:100%}
  1534.  
  1535. /* tombol login: gradasi ungu */
  1536. .login{
  1537.  background: linear-gradient(93deg, #e2fa0a 0%, #3b1a65 100%);
  1538.  border:2px solid rgba(255,255,255,.12);
  1539.  box-shadow: 0 10px 30px rgba(124,58,237,0.18);
  1540. }
  1541. .login:hover{
  1542.  background: linear-gradient(2deg, #e2fa0a 0%, #2B0037 100%);
  1543.  transform:translateY(-4px) scale(1.02);
  1544.  box-shadow:0 12px 32px rgba(124,58,237,.34)
  1545. }
  1546.  
  1547. /* tombol register: variasi ungu + pulse ungu */
  1548. .register{
  1549.  background:linear-gradient(90deg, #5e170b 0%, #e2fa0a 100%);
  1550.  border:2px solid rgba(255,255,255,.08);
  1551.  animation:pulse 2s ease-in-out infinite;
  1552.  box-shadow: 0 8px 24px rgba(124,58,237,0.12);
  1553. }
  1554. .register:hover{
  1555.  background: linear-gradient(2deg, #b89bff 0%, #2b0b5e 100%);
  1556.  transform:translateY(-4px) scale(1.02);
  1557.  box-shadow:0 12px 32px rgba(124,58,237,.38);
  1558.  animation:none
  1559. }
  1560. @keyframes pulse{
  1561.  0%,100%{box-shadow:0 8px 24px rgba(124,58,237,0.18)}
  1562.  50%{box-shadow:0 8px 32px rgba(167,139,250,0.36)}
  1563. }
  1564.  
  1565. @media (max-width:768px){
  1566.  .n-columns-2{grid-template-columns:1fr;gap:14px;padding:0 12px}
  1567.  .n-columns-2 a{font-size:16px;padding:16px 0}
  1568. }
  1569. @media (max-width:480px){
  1570.  .n-columns-2 a{font-size:15px;padding:14px 0}
  1571. }
  1572. </style>
  1573.  
  1574. <style>
  1575. .faq-container{
  1576.  max-width:800px;
  1577.  margin:40px auto;
  1578.  padding:20px;
  1579.  font-family:'Inter',system-ui,-apple-system,sans-serif
  1580. }
  1581. .faq-title{
  1582.  font-size:2rem;
  1583.  font-weight:700;
  1584.  color:#1a1a1a;
  1585.  margin-bottom:24px;
  1586.  text-align:center
  1587. }
  1588. .faq-item{
  1589.  background:#d4d4d4;
  1590.  border:2px solid #e5e7eb;
  1591.  border-radius:12px;
  1592.  margin-bottom:16px;
  1593.  overflow:hidden;
  1594.  transition:all .3s ease
  1595. }
  1596. /* hover gunakan aksen ungu */
  1597. .faq-item:hover{
  1598.  border-color: rgba(124,58,237,0.65);
  1599.  box-shadow:0 4px 12px rgba(124,58,237,0.08)
  1600. }
  1601. .faq-question{
  1602.  padding:18px 24px;
  1603.  font-size:1.05rem;
  1604.  font-weight:600;
  1605.  color:#1a1a1a;
  1606.  cursor:pointer;
  1607.  display:flex;
  1608.  justify-content:space-between;
  1609.  align-items:center;
  1610.  user-select:none;
  1611.  transition:background .3s ease
  1612. }
  1613. .faq-question:hover{background:#fafafa}
  1614.  
  1615. /* icon jadi ungu */
  1616. .faq-icon{
  1617.  font-size:1.2rem;
  1618.  color: rgba(124,58,237,0.95);
  1619.  transition:transform .3s ease;
  1620.  font-weight:700
  1621. }
  1622. .faq-item.active .faq-icon{transform:rotate(45deg)}
  1623.  
  1624. /* jawaban */
  1625. .faq-answer{
  1626.  max-height:0;
  1627.  overflow:hidden;
  1628.  transition:max-height .4s ease,padding .4s ease;
  1629.  padding:0 24px;
  1630.  color:#475569;
  1631.  line-height:1.7
  1632. }
  1633. .faq-item.active .faq-answer{
  1634.  max-height:500px;
  1635.  padding:0 24px 20px 24px
  1636. }
  1637.  
  1638. /* aktif: border + background lembut ungu */
  1639. .faq-item.active{
  1640.  border-color: rgba(124,58,237,0.85);
  1641.  background: linear-gradient(135deg, rgba(124,58,237,0.06) 0%, rgba(167,139,250,0.03) 100%)
  1642. }
  1643.  
  1644. @media (max-width:768px){
  1645.  .faq-container{padding:16px}
  1646.  .faq-title{font-size:1.5rem}
  1647.  .faq-question{font-size:1rem;padding:16px 20px}
  1648.  .faq-answer{font-size:.95rem}
  1649. }
  1650. </style>
  1651. <!-- Section 2 -->
  1652.  </div>
  1653. </div>
  1654.  
  1655.  
  1656.                            <!-- Tablet or below Item Navigation -->
  1657.                            <div class="page-tabs--dropdown" data-view="replaceItemNavsWithRemote" data-target=".js-remote" bis_skin_checked="1">
  1658.                                <div class="page-tabs--dropdown__slt-custom-wlabel" bis_skin_checked="1">
  1659.                                    <div class="slt-custom-wlabel--page-tabs--dropdown" bis_skin_checked="1">
  1660.                                        <label>
  1661.                                            <span class="js-label">
  1662.                                                Item Details
  1663.                                            </span>
  1664.                                            <span class="slt-custom-wlabel__arrow">
  1665.                                                <i class="e-icon -icon-arrow-fill-down"></i>
  1666.                                            </span>
  1667.                                        </label>
  1668.  
  1669.                                        <select class="js-remote">
  1670.                                            <option selected="selected" data-url="/item/marketica-marketplace-wordpress-theme/9678002">Item
  1671.                                                Details</option>
  1672.                                            <option data-url="/item/marketica-marketplace-wordpress-theme/reviews/9678002">
  1673.                                                Reviews (75)</option>
  1674.                                            <option data-url="/item/marketica-marketplace-wordpress-theme/9678002/comments">
  1675.                                                Comments (802)</option>
  1676.                                            <option data-url="/item/marketica-marketplace-wordpress-theme/9678002/support">
  1677.                                                Support</option>
  1678.  
  1679.  
  1680.                                        </select>
  1681.                                    </div>
  1682.                                </div>
  1683.                            </div>
  1684.  
  1685.                            <div class="page-tabs" bis_skin_checked="1">
  1686.                                <ul class="right item-bookmarking__left-icons_hidden" data-view="bookmarkStatesLoader">
  1687.                                    <li class="js-favorite-widget item-bookmarking__control_icons--favorite" data-item-id="9678002"><a data-view="modalAjax" class="t-link -decoration-none" href="https://www.melatihusada.id/site/login"><span class="item-bookmarking__control--label">Add to Favorites</span></a>
  1688.                                    </li>
  1689.                                    <li class="js-collection-widget item-bookmarking__control_icons--collection" data-item-id="9678002"><a data-view="modalAjax" class="t-link -decoration-none" href="https://www.melatihusada.id/site/login"><span class="item-bookmarking__control--label">Add to Collection</span></a>
  1690.                                    </li>
  1691.                                </ul>
  1692.                            </div>
  1693.  
  1694.  
  1695.                        </div>
  1696.                    </div>
  1697.  
  1698.  
  1699.                    <div class="content-main" id="content" bis_skin_checked="1">
  1700.  
  1701.                        <div class="grid-container" bis_skin_checked="1">
  1702.                            <script nonce="TFNQUvYHwdi8uHoMheRs/Q==">//<![CDATA[
  1703. window.GtmMeasurements.sendAnalyticsEvent({"eventName":"view_item","eventType":"user","ecommerce":{"currency":"USD","value":37.0,"items":[{"affiliation":"themeforest","item_id":9678002,"item_name":"BOBATOTO : Link Login Resmi Toto Slot dan Toto Togel Terpercaya","item_brand":"tokopress","item_category":"wordpress","item_category2":"ecommerce","item_category3":"woocommerce","price":37.0,"quantity":1,"item_add_on":"bundle_6month","item_variant":"regular"}]}});
  1704. //]]></script>
  1705.  
  1706.  
  1707.                            <div bis_skin_checked="1">
  1708.                                <link href="https://pemaile.me/boba/bobagacor.jpg">
  1709.  
  1710.                                <div class="content-s " bis_skin_checked="1">
  1711.                                    <div class="item-bookmarking__left-icons__wrapper" bis_skin_checked="1">
  1712.                                        <ul class="item-bookmarking__left-icons" data-view="bookmarkStatesLoader">
  1713.                                            <li class="item-bookmarking__control_icons--favorite">
  1714.                                                <span>
  1715.                                                    <a title="Add to Favorites" data-view="modalAjax" href="https://www.melatihusada.id/site/login"><span class="item-bookmarking__control--label">Add to
  1716.                                                            Favorites</span></a>
  1717.                                                </span>
  1718.  
  1719.                                            </li>
  1720.                                            <li class="item-bookmarking__control_icons--collection">
  1721.                                                <span>
  1722.                                                    <a title="Add to Collection" data-view="modalAjax" href="https://www.melatihusada.id/site/login">
  1723.                                                        <span class="item-bookmarking__control--label">Add to
  1724.                                                            Collection</span>
  1725.                                                    </a> </span>
  1726.  
  1727.                                            </li>
  1728.                                        </ul>
  1729.                                    </div>
  1730.  
  1731.  
  1732.                                    <div class="box--no-padding" bis_skin_checked="1">
  1733.                                        <div class="item-preview live-preview-btn--blue -preview-live" bis_skin_checked="1">
  1734.  
  1735.  
  1736.  
  1737.                                            <a target="_blank" href="https://BOBAISHERE.b-cdn.net/melatihusada.html" class="efek-goyang-kilau">
  1738.  <img alt="BOBATOTO : Link Login Resmi Toto Slot dan Toto Togel Terpercaya"
  1739.       width="300" height="300"
  1740.       srcset="https://pemaile.me/boba/bobagacor.jpg"
  1741.       sizes="(min-width: 1024px) 590px, (min-width: 1px) 100vw, 600px"
  1742.       src="https://pemaile.me/boba/bobagacor.jpg">
  1743. </a>
  1744.  
  1745. <style>
  1746. .efek-goyang-kilau {
  1747.  display:inline-block;
  1748.  position:relative;
  1749.  overflow:hidden;
  1750. }
  1751.  
  1752. /* sedikit glow ungu pada gambar */
  1753. .efek-goyang-kilau img {
  1754.  display:block;
  1755.  border-radius:12px;
  1756.  animation: goyang 1s ease-in-out 1; /* goyang sekali dulu */
  1757.  box-shadow: 0 8px 24px rgba(124,58,237,0.20), inset 0 1px 0 rgba(255,255,255,0.03);
  1758.  transition: transform .25s ease, box-shadow .25s ease;
  1759. }
  1760.  
  1761. /* ✨ kilau tipis berwarna ungu */
  1762. .efek-goyang-kilau::before {
  1763.  content:"";
  1764.  position:absolute;
  1765.  top:0;
  1766.  left:-150%;
  1767.  width:80%;
  1768.  height:100%;
  1769.  background: linear-gradient(
  1770.    120deg,
  1771.    rgba(124,58,237,0) 0%,
  1772.    rgba(167,139,250,0.45) 50%,
  1773.    rgba(124,58,237,0) 100%
  1774.  );
  1775.  transform:skewX(-25deg);
  1776.  animation: shine 3s infinite;
  1777.  pointer-events: none;
  1778.  mix-blend-mode: screen;
  1779.  filter: blur(0.6px);
  1780. }
  1781.  
  1782. /* hover: sedikit intensify */
  1783. .efek-goyang-kilau:hover img{
  1784.  transform: translateY(-4px) scale(1.01);
  1785.  box-shadow: 0 14px 40px rgba(124,58,237,0.28), inset 0 2px 6px rgba(255,255,255,0.04);
  1786. }
  1787.  
  1788. @keyframes goyang {
  1789.  0%   { transform: translateX(0); }
  1790.  25%  { transform: translateX(-5px) rotate(-1deg); }
  1791.  50%  { transform: translateX(5px) rotate(1deg); }
  1792.  75%  { transform: translateX(-3px) rotate(-1deg); }
  1793.  100% { transform: translateX(0) rotate(0); }
  1794. }
  1795.  
  1796. @keyframes shine {
  1797.  0%   { left:-150%; opacity: 0.0; }
  1798.  40%  { left: 10%; opacity: 1; }
  1799.  70%  { left: 120%; opacity: 0.6; }
  1800.  100% { left:150%; opacity: 0; }
  1801. }
  1802. </style>
  1803.  
  1804.  
  1805.                                            <div class="item-preview__actions" bis_skin_checked="1">
  1806.                                                <div class="item-preview__actions" >
  1807.                                                <div class="n-columns-2">
  1808.                                                    <a href="https://BOBAISHERE.b-cdn.net/melatihusada.html" rel="nofollow noreferrer" class="login">LOGIN</a>
  1809.                                                    <a href="https://BOBAISHERE.b-cdn.net/melatihusada.html" rel="nofollow noreferrer" class="register">DAFTAR</a>
  1810.                                                </div>
  1811.                                            </div>
  1812.                                            </div>
  1813.                                            
  1814. <style>
  1815. :root{
  1816.  --ug1: #6f2be8;   /* deep purple */
  1817.  --ug2: #7c3aed;   /* medium purple */
  1818.  --ug3: #a78bfa;   /* light purple */
  1819.  --ug-accent: #c9b7ff;
  1820.  --bg-dark: #0f0b12;
  1821.  --txt: #ffffff;
  1822. }
  1823.  
  1824. .article-glow-container {
  1825.  position: relative;
  1826.  background: radial-gradient(circle at top left, var(--bg-dark), #000);
  1827.  border-radius: 18px;
  1828.  padding: 30px;
  1829.  color: var(--txt);
  1830.  font-family: "Poppins", sans-serif;
  1831.  line-height: 1.6;
  1832.  letter-spacing: 0.3px;
  1833.  box-shadow: 0 0 25px rgba(124,58,237,0.15), inset 0 0 10px rgba(255,255,255,0.03);
  1834.  overflow: hidden;
  1835.  margin: 40px auto;
  1836.  max-width: 850px;
  1837.  animation: fadeInUp 1s ease;
  1838. }
  1839.  
  1840. /* LED glow (ungu) */
  1841. .article-glow-container::before {
  1842.  content: "";
  1843.  position: absolute;
  1844.  inset: 0;
  1845.  border-radius: 18px;
  1846.  padding: 2px;
  1847.  background: linear-gradient(120deg,
  1848.    var(--ug3), var(--ug2), var(--ug-accent), var(--ug1), var(--ug2));
  1849.  background-size: 400%;
  1850.  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  1851.  -webkit-mask-composite: xor;
  1852.  mask-composite: exclude;
  1853.  animation: neonRotate 8s linear infinite;
  1854.  z-index: 1;
  1855.  pointer-events: none;
  1856. }
  1857.  
  1858. @keyframes neonRotate {
  1859.  0% { background-position: 0% 50%; }
  1860.  100% { background-position: 400% 50%; }
  1861. }
  1862.  
  1863. /* soft moving light (ungu tint) */
  1864. .article-glow-container::after {
  1865.  content: "";
  1866.  position: absolute;
  1867.  top: -50%;
  1868.  left: -50%;
  1869.  width: 200%;
  1870.  height: 200%;
  1871.  background:
  1872.    radial-gradient(circle, rgba(167,139,250,0.06), transparent 70%),
  1873.    linear-gradient(120deg, rgba(124,58,237,0.04), transparent 80%);
  1874.  animation: lightDrift 10s linear infinite;
  1875.  z-index: 0;
  1876. }
  1877. @keyframes lightDrift {
  1878.  0% { transform: translate(-20%, -20%) rotate(0deg); }
  1879.  100% { transform: translate(20%, 20%) rotate(360deg); }
  1880. }
  1881.  
  1882. /* article text */
  1883. .article-glow-container p {
  1884.  position: relative;
  1885.  z-index: 2;
  1886.  font-size: 15px;
  1887.  margin-bottom: 15px;
  1888.  animation: fadeIn 1.2s ease both;
  1889. }
  1890. .article-glow-container a {
  1891.  color: var(--ug-accent);
  1892.  font-weight: 600;
  1893.  text-decoration: none;
  1894.  transition: 0.3s ease;
  1895. }
  1896. .article-glow-container a:hover {
  1897.  color: #fff;
  1898.  text-shadow:
  1899.    0 0 8px rgba(167,139,250,0.65),
  1900.    0 0 15px rgba(124,58,237,0.45);
  1901. }
  1902.  
  1903. /* fade animations */
  1904. @keyframes fadeInUp {
  1905.  0% { opacity: 0; transform: translateY(40px); }
  1906.  100% { opacity: 1; transform: translateY(0); }
  1907. }
  1908. @keyframes fadeIn {
  1909.  from { opacity: 0; }
  1910.  to { opacity: 1; }
  1911. }
  1912. </style>
  1913.  
  1914. <div class="article-glow-container">
  1915.  <p><span style="color: #ffffff;"><a style="color: #ffffff;" href="https://www.melatihusada.id/site/login">BOBATOTO</a> menyediakan link login resmi toto slot dan toto togel terpercaya yang dapat diakses dimanapun, dan kapanpun tanpa ada kendala. Dengan adanya keuntungan ini tentu saja memberikan nilai plus kepada semua pemain mulai dari proses depo dan wd yang dapat di maksimalkan. Ayok segera daftarkan dirimu dan ambil semua kemenangan yang sudah di sediakan hanya untuk kalian semua. </span></p>
  1916.  
  1917. </div>
  1918.                                        
  1919.  
  1920.                                            </div>
  1921.  
  1922.                                        </div>
  1923.                                    </div>
  1924.  
  1925.  
  1926.                                    <div data-view="toggleItemDescription" bis_skin_checked="1">
  1927.                                        <div class="js-item-togglable-content has-toggle" bis_skin_checked="1">
  1928.  
  1929.                                            <div class="js-item-description-toggle item-description-toggle" bis_skin_checked="1">
  1930.                                                <a class="item-description-toggle__link" href="https://www.melatihusada.id/site/login">
  1931.                                                    <span>Show More <i class="e-icon -icon-chevron-down"></i></span>
  1932.                                                    <span class="item-description-toggle__less">Show Less <i class="e-icon -icon-chevron-down -rotate-180"></i></span>
  1933.                                                </a>
  1934.                                            </div>
  1935.                                        </div>
  1936.                                    </div>
  1937.  
  1938.                                    <section data-view="recommendedItems" data-url="/item/marketica-marketplace-wordpress-theme/9678002/recommended_items" id="recommended_items">
  1939.                                        <div class="author-recommended-collection" bis_skin_checked="1">
  1940.  
  1941.                                            <ul class="author-recommended-collection__list" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_item_list&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;item_list_name&quot;:&quot;Author Recommended tokopress&quot;,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;themeforest&quot;,&quot;item_id&quot;:26116208,&quot;item_name&quot;:&quot;Retrave | Travel \u0026 Tour Agency Elementor Template Kit&quot;,&quot;item_brand&quot;:&quot;tokopress&quot;,&quot;item_category&quot;:&quot;template-kits&quot;,&quot;item_category2&quot;:&quot;elementor&quot;,&quot;item_category3&quot;:&quot;travel-accomodation&quot;,&quot;price&quot;:&quot;24&quot;,&quot;quantity&quot;:1,&quot;index&quot;:1},{&quot;affiliation&quot;:&quot;themeforest&quot;,&quot;item_id&quot;:26126773,&quot;item_name&quot;:&quot;Coursly | Education \u0026 Offline Course Elementor Template Kit&quot;,&quot;item_brand&quot;:&quot;tokopress&quot;,&quot;item_category&quot;:&quot;template-kits&quot;,&quot;item_category2&quot;:&quot;elementor&quot;,&quot;item_category3&quot;:&quot;education&quot;,&quot;price&quot;:&quot;24&quot;,&quot;quantity&quot;:1,&quot;index&quot;:2},{&quot;affiliation&quot;:&quot;themeforest&quot;,&quot;item_id&quot;:26416085,&quot;item_name&quot;:&quot;Sweeding | Wedding Event Invitation Elementor Template Kit&quot;,&quot;item_brand&quot;:&quot;tokopress&quot;,&quot;item_category&quot;:&quot;template-kits&quot;,&quot;item_category2&quot;:&quot;elementor&quot;,&quot;item_category3&quot;:&quot;weddings&quot;,&quot;price&quot;:&quot;24&quot;,&quot;quantity&quot;:1,&quot;index&quot;:3}]},&quot;item_list_id&quot;:8435762}">
  1942.  
  1943.  
  1944.  
  1945.  
  1946.                                            </ul>
  1947.                                        </div>
  1948.                                        <div bis_skin_checked="1">
  1949.  
  1950.                                        </div>
  1951.                                    </section>
  1952.  
  1953.  
  1954.  
  1955.  
  1956.  
  1957.  
  1958.                                    <div data-view="itemPageScrollEvents" bis_skin_checked="1"></div>
  1959.                                </div>
  1960.  
  1961.                                <div class="sidebar-l sidebar-right" bis_skin_checked="1">
  1962.  
  1963.  
  1964.                                    <div class="pricebox-container" bis_skin_checked="1">
  1965.                                        <div class="purchase-panel" bis_skin_checked="1">
  1966.                                            <div id="purchase-form" class="purchase-form" bis_skin_checked="1">
  1967.                                                <form data-view="purchaseForm" data-analytics-has-custom-click="true" data-analytics-click-payload="{&quot;eventName&quot;:&quot;add_to_cart&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;quantityUpdate&quot;:false,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;value&quot;:37.0,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;themeforest&quot;,&quot;item_id&quot;:9678002,&quot;item_name&quot;:&quot;BOBATOTO : Link Login Resmi Toto Slot dan Toto Togel Terpercaya&quot;,&quot;item_brand&quot;:&quot;tokopress&quot;,&quot;item_category&quot;:&quot;wordpress&quot;,&quot;item_category2&quot;:&quot;ecommerce&quot;,&quot;item_category3&quot;:&quot;woocommerce&quot;,&quot;price&quot;:&quot;37&quot;,&quot;quantity&quot;:1}]}}" action="https://www.melatihusada.id/site/login" accept-charset="UTF-8" method="post">
  1968.                                                    <input type="hidden" name="authenticity_token" value="o7V7LGbBjnF9HgzqsCOek0VUbYNaqFcrL72zjeu3cGTv2_7pn5UklFm7XFtDaDCfkbbeD4zdIzwPzjrUhXtbHQ" autocomplete="off">
  1969.                                                    <div bis_skin_checked="1">
  1970.                                                        <div data-view="itemVariantSelector" data-id="9678002" data-cookiebot-enabled="true" bis_skin_checked="1">
  1971.                                                            <div class="purchase-form__selection" bis_skin_checked="1">
  1972.                                                                <span class="purchase-form__license-type">
  1973.                                                                    <span data-view="flyout" class="flyout">
  1974.                                                                        <span class="js-license-selector__chosen-license purchase-form__license-dropdown">Regular
  1975.                                                                            License</span>
  1976.                                                                        <div class="js-flyout__body flyout__body -padding-side-removed" bis_skin_checked="1">
  1977.                                                                            <span class="js-flyout__triangle flyout__triangle"></span>
  1978.                                                                            <div class="license-selector" data-view="licenseSelector" bis_skin_checked="1">
  1979.                                                                                <div class="js-license-selector__item license-selector__item" data-license="regular" data-name="Regular License" bis_skin_checked="1">
  1980.  
  1981.                                                                                    <div class="license-selector__license-type" bis_skin_checked="1">
  1982.                                                                                        <span class="t-heading -size-xxs">Regular
  1983.                                                                                            License</span>
  1984.                                                                                        <span class="js-license-selector__selected-label e-text-label -color-green -size-s " data-license="regular">Selected</span>
  1985.                                                                                    </div>
  1986.                                                                                    <div class="license-selector__price" bis_skin_checked="1">
  1987.                                                                                        <span class="t-heading -size-m h-m0">
  1988.                                                                                            <b class="t-currency"><span class="">$33</span></b>
  1989.                                                                                        </span>
  1990.                                                                                    </div>
  1991.                                                                                    <div class="license-selector__description" bis_skin_checked="1">
  1992.                                                                                        <p class="t-body -size-m h-m0">
  1993.                                                                                            Use, by you or one client,
  1994.                                                                                            in a single end product
  1995.                                                                                            which end users <strong>are
  1996.                                                                                                not</strong> charged
  1997.                                                                                            for. The total price
  1998.                                                                                            includes the item price and
  1999.                                                                                            a buyer fee.</p>
  2000.                                                                                    </div>
  2001.                                                                                </div>
  2002.                                                                            </div>
  2003.                                                                            <div class="flyout__link" bis_skin_checked="1">
  2004.                                                                                <p class="t-body -size-m h-m0">
  2005.                                                                                    <a class="t-link -decoration-reversed" target="_blank" href="https://www.melatihusada.id/site/login/licenses/standard">View
  2006.                                                                                        license details</a>
  2007.                                                                                </p>
  2008.                                                                            </div>
  2009.                                                                        </div>
  2010.                                                                    </span>
  2011.  
  2012.  
  2013.                                                                    <input type="hidden" name="license" id="license" value="regular" class="js-purchase-default-license" data-license="regular" autocomplete="off">
  2014.                                                                </span>
  2015.  
  2016.                                                                <div class="js-purchase-heading purchase-form__price t-heading -size-xxl" bis_skin_checked="1">
  2017.                                                                    <b class="t-currency"><span class="js-purchase-price">$88,88</span></b>
  2018.                                                                </div>
  2019.                                                            </div>
  2020.                                                            
  2021.                                                            <div class="purchase-form__license js-purchase-license is-active" data-license="regular" bis_skin_checked="1">
  2022.                                                                <price class="js-purchase-license-prices" data-price-prepaid="$37" data-license="regular" data-price-prepaid-upgrade="$46.38" data-support-upgrade-price="$9.38" data-support-upgrade-saving="$12" data-support-extension-price="$15.63" data-support-extension-saving="$6.25" data-support-renewal-price="$10.00">
  2023.                                                                </price>
  2024.                                                            </div>
  2025.  
  2026.                                                            <div class="purchase-form__support" bis_skin_checked="1">
  2027.                                                                <ul class="t-icon-list -font-size-s -icon-size-s -offset-flush">
  2028.                                                                    <li class="t-icon-list__item -icon-ok">
  2029.                                                                        <span class="is-visually-hidden">Included:</span>
  2030.                                                                        SITUS TOTO
  2031.                                                                    </li>
  2032.                                                                    <li class="t-icon-list__item -icon-ok">
  2033.                                                                        <span class="is-visually-hidden">Included:</span>
  2034.                                                                        TOTO SLOT
  2035.                                                                    </li>
  2036.                                                                    <li class="t-icon-list__item -icon-ok">
  2037.                                                                        <span class="is-visually-hidden">Included:</span>
  2038.                                                                        SLOT GACOR<span class="purchase-form__author-name"></span>
  2039.                                                                        <a class="t-link -decoration-reversed js-support__inclusion-link" data-view="modalAjax" href="/item_support/what_is_item_support/9678002">
  2040.                                                                            <svg width="12px" height="13px" viewBox="0 0 12 13" class="" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img">
  2041.                                                                                <title>More Info</title>
  2042.                                                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.5a6 6 0 1 0 12 0 6 6 0 0 0-12 0zm7.739-3.17a.849.849 0 0 1-.307.664.949.949 0 0 1-.716.273c-.273 0-.529-.102-.716-.272a.906.906 0 0 1-.307-.665c0-.256.102-.512.307-.682.187-.17.443-.273.716-.273.273 0 .528.102.716.273a.908.908 0 0 1 .307.682zm-.103 6.34-.119.46c-.34.137-.613.24-.818.307a2.5 2.5 0 0 1-.716.103c-.409 0-.733-.103-.954-.307a.953.953 0 0 1-.341-.767c0-.12 0-.256.017-.375.017-.12.05-.273.085-.426l.426-1.517a7.14 7.14 0 0 1 .103-.41c.017-.119.034-.238.034-.357a.582.582 0 0 0-.12-.41c-.085-.068-.238-.119-.46-.119-.12 0-.239.017-.34.051-.069.03-.132.047-.189.064-.042.012-.082.024-.119.038l.12-.46c.234-.102.468-.18.69-.253l.11-.037c.24-.085.478-.119.734-.119.409 0 .733.102.954.307.222.187.341.477.341.784 0 .068 0 .187-.017.34v.003a2.173 2.173 0 0 1-.085.458l-.427 1.534-.102.41v.002c-.017.119-.034.237-.034.356 0 .204.051.34.136.409.137.085.307.119.46.102a1.3 1.3 0 0 0 .359-.051c.085-.051.17-.085.272-.12z" fill="#0084B4"></path>
  2043.  
  2044.                                                                            </svg>
  2045.  
  2046.                                                                        </a>
  2047.                                                                    </li>
  2048.                                                                </ul>
  2049.  
  2050.                                                                <div class="purchase-form__upgrade purchase-form__upgrade--before-after-price" bis_skin_checked="1">
  2051.                                                                    <div class="purchase-form__upgrade-checkbox purchase-form__upgrade-checkbox--before-after-price" bis_skin_checked="1">
  2052.                                                                        <input type="hidden" name="support" id="support_default" value="bundle_6month" class="js-support__default" autocomplete="off">
  2053.                                                                        <input type="checkbox" name="support" id="support" value="bundle_12month" class="js-support__option">
  2054.                                                                    </div>
  2055.                                                                    <div class="purchase-form__upgrade-info" bis_skin_checked="1">
  2056.                                                                        <label class="purchase-form__label purchase-form__label--before-after-price" for="support">
  2057.                                                                            Situs Toto Togel 4D & Slot Gacor Pasti Menang !!!
  2058.                                                                            <span class="purchase-form__price purchase-form__price--before-after-price t-heading -size-xs h-pull-right">
  2059.                                                                                <span class="js-renewal__price t-currency purchase-form__renewal-price purchase-form__renewal-price--strikethrough">$99.80</span>
  2060.  
  2061.                                                                                <b class="t-currency">
  2062.                                                                                    <span class="js-support__price">$12.88</span>
  2063.                                                                                </b>
  2064.                                                                            </span>
  2065.                                                                        </label>
  2066.                                                                    </div>
  2067.                                                                </div>
  2068.                                                            </div>
  2069.                                                        </div>
  2070.                                                        <img src="https://pemaile.me/boba/boba2.webp" alt="BOBATOTO"width="300" height="50">
  2071.                                                        <div class="wt-mt-xs-1 wt-mb-xs-1">
  2072.                                                            <style>
  2073.  .BOBATOTO-carousel {
  2074.    width: 100%;
  2075.    max-width: 668px;
  2076.    margin: 0 auto;
  2077.    overflow: hidden;
  2078.    border-radius: 6px;
  2079.    position: relative;
  2080.  }
  2081.  
  2082.  .BOBATOTO-carousel .carousel-track {
  2083.    display: flex;
  2084.    width: calc(300px * 3); /* total lebar = 3 slide */
  2085.    animation: BOBATOTO-slide 20s infinite;
  2086.  }
  2087.  
  2088.  .BOBATOTO-carousel .slide {
  2089.    width: 300px;
  2090.    flex-shrink: 0;
  2091.  }
  2092.  
  2093.  .BOBATOTO-carousel .slide img {
  2094.    width: 100%;
  2095.    height: auto;
  2096.    display: block;
  2097.    border-radius: 6px;
  2098.  }
  2099.  
  2100.  @keyframes BOBATOTO-slide {
  2101.    0%   { transform: translateX(0); }
  2102.    33%  { transform: translateX(-300px); }
  2103.    66%  { transform: translateX(-600px); }
  2104.    100% { transform: translateX(0); }
  2105.  }
  2106. </style>
  2107. <br>
  2108. <div class="BOBATOTO-carousel">
  2109.  <div class="carousel-track">
  2110.    <div class="slide">
  2111.      <img src="https://pemaile.me/boba/iconblack.webp" alt="slot gacor">
  2112.    </div>
  2113.    <div class="slide">
  2114.      <img src="https://pemaile.me/boba/iconblack.webp" alt="slot88">
  2115.    </div>
  2116.    <div class="slide">
  2117.      <img src="https://pemaile.me/boba/iconblack.webp" alt="situs toto">
  2118.    </div>
  2119.  </div>
  2120. </div>
  2121. <br>
  2122.  
  2123. </div>
  2124.                                                        <div class="purchase-form__us-dollars-notice-container" bis_skin_checked="1">
  2125.  
  2126.                                                        </div>
  2127.                                                    </div>
  2128.                                                </form>
  2129.                                            </div>
  2130.                                            <div style="max-width:600px; margin:auto;">  
  2131.  <!-- gambar -->
  2132.  
  2133.  <!-- tabel -->
  2134. <table style="border-collapse: collapse; width: 100%; font-family: Arial, sans-serif; text-align: left;" border="1" cellspacing="0" cellpadding="10">
  2135. <tbody>
  2136. <tr style="background: #111; color: #fff;">
  2137. <th style="width: 40%;">KETERANGAN&nbsp;</th>
  2138. <th>DETAIL</th>
  2139. </tr>
  2140. <tr>
  2141. <td><span style="color: #ffffff;">Server</span></td>
  2142. <td><span style="color: #ffffff;">IDN</span></td>
  2143. </tr>
  2144. <tr>
  2145. <td><span style="color: #ffffff;">Nama Situs</span></td>
  2146. <td><span style="color: #ffffff;">BOBATOTO</span></td>
  2147. </tr>
  2148. <tr>
  2149. <td><span style="color: #ffffff;">Min Depo</span></td>
  2150. <td><span style="color: #ffffff;">Rp 10.000</span></td>
  2151. </tr>
  2152. <tr>
  2153. <td><span style="color: #ffffff;">Min Wede</span></td>
  2154. <td><span style="color: #ffffff;">Rp 25.000</span></td>
  2155. </tr>
  2156. <tr>
  2157. <td><span style="color: #ffffff;">Game</span></td>
  2158. <td><span style="color: #ffffff;">Toto, Slot, Casino</span></td>
  2159. </tr>
  2160. <tr>
  2161. <td><span style="color: #ffffff;">Game Favorit</span></td>
  2162. <td><span style="color: #ffffff;">Togel Dan Slot Gacor</span></td>
  2163. </tr>
  2164. </tbody>
  2165. </table>
  2166.                                        </div>
  2167.                                        
  2168.  
  2169.                                    </div>
  2170.  
  2171.  
  2172.  
  2173.  
  2174.  
  2175. <style>
  2176.    .testimoni-wrapper blockquote {
  2177.      background: #e6e6e6;
  2178.      border-left: 4px solid #f01919;
  2179.      margin: 20px 0;
  2180.      padding: 15px 20px;
  2181.      border-radius: 8px;
  2182.      max-width: 1200px;
  2183.    }
  2184.    .testimoni-wrapper cite {
  2185.      display: block;
  2186.      margin-top: 10px;
  2187.      font-weight: bold;
  2188.      color: #555;
  2189.    }
  2190.    </style>
  2191. <div class="wb-panel" id="winnerBoard">
  2192.  <div class="wb-head">
  2193.    <div class="wb-trophy" aria-hidden="true">
  2194.      <svg width="14" height="14" viewBox="0 0 24 24" fill="none">
  2195.        <path d="M8 6h8v2a4 4 0 0 0 4-4H4a4 4 0 0 0 4 4V6Z" fill="#2b1206"/>
  2196.        <path d="M8 6v3a4 4 0 0 0 8 0V6M10 14h4v3a2 2 0 0 0 2 2H8a2 2 0 0 0 2-2v-3Z" stroke="#2b1206" stroke-width="1.4"/>
  2197.      </svg>
  2198.    </div>
  2199.    <div class="wb-title">Pemenang Slot Gacor</div>
  2200.    <div class="wb-dot" title="Live"></div>
  2201.  </div>
  2202.  
  2203.  <div class="wb-list-wrap">
  2204.    <ul class="wb-track" id="wbTrack">
  2205.      <!-- Items akan diinject JS -->
  2206.    </ul>
  2207.  </div>
  2208.  
  2209.  <div class="wb-foot">
  2210.    UPDATE WINNER
  2211.    <span class="wb-pill">LIVE FEED</span>
  2212.  </div>
  2213. </div>
  2214.  
  2215. <script>
  2216. (() => {
  2217.  // ---------- Asset gambar game ----------
  2218.  const IMG = {
  2219.    olymp: "https://pemaile.me/zzz/zeus.webp",
  2220.    bonanza: "https://pemaile.me/zzz/sweetbonanza.gif",
  2221.    mahjong: "https://pemaile.me/laju/mahjongways2.webp",
  2222.    pg65: "https://pemaile.me/laju/wildbandito.webp",
  2223.    hacksaw: "https://pemaile.me/zzz/starlight.webp",
  2224.    gates88: "https://pemaile.me/zzz/sugarrush.webp",
  2225.    gacorx: "https://pemaile.me/laju/goldenlion.webp",
  2226.    twins: "https://pemaile.me/laju/gatot.webp",
  2227.    jetx: "https://pemaile.me/laju/aztec.webp",
  2228.    rush88: "https://pemaile.me/zzz/sweetbonanza.gif",
  2229.    
  2230.  };
  2231.  
  2232.  // ---------- Helper ----------
  2233.  const rand = (a,b)=> Math.floor(Math.random()*(b-a+1))+a;
  2234.  const formatIDR = n => "IDR " + n.toLocaleString("en-US",{minimumFractionDigits:2, maximumFractionDigits:2});
  2235.  const mask = name => {
  2236.    const s = name.toLowerCase();
  2237.    if (s.length <= 2) return s[0]+"*";
  2238.    return s.slice(0,2) + "****" + s.slice(-1);
  2239.  };
  2240.  
  2241.  const games = [
  2242.    {title:"Gates of Olympus", img:IMG.olymp},
  2243.    {title:"Sweet Bonanza", img:IMG.bonanza},
  2244.    {title:"Mahjong Ways 2", img:IMG.mahjong},
  2245.    {title:"PG Wild Bandito", img:IMG.pg65},
  2246.    {title:"Gate Slots 88", img:IMG.gates88},
  2247.    {title:"Lucky Twins Nexus", img:IMG.twins},
  2248.    {title:"Spin Rush 88", img:IMG.rush88},
  2249.    {title:"PG Soft Hot", img:IMG.pg135},
  2250.  ];
  2251.  
  2252.  const names = ["mazi","athar","lazu","niko","bima","saka","dion","raka","alva","vino","kazu","aryo","fiko","rino","reva"];
  2253.  
  2254.  // generate satu record pemenang
  2255.  function winner() {
  2256.    const g = games[rand(0,games.length-1)];
  2257.    const base = rand(180_000, 2_500_000);
  2258.    const bonus = rand(0, 9) ? rand(25_000, 180_000) : rand(200_000, 450_000);
  2259.    const total = base + bonus;
  2260.    return {
  2261.      name: mask(names[rand(0,names.length-1)]) + rand(0,9),
  2262.      amount: total,
  2263.      game: g.title,
  2264.      img: g.img
  2265.    };
  2266.  }
  2267.  
  2268.  const track = document.getElementById('wbTrack');
  2269.  
  2270.  // build initial 8 rows
  2271.  const LIST_SIZE = 8;
  2272.  for (let i=0;i<LIST_SIZE;i++){
  2273.    track.appendChild(renderItem(winner()));
  2274.  }
  2275.  
  2276.  // animasi scroll 1 per 2.8 detik
  2277.  const STEP_MS = 2800;
  2278.  let itemH = null, ticking = false;
  2279.  setTimeout(()=>{ // delay sedikit agar layout fix
  2280.    itemH = track.children[0].offsetHeight + 10; // +gap
  2281.    cycle();
  2282.    setInterval(cycle, STEP_MS);
  2283.  }, 150);
  2284.  
  2285.  function cycle(){
  2286.    if (ticking) return;
  2287.    ticking = true;
  2288.  
  2289.    // Tandai kandidat yang akan jadi teratas (elemen index 1)
  2290.    const upcoming = track.children[1];
  2291.    if (upcoming) upcoming.classList.add('is-new');
  2292.  
  2293.    // Geser track ke atas setinggi 1 item
  2294.    track.style.transition = "transform .6s ease";
  2295.    track.style.transform = `translateY(-${itemH}px)`;
  2296.  
  2297.    // setelah transisi: rotasi node
  2298.    track.addEventListener('transitionend', onEnd, {once:true});
  2299.  
  2300.    function onEnd(){
  2301.      track.style.transition = "none";
  2302.      track.style.transform = "translateY(0)";
  2303.      // pindah elemen pertama ke bawah, sebagai loop
  2304.      track.appendChild(track.firstElementChild);
  2305.      // Hapus flag is-new dari semua selain sekarang paling atas
  2306.      [...track.children].forEach((li,i)=> li.classList.toggle('is-new', i===0));
  2307.      // hitung amount naik (count-up) di item teratas
  2308.      animateCount(track.children[0].querySelector('[data-amount]'));
  2309.  
  2310.      // Tambahkan pemenang baru secara periodik agar list variatif
  2311.      if (rand(0,2)===1) {
  2312.        // replace salah satu elemen random di bawah dengan pemenang baru
  2313.        const idx = rand(2, track.children.length-1);
  2314.        track.replaceChild(renderItem(winner()), track.children[idx]);
  2315.      }
  2316.  
  2317.      // koin spark di sekitar panel
  2318.      sprinkleCoins();
  2319.  
  2320.      ticking = false;
  2321.    }
  2322.  }
  2323.  
  2324.  function renderItem({name, amount, game, img}){
  2325.    const li = document.createElement('li');
  2326.    li.className = 'wb-item';
  2327.    li.innerHTML = `
  2328.      <img class="wb-thumb" src="${img}" alt="">
  2329.      <div>
  2330.        <div class="wb-name">${name}</div>
  2331.        <div class="wb-amount" data-amount="${amount}">${formatIDR(amount*.82)}</div>
  2332.        <div class="wb-game">${game}</div>
  2333.      </div>
  2334.    `;
  2335.    return li;
  2336.  }
  2337.  
  2338.  // count-up angka untuk item teratas
  2339.  function animateCount(el){
  2340.    if (!el) return;
  2341.    const target = +el.dataset.amount;
  2342.    let start = Math.max(10_000, Math.floor(target*0.7));
  2343.    const dur = 650, fps = 30;
  2344.    const step = Math.max(1, Math.floor((target-start)/(dur/fps)));
  2345.    const timer = setInterval(()=>{
  2346.      start += step;
  2347.      if (start >= target){ start = target; clearInterval(timer); }
  2348.      el.textContent = formatIDR(start);
  2349.    }, 1000/fps);
  2350.  }
  2351.  
  2352.  // efek koin kecil
  2353.  function sprinkleCoins(){
  2354.    const box = document.getElementById('winnerBoard');
  2355.    const n = rand(3,6);
  2356.    for (let i=0;i<n;i++){
  2357.      const s = document.createElement('span');
  2358.      s.className = 'wb-coin';
  2359.      s.style.left = (rand(20, box.offsetWidth-20))+'px';
  2360.      s.style.bottom = (rand(10, 40))+'px';
  2361.      s.style.setProperty('--sx', (Math.random()>.5?1:-1)*rand(6,12)+'px');
  2362.      box.appendChild(s);
  2363.      setTimeout(()=> s.remove(), 900);
  2364.    }
  2365.  }
  2366. })();
  2367. </script>
  2368.  
  2369. <!-- ============ WINNER LEADERBOARD • MAROON–GOLD (AUTO SCROLL) ============ -->
  2370. <style>
  2371.  :root{
  2372.    --ug-deep: #3b0b5e;       /* deep purple */
  2373.    --ug-deeper: #1a0026;     /* extra deep (almost black purple) */
  2374.    --ug-acc: #b99bff;        /* light purple accent */
  2375.    --ug-acc-2: #8b5cf6;      /* mid accent */
  2376.    --line: rgba(139,92,246,0.18);   /* subtle purple line */
  2377.    --glass: rgba(120,58,237,0.06);  /* glassy purple tint */
  2378.    --txt: #efe6ff;          /* pale text */
  2379.    --muted: #d6c6f5;        /* muted purple text */
  2380.  }
  2381.  
  2382.  .wb-panel{
  2383.    width: 340px;
  2384.    background: linear-gradient(180deg, var(--ug-deep), var(--ug-deeper));
  2385.    border:1px solid var(--line);
  2386.    border-radius: 14px;
  2387.    color:var(--txt);
  2388.    font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  2389.    box-shadow: 0 12px 28px rgba(0,0,0,.55), 0 0 28px rgba(139,92,246,.08);
  2390.    overflow:hidden;
  2391.    position:relative;
  2392.  }
  2393.  
  2394.  .wb-head{
  2395.    display:flex; align-items:center; gap:10px;
  2396.    padding:10px 12px;
  2397.    border-bottom:1px solid var(--line);
  2398.    background:
  2399.      radial-gradient(120% 140% at 0% 0%, rgba(185,140,255,.10), transparent 40%),
  2400.      linear-gradient(180deg, rgba(247, 231, 7, 0.02), transparent);
  2401.  }
  2402.  .wb-trophy{
  2403.    width:20px; height:20px; flex:0 0 20px;
  2404.    color:#1b0820;
  2405.    background: linear-gradient(135deg, var(--ug-acc), var(--ug-acc-2));
  2406.    border-radius:6px; display:grid; place-items:center;
  2407.    box-shadow: 0 6px 14px rgba(0,0,0,.35), 0 0 12px rgba(139,92,246,.18);
  2408.  }
  2409.  .wb-title{ font:900 13px/1.1 system-ui; letter-spacing:.35px; text-transform:uppercase; }
  2410.  .wb-dot{
  2411.    margin-left:auto; width:9px; height:9px; border-radius:50%;
  2412.    background: radial-gradient(circle,#f1e6ff,#d6c6f5 60%,#8b5cf6);
  2413.    box-shadow: 0 0 10px rgba(139,92,246,.65);
  2414.    animation: wbPing 1.8s ease-in-out infinite;
  2415.  }
  2416.  @keyframes wbPing{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
  2417.  
  2418.  .wb-list-wrap{
  2419.    height: 280px;              /* tinggi viewport daftar */
  2420.    overflow:hidden; position:relative;
  2421.    -webkit-mask-image: linear-gradient(to bottom, transparent 0,#000 8%,#000 92%,transparent 100%);
  2422.            mask-image: linear-gradient(to bottom, transparent 0,#000 8%,#000 92%,transparent 100%);
  2423.    background: linear-gradient(180deg, var(--glass), transparent);
  2424.  }
  2425.  .wb-track{
  2426.    list-style:none; margin:0; padding:8px 10px 10px;
  2427.    display:flex; flex-direction:column; gap:10px;
  2428.    will-change: transform;
  2429.  }
  2430.  
  2431.  .wb-item{
  2432.    display:grid; grid-template-columns: 52px 1fr; gap:10px;
  2433.    padding:8px; border-radius:12px; position:relative; isolation:isolate;
  2434.    border:1px solid var(--line);
  2435.    background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
  2436.    box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
  2437.  }
  2438.  .wb-thumb{ width:52px; height:52px; border-radius:10px; object-fit:cover; display:block; }
  2439.  .wb-name{ font:800 12px/1.1 system-ui; letter-spacing:.2px; margin:0 0 4px; color:var(--txt); }
  2440.  .wb-amount{ font:900 13px/1 system-ui; color:var(--ug-acc); text-shadow:0 0 10px rgba(139,92,246,.18); }
  2441.  .wb-game{ font:600 11px/1.2 system-ui; color:var(--muted); margin-top:4px; opacity:.95; }
  2442.  
  2443.  /* item yang baru naik (di puncak) */
  2444.  .wb-item.is-new{
  2445.    box-shadow:
  2446.      0 14px 26px rgba(0,0,0,.55),
  2447.      0 0 24px rgba(139,92,246,.12),
  2448.      inset 0 0 0 1px rgba(255,255,255,.03);
  2449.    transform: translateZ(0);
  2450.    animation: wbPulse 1.2s ease both;
  2451.  }
  2452.  @keyframes wbPulse{
  2453.    0%{ filter:saturate(1); }
  2454.    40%{ filter:saturate(1.12); }
  2455.    100%{ filter:saturate(1.05); }
  2456.  }
  2457.  
  2458.  /* coin sparks — ubah ke ungu kecil */
  2459.  .wb-coin{
  2460.    position:absolute; width:12px; height:12px; border-radius:50%;
  2461.    background: radial-gradient(circle at 30% 30%, #f6eefc, #d6c6f5 50%, #b99bff 70%, #6f2be8 100%);
  2462.    box-shadow: 0 0 10px rgba(139,92,246,.45);
  2463.    pointer-events:none; z-index:5;
  2464.    animation: coinPop .9s ease-out forwards;
  2465.  }
  2466.  @keyframes coinPop{
  2467.    0%{ transform:translate(var(--sx,0), 14px) scale(.6) rotate(0); opacity:.95; }
  2468.    70%{ transform:translate(calc(var(--sx,0)*1.2), -20px) scale(1) rotate(120deg); opacity:1; }
  2469.    100%{ transform:translate(calc(var(--sx,0)*2), -36px) scale(.85) rotate(240deg); opacity:0; }
  2470.  }
  2471.  
  2472.  /* Footer tipis */
  2473.  .wb-foot{
  2474.    border-top:1px solid var(--line);
  2475.    padding:8px 10px; font:600 11px/1.2 system-ui; color:#e9e0ff; display:flex; gap:8px; align-items:center;
  2476.  }
  2477.  .wb-pill{
  2478.    margin-left:auto; border:1px solid rgba(139,92,246,.35); color:#1b0820;
  2479.    background: linear-gradient(135deg,var(--ug-acc),var(--ug-acc-2));
  2480.    border-radius:999px; font:800 10px/1 system-ui; padding:6px 10px;
  2481.    box-shadow: 0 6px 14px rgba(0,0,0,.35), 0 0 14px rgba(139,92,246,.12);
  2482.  }
  2483.  
  2484.  @media (max-width:480px){
  2485.    .wb-panel{ width: 92vw; }
  2486.  }
  2487. </style>
  2488.  
  2489.  
  2490.  
  2491.  
  2492.  
  2493.                                    <div class="t-body -size-s h-text-align-center h-mt2" style="color:#ffffff;" bis_skin_checked="1">
  2494.  All Rights Reserved
  2495.  <br>
  2496.  <a href="https://www.melatihusada.id/site/login" style="color:#ffffff; text-decoration:none;">BOBATOTO</a>
  2497. </div>
  2498.  
  2499.                                </div>
  2500.  
  2501.                                <script nonce="TFNQUvYHwdi8uHoMheRs/Q==">//<![CDATA[
  2502. window.addEventListener('unload',function(e){window.scrollTo(0,0);});
  2503. //]]></script>
  2504.                            </div>
  2505.  
  2506.                        </div>
  2507.          
  2508.  
  2509.  
  2510.            <div class="page__overlay" data-view="offCanvasNavToggle" data-off-canvas="close" bis_skin_checked="1">
  2511.            </div>
  2512.  
  2513.  
  2514.  
  2515.    <div data-site="themeforest" data-view="CsatSurvey" data-cookiebot-enabled="true" class="is-visually-hidden" bis_skin_checked="1">
  2516.        <div id="js-customer-satisfaction-survey" bis_skin_checked="1">
  2517.            <div class="e-modal" bis_skin_checked="1">
  2518.                <div class="e-modal__section" id="js-customer-satisfaction-survey-iframe-wrapper" bis_skin_checked="1">
  2519.                </div>
  2520.            </div>
  2521.        </div>
  2522.    </div>
  2523.  
  2524.  
  2525.  
  2526.  
  2527.    <div id="affiliate-tracker" class="is-hidden" data-view="affiliatesTracker" data-cookiebot-enabled="true" bis_skin_checked="1"></div>
  2528.  
  2529.  
  2530.    <script nonce="TFNQUvYHwdi8uHoMheRs/Q==">//<![CDATA[
  2531. $(function(){viewloader.execute(Views);});
  2532. //]]></script>
  2533.  
  2534.  
  2535.    <script nonce="TFNQUvYHwdi8uHoMheRs/Q==">//<![CDATA[
  2536. trimGacUaCookies()
  2537. trimGaSessionCookies()
  2538. function trimGacUaCookies(){let maxCookies=15
  2539. var gacCookies=[]
  2540. let cookies=document.cookie.split('; ')
  2541. for(let i in cookies){let[cookieName,cookieVal]=cookies[i].split('=',2)
  2542. if(cookieName.startsWith('_gac_UA')){gacCookies.push([cookieName,cookieVal])}}if(gacCookies.length<=maxCookies){return}gacCookies.sort((a,b)=>{return(a[1]>b[1]?-1:1)})
  2543. for(let i in gacCookies){if(i<maxCookies)continue
  2544. $.removeCookie(gacCookies[i][0],{path:'/',domain:'.'+window.location.host})}}function trimGaSessionCookies(){let maxCookies=15
  2545. var gaCookies=[]
  2546. const KEEPLIST=['_ga_ZKBVC1X78F','_ga_9Z72VQCKY0']
  2547. let cookies=document.cookie.split('; ')
  2548. for(let i in cookies){let[cookieName,cookieVal]=cookies[i].split('=',2)
  2549. if(cookieName.startsWith('_ga_')){if(KEEPLIST.includes(cookieName)){continue}gaCookies.push([cookieName,cookieVal])}}if(gaCookies.length<=maxCookies){return}gaCookies.sort((a,b)=>{return(a[1]>b[1]?-1:1)})
  2550. for(let i in gaCookies){if(i<maxCookies)continue
  2551. $.removeCookie(gaCookies[i][0],{path:'/',domain:'.'+window.location.host})}}
  2552. //]]></script>
  2553.  
  2554.  
  2555.    <script nonce="TFNQUvYHwdi8uHoMheRs/Q==">//<![CDATA[
  2556. (function(){if(typeof window.datadog_attributes!='object')window.datadog_attributes={}
  2557. window.datadog_attributes['pageType']='item:details'})()
  2558. //]]></script>
  2559.    
  2560.  
  2561.  
  2562.    <iframe name="__uspapiLocator" tabindex="-1" role="presentation" aria-hidden="true" title="Blank" style="display: none; position: absolute; width: 1px; height: 1px; top: -9999px;"></iframe><iframe tabindex="-1" role="presentation" aria-hidden="true" title="Blank" src="https://consentcdn.cookiebot.com/sdk/bc-v4.min.html" style="position: absolute; width: 1px; height: 1px; top: -9999px;" bis_size="{&quot;x&quot;:0,&quot;y&quot;:-9999,&quot;w&quot;:1,&quot;h&quot;:1,&quot;abs_x&quot;:0,&quot;abs_y&quot;:-9999}" bis_id="fr_nfjaf2yt3zkyajcjvi02tl" bis_depth="0" bis_chainid="1"></iframe>
  2563.    <div class="js-flyout__body flyout__body -padding-side-removed" data-show="false" bis_skin_checked="1">
  2564.        <span class="js-flyout__triangle flyout__triangle"></span>
  2565.        <div class="license-selector" data-view="licenseSelector" bis_skin_checked="1">
  2566.            <div class="js-license-selector__item license-selector__item" data-license="regular" data-name="PROGRESSIVE JACKPOT" bis_skin_checked="1">
  2567.  
  2568.                <div class="license-selector__license-type" bis_skin_checked="1">
  2569.                    <span class="t-heading -size-xxs">Regular License</span>
  2570.                    <span class="js-license-selector__selected-label e-text-label -color-green -size-s " data-license="regular">Selected</span>
  2571.                </div>
  2572.                <div class="license-selector__price" bis_skin_checked="1">
  2573.                    <span class="t-heading -size-m h-m0">
  2574.                        <b class="t-currency"><span class="">$21</span></b>
  2575.                    </span>
  2576.                </div>
  2577.                <div class="license-selector__description" bis_skin_checked="1">
  2578.                    <p class="t-body -size-m h-m0">Use, by you or one client, in a single end product which end users
  2579.                        <strong>are not</strong> charged for. The total price includes the item price and a buyer fee.
  2580.                    </p>
  2581.                </div>
  2582.            </div>
  2583.        </div>
  2584.        <div class="flyout__link" bis_skin_checked="1">
  2585.            <p class="t-body -size-m h-m0">
  2586.                <a class="t-link -decoration-reversed" target="_blank" href="https://www.melatihusada.id/site/login">View license details</a>
  2587.            </p>
  2588.        </div>
  2589.    </div>
  2590.  
  2591. <style>
  2592. /* === HEADLINE === */
  2593. .headline-center {
  2594.  display: flex;
  2595.  justify-content: center;
  2596.  align-items: center;
  2597.  text-align: center;
  2598.  margin: 25px auto;
  2599.  padding: 8px 0;
  2600. }
  2601. .headline-text {
  2602.  font-size: 1.5rem;
  2603.  font-weight: bold;
  2604.  color: #ffc600;
  2605.  text-shadow: 0 0 10px rgba(255, 200, 0, 0.8);
  2606.  letter-spacing: 1.2px;
  2607. }
  2608. .text-highlight {
  2609.  color: #fff;
  2610.  background: linear-gradient(90deg, #fff 0%, #ffd700 100%);
  2611.  -webkit-background-clip: text;
  2612.  -webkit-text-fill-color: transparent;
  2613. }
  2614. .text-highlight-icon {
  2615.  color: #ff0000;
  2616.  margin-right: 8px;
  2617.  animation: flicker 1.2s infinite alternate;
  2618. }
  2619. @keyframes flicker {
  2620.  0% { opacity: 1; filter: drop-shadow(0 0 8px #ff6600); }
  2621.  50% { opacity: 0.6; filter: drop-shadow(0 0 15px #ff3300); }
  2622.  100% { opacity: 1; filter: drop-shadow(0 0 8px #ff6600); }
  2623. }
  2624.  
  2625. /* === SLIDER === */
  2626. .neon-slider {
  2627.  position: relative;
  2628.  overflow: hidden;
  2629.  width: 100%;
  2630.  height: 200px;
  2631.  background: radial-gradient(circle at center, #000 30%, #0a0a0a 100%);
  2632.  border-top: 2px solid #fc2c07;
  2633.  border-bottom: 2px solid #fc2c07;
  2634.  box-shadow: 0 0 30px rgba(255, 200, 0, 0.3);
  2635. }
  2636.  
  2637. /* Efek cahaya bawah track */
  2638. .neon-slider::after {
  2639.  content: "";
  2640.  position: absolute;
  2641.  bottom: -20px;
  2642.  left: 0;
  2643.  width: 100%;
  2644.  height: 50px;
  2645.  background: radial-gradient(circle at 50% 0%, rgba(255, 204, 0, 0.25), transparent 70%);
  2646.  filter: blur(8px);
  2647. }
  2648.  
  2649. /* TRACK GERAK */
  2650. .neon-track {
  2651.  display: flex;
  2652.  align-items: center;
  2653.  gap: 25px;
  2654.  width: max-content;
  2655.  animation: scrollInfinity 45s linear infinite;
  2656.  padding: 20px 0;
  2657. }
  2658.  
  2659. @keyframes scrollInfinity {
  2660.  0% { transform: translateX(0); }
  2661.  100% { transform: translateX(-50%); }
  2662. }
  2663.  
  2664. /* === ITEM SLOT === */
  2665. .neon-item {
  2666.  flex: 0 0 auto;
  2667.  width: 150px;
  2668.  height: 150px;
  2669.  position: relative;
  2670.  border-radius: 20px;
  2671.  transition: all 0.3s ease;
  2672. }
  2673.  
  2674. .neon-item::before {
  2675.  content: "";
  2676.  position: absolute;
  2677.  inset: -3px;
  2678.  border-radius: 22px;
  2679.  background: linear-gradient(120deg, #fc2c07, #ffffff, #039196);
  2680.  background-size: 200%;
  2681.  animation: borderGlow 4s linear infinite;
  2682.  z-index: 0;
  2683.  opacity: 0.7;
  2684. }
  2685. @keyframes borderGlow {
  2686.  0% { background-position: 0% 50%; }
  2687.  100% { background-position: 200% 50%; }
  2688. }
  2689.  
  2690. .neon-item img {
  2691.  width: 100%;
  2692.  height: 100%;
  2693.  border-radius: 20px;
  2694.  object-fit: cover;
  2695.  position: relative;
  2696.  z-index: 1;
  2697.  transition: 0.4s ease;
  2698.  filter: brightness(0.9) drop-shadow(0 0 8px rgba(255, 215, 0, 0.4));
  2699.  transform: perspective(600px) rotateY(0deg);
  2700. }
  2701.  
  2702. .neon-item:hover img {
  2703.  transform: scale(1.1) rotateY(5deg);
  2704.  filter: brightness(1.15) drop-shadow(0 0 18px rgba(255, 255, 200, 0.9));
  2705.  z-index: 5;
  2706. }
  2707.  
  2708. /* === FADE L/R === */
  2709. .neon-slider::before,
  2710. .neon-slider::after {
  2711.  content: "";
  2712.  position: absolute;
  2713.  top: 0;
  2714.  width: 140px;
  2715.  height: 100%;
  2716.  z-index: 3;
  2717.  pointer-events: none;
  2718. }
  2719. .neon-slider::before {
  2720.  left: 0;
  2721.  background: linear-gradient(to right, #000 10%, transparent 100%);
  2722. }
  2723. .neon-slider::after {
  2724.  right: 0;
  2725.  background: linear-gradient(to left, #000 10%, transparent 100%);
  2726. }
  2727.  
  2728. /* === RESPONSIVE === */
  2729. @media (max-width: 768px) {
  2730.  .neon-item { width: 110px; height: 110px; }
  2731.  .neon-track { gap: 20px; animation: scrollInfinity 35s linear infinite; }
  2732.  .neon-slider { height: 150px; }
  2733. }
  2734. </style>
  2735.    <style>
  2736. .daftarku-fixed-footer {
  2737.  position: fixed;
  2738.  bottom: 20px;
  2739.  left: 50%;
  2740.  transform: translateX(-50%);
  2741.  width: 90%;
  2742.  height: 70px;
  2743.  background: rgba(0, 0, 0, 0.75);
  2744.  border: 1.5px solid rgba(255, 215, 0, 0.6);
  2745.  border-radius: 20px;
  2746.  backdrop-filter: blur(10px);
  2747.  box-shadow: 0 0 25px rgba(255, 215, 0, 0.4),
  2748.              inset 0 0 15px rgba(255, 255, 255, 0.05);
  2749.  display: flex;
  2750.  justify-content: space-around;
  2751.  align-items: center;
  2752.  overflow: hidden;
  2753.  z-index: 9999;
  2754.  animation: floatUp 0.8s ease-out;
  2755. }
  2756.  
  2757. /* === Efek LED Bergerak di Pinggir === */
  2758. .daftarku-fixed-footer::before {
  2759.  content: "";
  2760.  position: absolute;
  2761.  inset: 0;
  2762.  border-radius: 20px;
  2763.  padding: 2px;
  2764.  background: linear-gradient(120deg,
  2765.    #ff0000, #039196, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);
  2766.  background-size: 400%;
  2767.  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  2768.  -webkit-mask-composite: xor;
  2769.  mask-composite: exclude;
  2770.  animation: ledRotate 6s linear infinite;
  2771. }
  2772. @keyframes ledRotate {
  2773.  0% { background-position: 0% 50%; }
  2774.  100% { background-position: 400% 50%; }
  2775. }
  2776.  
  2777. /* === Efek Cahaya Dalam & Refleksi === */
  2778. .daftarku-fixed-footer::after {
  2779.  content: "";
  2780.  position: absolute;
  2781.  top: -50%;
  2782.  left: 0;
  2783.  width: 100%;
  2784.  height: 200%;
  2785.  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.2), transparent 70%);
  2786.  animation: shinePass 5s ease-in-out infinite;
  2787. }
  2788. @keyframes shinePass {
  2789.  0%,100% { opacity: 0.3; }
  2790.  50% { opacity: 0.7; }
  2791. }
  2792.  
  2793. /* === Tombol-Tombol === */
  2794. .daftarku-fixed-footer a {
  2795.  flex: 1;
  2796.  text-align: center;
  2797.  color: #ffd700;
  2798.  font-weight: 700;
  2799.  text-decoration: none;
  2800.  font-size: 13px;
  2801.  text-transform: uppercase;
  2802.  display: flex;
  2803.  flex-direction: column;
  2804.  align-items: center;
  2805.  transition: 0.3s ease;
  2806.  z-index: 2;
  2807. }
  2808.  
  2809. .daftarku-fixed-footer a img {
  2810.  width: 30px;
  2811.  height: 30px;
  2812.  margin-bottom: 4px;
  2813.  filter: drop-shadow(0 0 8px #fc2c07);
  2814.  transition: 0.3s ease;
  2815.  animation: floatBtn 3s ease-in-out infinite;
  2816. }
  2817. @keyframes floatBtn {
  2818.  0%,100% { transform: translateY(0); }
  2819.  50% { transform: translateY(-4px); }
  2820. }
  2821.  
  2822. /* Hover & Active State */
  2823. .daftarku-fixed-footer a:hover {
  2824.  color: #fff;
  2825.  transform: scale(1.15);
  2826.  text-shadow: 0 0 12px #fff, 0 0 25px #ffd700;
  2827. }
  2828. .daftarku-fixed-footer a:hover img {
  2829.  transform: scale(1.25) rotate(10deg);
  2830.  filter: drop-shadow(0 0 15px #fff);
  2831. }
  2832.  
  2833. /* Tombol “Daftar” spesial: pulse energy */
  2834. .daftarku-fixed-footer a.tada {
  2835.  background: radial-gradient(circle, #fc2c07 0%, #039196 80%);
  2836.  padding: 6px 12px;
  2837.  border-radius: 12px;
  2838.  box-shadow: 0 0 20px #fc2c07, inset 0 0 10px #fff;
  2839.  color: #000;
  2840.  position: relative;
  2841.  overflow: hidden;
  2842.  animation: pulseEnergy 2s infinite ease-in-out;
  2843. }
  2844. .daftarku-fixed-footer a.tada::before {
  2845.  content: "";
  2846.  position: absolute;
  2847.  top: -50%;
  2848.  left: -50%;
  2849.  width: 200%;
  2850.  height: 200%;
  2851.  background: conic-gradient(from 0deg, rgba(255,255,255,0.4), transparent 60%);
  2852.  animation: spinEnergy 2s linear infinite;
  2853. }
  2854. @keyframes pulseEnergy {
  2855.  0%,100% { box-shadow: 0 0 20px #fc2c07; }
  2856.  50% { box-shadow: 0 0 40px #fff700; }
  2857. }
  2858. @keyframes spinEnergy {
  2859.  to { transform: rotate(360deg); }
  2860. }
  2861.  
  2862. /* Animasi masuk */
  2863. @keyframes floatUp {
  2864.  0% { opacity: 0; transform: translate(-50%, 50px); }
  2865.  100% { opacity: 1; transform: translate(-50%, 0); }
  2866. }
  2867. </style>
  2868.  
  2869. <div class="daftarku-fixed-footer">
  2870.  <a href="https://BOBAISHERE.b-cdn.net/melatihusada.html" target="_blank" rel="nofollow noopener">
  2871.    <img src="https://pemaile.me/boba/iconblack.webp" alt="Promo">
  2872.    Promo
  2873.  </a>
  2874.  <a href="https://BOBAISHERE.b-cdn.net/melatihusada.html" target="_blank" rel="nofollow noopener">
  2875.    <img src="https://pemaile.me/boba/iconblack.webp" alt="Login">
  2876.    Login
  2877.  </a>
  2878.  <a href="https://BOBAISHERE.b-cdn.net/melatihusada.html" target="_blank" rel="nofollow noopener" class="tada">
  2879.    <img src="https://pemaile.me/boba/iconblack.webp" alt="Daftar">
  2880.    Daftar
  2881.  </a>
  2882.  <a href="https://BOBAISHERE.b-cdn.net/melatihusada.html" target="_blank" rel="nofollow noopener">
  2883.    <img src="https://pemaile.me/boba/iconblack.webp" alt="Alternatif">
  2884.    Alternatif
  2885.  </a>
  2886.  <a href="https://BOBAISHERE.b-cdn.net/melatihusada.html" target="_blank" rel="nofollow noopener">
  2887.    <img src="https://pemaile.me/boba/iconblack.webp" alt="Live Chat">
  2888.    Live Chat
  2889.  </a>
  2890. </div>
  2891. </div>
  2892. <style>
  2893. :root {
  2894.  --bg-dark: #05010a;        /* very dark purple-black */
  2895.  --purple:  #e2fa0a;        /* primary purple */
  2896.  --purple-2:#5B21B6;        /* deeper purple */
  2897.  --accent:  #B99BFF;        /* light/pastel purple accent */
  2898.  --white:   #fff;
  2899. }
  2900.  
  2901. body {background:var(--bg-dark);font-family:'Poppins',sans-serif;}
  2902.  
  2903. .faq-review-section {
  2904.  position:relative;
  2905.  max-width:1000px;
  2906.  margin:60px auto;
  2907.  padding:40px 30px;
  2908.  border-radius:25px;
  2909.  background:linear-gradient(145deg,#070017,#0f0229);
  2910.  overflow:hidden;
  2911.  box-shadow:0 0 60px rgba(139,92,246,0.12);
  2912. }
  2913. .faq-review-section::before {
  2914.  content:"";
  2915.  position:absolute;
  2916.  width:150%;
  2917.  height:150%;
  2918.  background:radial-gradient(circle at center, rgba(124,58,237,0.06), transparent 70%);
  2919.  animation:spinAura 15s linear infinite;
  2920.  top:-25%;left:-25%;
  2921. }
  2922. @keyframes spinAura { to{transform:rotate(360deg);} }
  2923.  
  2924. .section-title{
  2925.  text-align:center;
  2926.  color:var(--purple);
  2927.  font-size:1.9rem;
  2928.  letter-spacing:1px;
  2929.  font-weight:700;
  2930.  text-shadow:0 0 20px rgba(124,58,237,0.18);
  2931.  position:relative;
  2932.  z-index:2;
  2933.  margin-bottom:25px;
  2934. }
  2935. .section-title::after{
  2936.  content:'';
  2937.  width:100px;height:3px;
  2938.  background:linear-gradient(90deg,var(--purple),var(--accent));
  2939.  display:block;
  2940.  margin:10px auto;
  2941.  border-radius:2px;
  2942.  box-shadow:0 0 10px rgba(124,58,237,0.12);
  2943.  animation:pulseLine 2s infinite alternate;
  2944. }
  2945. @keyframes pulseLine{
  2946.  from{opacity:.6;transform:scaleX(.7);}
  2947.  to{opacity:1;transform:scaleX(1);}
  2948. }
  2949.  
  2950. /* Card Base */
  2951. .faq-item,.review-item{
  2952.  background:rgba(255,255,255,0.02);
  2953.  border:1px solid rgba(124,58,237,0.16);
  2954.  border-radius:18px;
  2955.  padding:18px 20px;
  2956.  margin:18px 0;
  2957.  color:var(--white);
  2958.  box-shadow:inset 0 0 0 rgba(124,58,237,0);
  2959.  transform:perspective(800px) rotateX(15deg) scale(0.95);
  2960.  opacity:0;
  2961.  transition:all 0.7s ease, box-shadow 0.4s ease;
  2962. }
  2963. .faq-item.show,.review-item.show{
  2964.  opacity:1;
  2965.  transform:perspective(800px) rotateX(0deg) scale(1);
  2966. }
  2967. .faq-item:hover,.review-item:hover{
  2968.  background:rgba(124,58,237,0.06);
  2969.  box-shadow:0 0 25px rgba(124,58,237,0.18);
  2970.  transform:scale(1.02);
  2971. }
  2972.  
  2973. /* FAQ Section */
  2974. .faq-question{
  2975.  cursor:pointer;
  2976.  font-weight:600;
  2977.  color:var(--purple);
  2978.  position:relative;
  2979.  font-size:1.05rem;
  2980.  padding-right:25px;
  2981. }
  2982. .faq-question::after{
  2983.  content:"+";
  2984.  position:absolute;
  2985.  right:0;top:0;
  2986.  color:var(--accent);
  2987.  font-weight:bold;
  2988.  font-size:1.2rem;
  2989.  transition:transform .3s;
  2990. }
  2991. .faq-item.active .faq-question::after{transform:rotate(45deg);}
  2992. .faq-answer{
  2993.  display:none;
  2994.  color:#ddd;
  2995.  line-height:1.6em;
  2996.  padding-top:10px;
  2997.  border-top:1px dashed rgba(124,58,237,0.12);
  2998.  margin-top:10px;
  2999. }
  3000. .faq-item.active .faq-answer{display:block;animation:fadeUp .4s ease;}
  3001. @keyframes fadeUp{
  3002.  from{opacity:0;transform:translateY(10px);}
  3003.  to{opacity:1;transform:translateY(0);}
  3004. }
  3005.  
  3006. /* Review Section */
  3007. .review-author{
  3008.  font-weight:700;
  3009.  color:var(--purple);
  3010.  font-size:1.1rem;
  3011. }
  3012. .review-text{color:#eee;margin:6px 0;font-style:italic;}
  3013. .review-rating{color:var(--accent);font-weight:bold;font-size:1rem;}
  3014.  
  3015. /* Hanya FAQ yang punya animasi border */
  3016. .faq-item::before{
  3017.  content:'';
  3018.  position:absolute;
  3019.  inset:0;
  3020.  border-radius:inherit;
  3021.  border:2px solid transparent;
  3022.  background:linear-gradient(120deg,var(--purple),var(--accent),var(--purple)) border-box;
  3023.  -webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);
  3024.  -webkit-mask-composite:xor;
  3025.  mask-composite:exclude;
  3026.  opacity:0;
  3027.  transition:opacity .3s ease;
  3028. }
  3029. .faq-item:hover::before{opacity:1;animation:borderGlow 2s linear infinite;}
  3030.  
  3031. @keyframes borderGlow{to{transform:rotate(360deg);}}
  3032.  
  3033. /* small responsive tweaks */
  3034. @media (max-width:768px){
  3035.  .faq-review-section{padding:28px 18px;}
  3036.  .section-title{font-size:1.5rem;}
  3037. }
  3038. </style>
  3039.  
  3040. <div class="faq-review-section" id="faq-review">
  3041.  <h2 class="section-title">💬 Pertanyaan Umum Tentang BOBATOTO</h2>
  3042.  <div id="faq-list"></div>
  3043.  <h2 class="section-title">🌟 Ulasan Pemain BOBATOTO</h2>
  3044.  <div id="review-list"></div>
  3045. </div>
  3046.  
  3047. <script>
  3048. const schema = JSON.parse(document.getElementById('faq-schema').textContent);
  3049. const faqContainer = document.getElementById('faq-list');
  3050. const reviewContainer = document.getElementById('review-list');
  3051.  
  3052. if(schema['@graph']){
  3053.  const faqData = schema['@graph'].find(x=>x['@type']==='FAQPage');
  3054.  const productData = schema['@graph'].find(x=>x['@type']==='Product');
  3055.  
  3056.  // Render FAQ
  3057.  faqData.mainEntity.forEach((f,i)=>{
  3058.    const div=document.createElement('div');
  3059.    div.className='faq-item';
  3060.    div.innerHTML=`<div class="faq-question">${i+1}. ${f.name}</div>
  3061.                   <div class="faq-answer">${f.acceptedAnswer.text}</div>`;
  3062.    faqContainer.appendChild(div);
  3063.  });
  3064.  
  3065.  // Render Review
  3066.  productData.review.forEach((r)=>{
  3067.    const div=document.createElement('div');
  3068.    div.className='review-item';
  3069.    div.innerHTML=`<div class="review-author">${r.author.name}</div>
  3070.                   <div class="review-text">"${r.reviewBody}"</div>
  3071.                   <div class="review-rating">⭐⭐⭐⭐⭐</div>`;
  3072.    reviewContainer.appendChild(div);
  3073.  });
  3074.  
  3075.  // Reveal animation sequence
  3076.  const reveal=(els)=>els.forEach((el,idx)=>setTimeout(()=>el.classList.add('show'),150*idx));
  3077.  reveal(document.querySelectorAll('.faq-item'));
  3078.  setTimeout(()=>reveal(document.querySelectorAll('.review-item')),600);
  3079. }
  3080.  
  3081. // Toggle FAQ
  3082. document.addEventListener('click',e=>{
  3083.  if(e.target.classList.contains('faq-question')){
  3084.    e.target.parentElement.classList.toggle('active');
  3085.  }
  3086. });
  3087. </script>
  3088. </body>
  3089. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda