

<!doctype html>
<!--[if IE 9]> <html class="no-js ie9 fixed-layout" lang="en"> <![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js " lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<script nonce="3SdsM51zq6HMsh90cibjhg==">
        //<![CDATA[
        window.DATADOG_CONFIG = {
            clientToken: 'puba7a42f353afa86efd9e11ee56e5fc8d9',
            applicationId: '8561f3f6-5252-482b-ba9f-2bbb1b009106',
            site: 'datadoghq.com',
            service: 'marketplace',
            env: 'production',
            version: 'aaf1dac4de84fc7ca55cf1980fd289a061e5166b',
            sessionSampleRate: 0.2,
            sessionReplaySampleRate: 5
        };
        //]]>
    </script>
<script nonce="3SdsM51zq6HMsh90cibjhg==">
        //<![CDATA[
        var rollbarEnvironment = "production"
        var codeVersion = "aaf1dac4de84fc7ca55cf1980fd289a061e5166b"
        //]]>
    </script>
<script src="https://public-assets.envato-static.com/assets/rollbar-52b46cbbda89a666467e75fe61f56058b8d10f795bf2c8892fe1ba8026161b10.js" nonce="3SdsM51zq6HMsh90cibjhg==" defer="defer"></script>
<meta content="origin-when-cross-origin" name="referrer"/>
<meta content='index, follow, nosnippet' name='robots'>
<link rel="dns-prefetch" href="//s3.envato.com"/>
<link rel="preload" href="https://kilat.digital/images/2026/08/06/adff1dfa0ad75614faf925036e2051ee.jpg" as="image"/>
<title>TENTOTO - Platform Bandar Slot Online Gacor Dengan RTP Slot Terpercaya 2026</title>
<meta name="description" content="TENTOTO adalah platform bandar slot online gacor dengan RTP Slot terpercaya 2026. Nikmati akses cepat, pilihan game slot terlengkap, RTP terbaru, sistem modern, serta layanan responsif untuk pengalaman bermain yang lebih optimal setiap hari.">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" type="image/x-icon" href="https://kilat.digital/images/2026/03/29/e902003aa9a9ae4034419220a17fbea9.png"/>
<link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://kilat.digital/images/2026/03/29/e902003aa9a9ae4034419220a17fbea9.png" sizes="72x72"/>
<link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://kilat.digital/images/2026/03/29/e902003aa9a9ae4034419220a17fbea9.png" sizes="114x114"/>
<link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://kilat.digital/images/2026/03/29/e902003aa9a9ae4034419220a17fbea9.png" sizes="120x120"/>
<link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://kilat.digital/images/2026/03/29/e902003aa9a9ae4034419220a17fbea9.png" sizes="144x144"/>
<link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://kilat.digital/images/2026/03/29/e902003aa9a9ae4034419220a17fbea9.png"/>
<link rel="stylesheet" href="https://public-assets.envato-static.com/assets/market/core/index-d6b2b66145411452f3716025101562144a90595c80de081ffe8a4ff67296d9f6.css" media="all"/>
<link rel="stylesheet" href="https://public-assets.envato-static.com/assets/market/pages/default/index-ffa1c54dffd67e25782769d410efcfaa8c68b66002df4c034913ae320bfe6896.css" media="all"/>
<script src="https://public-assets.envato-static.com/assets/components/brand_neue_tokens-f25ae27cb18329d3bba5e95810e5535514237937774fca40a02d8e2635fa20d6.js" nonce="3SdsM51zq6HMsh90cibjhg==" defer="defer"></script>
<meta name="theme-color" content="#333333">
<link rel="canonical" href="https://tenkillua.com/"/>
<link rel="amphtml" href="https://southbound-one.vercel.app/" />
 <link rel="alternate" hreflang="id-id" href="https://southbound-one.vercel.app/" />
    <link rel="alternate" href="https://southbound-one.vercel.app/" />
    <link rel="alternate" hreflang="id" href="https://southbound-one.vercel.app/" />
    <link rel="alternate" hreflang="en" href="https://southbound-one.vercel.app/" />
<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "WebSite",
  "name": "TENTOTO - Platform Bandar Slot Online Gacor Dengan RTP Slot Terpercaya 2026",
  "url": "https://tenkillua.com/"
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "category": "SLOT ONLINE",
  "url": "https://tenkillua.com/",
  "name": "TENTOTO - Platform Bandar Slot Online Gacor Dengan RTP Slot Terpercaya 2026",
  "description": "TENTOTO merupakan platform bandar slot online gacor dengan RTP Slot terpercaya 2026 yang menghadirkan akses cepat, pilihan permainan lengkap, server stabil, serta layanan responsif untuk pengalaman bermain yang lebih optimal.",
  "image": "https://kilat.digital/images/2026/08/06/adff1dfa0ad75614faf925036e2051ee.jpg",
  "brand": {
    "@type": "Brand",
    "name": "TENTOTO"
  },
  "sku": "TNT-SLOT-2026",
  "mpn": "TNT-2026-RTP",
  "offers": {
    "@type": "Offer",
    "url": "https://tenkillua.com/",
    "price": "62.00",
    "priceCurrency": "USD",
    "priceValidUntil": "2026-12-31T23:59:59+10:00",
    "availability": "https://schema.org/InStock",
    "itemCondition": "https://schema.org/NewCondition"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.9",
    "bestRating": "5",
    "reviewCount": "9854"
  },
  "review": {
    "@type": "Review",
    "author": {
      "@type": "Person",
      "name": "Andika Saputra"
    },
    "reviewRating": {
      "@type": "Rating",
      "ratingValue": "5",
      "bestRating": "5"
    },
    "reviewBody": "TENTOTO menghadirkan platform slot online dengan akses cepat, pilihan permainan lengkap, informasi RTP Slot terpercaya, serta layanan yang responsif sehingga nyaman digunakan setiap hari."
  }
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "TENTOTO",
      "item": "https://tenkillua.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "SLOT ONLINE",
      "item": "https://tenkillua.com/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "RTP SLOT",
      "item": "https://tenkillua.com/"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "BANDAR SLOT ONLINE",
      "item": "https://tenkillua.com/"
    },
    {
      "@type": "ListItem",
      "position": 5,
      "name": "TENTOTO - Platform Bandar Slot Online Gacor Dengan RTP Slot Terpercaya 2026",
      "item": "https://tenkillua.com/"
    }
  ]
}
</script>
 <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Apa itu TENTOTO - Platform Bandar Slot Online Gacor Dengan RTP Slot Terpercaya 2026?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "TENTOTO merupakan platform bandar slot online gacor yang menghadirkan koleksi permainan dari provider populer, informasi RTP Slot terpercaya, akses cepat, serta sistem modern untuk pengalaman bermain yang lebih nyaman."
      }
    },
    {
      "@type": "Question",
      "name": "Mengapa memilih TENTOTO sebagai platform bandar slot online?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "TENTOTO didukung server yang stabil, akses responsif, pembaruan RTP Slot secara berkala, serta layanan profesional yang siap membantu pengguna selama 24 jam."
      }
    },
    {
      "@type": "Question",
      "name": "Apa saja permainan slot yang tersedia di TENTOTO?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "TENTOTO menyediakan beragam permainan slot online dari berbagai provider ternama dengan pilihan tema yang lengkap, fitur menarik, dan informasi RTP Slot yang selalu diperbarui."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah transaksi di TENTOTO aman dan cepat?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ya. TENTOTO menggunakan sistem transaksi yang cepat, aman, serta mendukung berbagai metode pembayaran sehingga proses deposit dan penarikan dana dapat dilakukan dengan mudah."
      }
    },
    {
      "@type": "Question",
      "name": "Bagaimana cara mendaftar akun di TENTOTO?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Pengguna cukup mengakses halaman daftar resmi TENTOTO, mengisi data yang diperlukan, melakukan verifikasi, lalu akun siap digunakan untuk menikmati berbagai permainan slot online."
      }
    }
  ]
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "TENTOTO - Platform Bandar Slot Online Gacor Dengan RTP Slot Terpercaya 2026",
  "description": "TENTOTO merupakan platform bandar slot online gacor dengan informasi RTP Slot terpercaya, akses cepat, pilihan permainan lengkap, server stabil, serta layanan responsif setiap hari.",
  "brand": {
    "@type": "Brand",
    "name": "TENTOTO"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.9",
    "bestRating": "5",
    "ratingCount": "9854"
  },
  "review": [
    {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Andika Saputra"
      },
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5"
      },
      "reviewBody": "TENTOTO menjadi platform slot online favorit saya karena pilihan permainannya lengkap, aksesnya cepat, dan informasi RTP Slot selalu diperbarui secara berkala."
    },
    {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Fajar Nugroho"
      },
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5"
      },
      "reviewBody": "Proses pendaftaran di TENTOTO terasa cepat dan praktis. Tampilan platformnya juga ringan serta mudah digunakan melalui berbagai perangkat."
    },
    {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Kevin Mahardika"
      },
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5"
      },
      "reviewBody": "Informasi RTP Slot di TENTOTO mudah ditemukan dan selalu diperbarui. Pilihan permainan dari berbagai provider juga tersedia dengan lengkap."
    },
    {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Rizky Prasetyo"
      },
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5"
      },
      "reviewBody": "Server TENTOTO terasa stabil dengan proses loading yang cepat. Seluruh halaman permainan dapat dibuka dengan lancar melalui desktop maupun perangkat mobile."
    },
    {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Aditya Permana"
      },
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5"
      },
      "reviewBody": "Tampilan TENTOTO rapi dan mudah dipahami. Pilihan permainan slot online serta informasi RTP dapat diakses dengan nyaman oleh pengguna baru."
    },
    {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Bima Alfarizi"
      },
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5"
      },
      "reviewBody": "TENTOTO menghadirkan akses cepat, informasi RTP Slot terpercaya, pilihan permainan yang lengkap, serta layanan responsif setiap hari."
    }
  ]
}
</script>
<script nonce="3SdsM51zq6HMsh90cibjhg==">
        //<![CDATA[
        window.dataLayer = window.dataLayer || [];
        //]]>
    </script>
<meta name="bingbot" content="nocache">
<meta name="twitter:card" content="product"/>
<meta name="twitter:site" content="@TENTOTO"/>
<meta name="twitter:data1" content="$62"/>
<meta name="twitter:label1" content="Price"/>
<meta name="twitter:data2" content="TENTOTO"/>
<meta name="twitter:label2" content="Marketplace"/>
<meta name="twitter:domain" content="TENTOTO"/>
<meta property="og:title" content="TENTOTO - Platform Bandar Slot Online Gacor Dengan RTP Slot Terpercaya 2026"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://tenkillua.com/"/>
<meta property="og:image" content="https://kilat.digital/images/2026/08/06/adff1dfa0ad75614faf925036e2051ee.jpg"/>
<meta property="og:description" content="TENTOTO adalah platform bandar slot online gacor dengan RTP Slot terpercaya 2026. Nikmati akses cepat, pilihan game slot terlengkap, RTP terbaru, sistem modern, serta layanan responsif untuk pengalaman bermain yang lebih optimal setiap hari."/>
<meta property="og:site_name" content="TENTOTO adalah platform bandar slot online gacor dengan RTP Slot terpercaya 2026. Nikmati akses cepat, pilihan game slot terlengkap, RTP terbaru, sistem modern, serta layanan responsif untuk pengalaman bermain yang lebih optimal setiap hari."/>
<meta name="csrf-param" content="authenticity_token"/>
<meta name="csrf-token" content="8SehRc2G7fYY-rKo5RDl_c-TRc-CcFfylez05V3jUphsC9n2Sm2z7YZBzYaKZ-Om-bGAqE753P6dbwzdjo8fsw"/>
<meta name="turbo-visit-control" content="reload">
<script type="text/plain" nonce="3SdsM51zq6HMsh90cibjhg==" data-cookieconsent="statistics"></script>
<script src="https://public-assets.envato-static.com/assets/market/core/head-d4f3da877553664cb1d5ed45cb42c6ec7e6b00d0c4d164be8747cfd5002a24eb.js" nonce="3SdsM51zq6HMsh90cibjhg=="></script>
<link href="https://tenkillua.com/" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 15478414320,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://tenkillua.com//v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 15478414320,storefrontBaseUrl: "https://tenkillua.com/",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://tenkillua.com//unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"TENTOTO adalah platform bandar slot online gacor dengan RTP Slot terpercaya 2026. Nikmati akses cepat, pilihan game slot terlengkap, RTP terbaru, sistem modern, serta layanan responsif untuk pengalaman bermain yang lebih optimal setiap hari.","paymentSettings":{"currencyCode":"KHR"},"myshopifyDomain":"q8ivdq-rt.myshopify.com","countryCode":"ID","storefrontUrl":"https:\/\/www.olglacostetexas.org"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://tenkillua.com//cdn","5303c62bw494ab25dp0d72f2dcm48e21f5a",{"modern":"","legacy":""},{"shopId":"15478414320","storefrontBaseUrl":"https:\/\/www.olglacostetexas.org","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"5303c62bw494ab25dp0d72f2dcm48e21f5a","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'KHR';
  var meta = {"page":{"pageType":"home"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
      var script = document.createElement('script');
      script.type = 'text/javascript';
      script.onerror = function(e) {
        var scriptFallback = document.createElement('script');
        scriptFallback.type = 'text/javascript';
        scriptFallback.onerror = function(error) {
                var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 15478414320,
      theme_id: 156390293723,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: ""});

        };
        scriptFallback.async = true;
        scriptFallback.src = '';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = '';
      first.parentNode.insertBefore(script, first);
    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":15478414320,"isMerchantRequest":null,"themeId":156390293723,"themeCityHash":"11209138902378931996","contentLanguage":"en","currency":"KHR","eventMetadataId":"2c64d2e9-3648-4453-a7d9-574480991a01"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["f0df213a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });


        var eventsListenerScript = document.createElement('script');
        eventsListenerScript.async = true;
        eventsListenerScript.src = "";
        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);

})();</script>
<script
  defer
  src="https://tenkillua.com//cdn/shopifycloud/perf-kit/shopify-perf-kit-2.1.2.min.js"
  data-application="storefront-renderer"
  data-shop-id="15478414320"
  data-render-region="gcp-asia-southeast1"
  data-page-type="index"
  data-theme-instance-id="156390293723"
  data-theme-name="Horizon"
  data-theme-version="3.1.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
></script>
<link href="https://tenkillua.com/" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 96770321326,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://tenkillua.com//v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 96770321326,storefrontBaseUrl: "https://tenkillua.com/",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://tenkillua.com//unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Toko Saya","paymentSettings":{"currencyCode":"IDR"},"myshopifyDomain":"9z1hvv-ct.myshopify.com","countryCode":"ID","storefrontUrl":"https:\/\/www.olglacostetexas.org"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://tenkillua.com//cdn","ae1676cfwd2530674p4253c800m34e853cb",{"modern":"","legacy":""},{"shopId":"96770321326","storefrontBaseUrl":"https:\/\/www.olglacostetexas.org","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"ae1676cfwd2530674p4253c800m34e853cb","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'IDR';
  var meta = {"page":{"pageType":"home"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
      var script = document.createElement('script');
      script.type = 'text/javascript';
      script.onerror = function(e) {
        var scriptFallback = document.createElement('script');
        scriptFallback.type = 'text/javascript';
        scriptFallback.onerror = function(error) {
                var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 96770321326,
      theme_id: 182724329750,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//www.olglacostetexas.org/cdn/s/trekkie.storefront.3c703df509f0f96f3237c9daa54e2777acf1a1dd.min.js"});

        };
        scriptFallback.async = true;
        scriptFallback.src = '//www.olglacostetexas.org/cdn/s/trekkie.storefront.3c703df509f0f96f3237c9daa54e2777acf1a1dd.min.js';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = '//www.olglacostetexas.org/cdn/s/trekkie.storefront.3c703df509f0f96f3237c9daa54e2777acf1a1dd.min.js';
      first.parentNode.insertBefore(script, first);
    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":96770321326,"isMerchantRequest":null,"themeId":182724329750,"themeCityHash":"8691104851041311336","contentLanguage":"id","currency":"IDR","eventMetadataId":"2d9fc966-fca1-445c-8b51-c888813fdd63"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["f0df213a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });


        var eventsListenerScript = document.createElement('script');
        eventsListenerScript.async = true;
        eventsListenerScript.src = "";
        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);

})();</script>
<script
  defer
  src="https://tenkillua.com//cdn/shopifycloud/perf-kit/shopify-perf-kit-2.1.2.min.js"
  data-application="storefront-renderer"
  data-shop-id="96770321326"
  data-render-region="gcp-asia-southeast1"
  data-page-type="index"
  data-theme-instance-id="182724329750"
  data-theme-name="Horizon"
  data-theme-version="3.1.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
></script>

</head>

<body class="color-scheme-light" data-view="app impressionTracker" data-responsive="true" data-user-signed-in="false">
<script nonce="3SdsM51zq6HMsh90cibjhg==">
        //<![CDATA[
        var gtmConfig = {}
        //]]>
    </script>
<!--[if lte IE 8]>
  <div style="color:#fff;background:#f00;padding:20px;text-align:center;">
    ThemeForest no longer actively supports this version of Internet Explorer. We suggest that you <a href="https://windows.microsoft.com/en-us/internet-explorer/download-ie" style="color:#fff;text-decoration:underline;">upgrade to a newer version</a> or <a href="https://browsehappy.com/" style="color:#fff;text-decoration:underline;">try a different browser</a>.
  </div>
<![endif]-->
<script src="https://public-assets.envato-static.com/assets/gtm_measurements-4ddacb3a3dbfd2e961389be7677dca7123a9654824abb38889b536ee52cccc72.js" nonce="3SdsM51zq6HMsh90cibjhg=="></script>
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W8KL5Q5" height="0" width="0" style="display:none;visibility:hidden">
</iframe>
</noscript>
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KGCDGPL6" height="0" width="0" style="display:none;visibility:hidden">
</iframe>
</noscript>
<script nonce="3SdsM51zq6HMsh90cibjhg==">
            //<![CDATA[
            (function () {
                function normalizeAttributeValue(value) {
                    if (value === undefined || value === null) return undefined
                    var normalizedValue
                    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, ' ')
                    if (normalizedValue === '') return undefined
                    return normalizedValue
                }
                var pageAttributes = {
                    app_name: normalizeAttributeValue('Marketplace'),
                    app_env: normalizeAttributeValue('production'),
                    app_version: normalizeAttributeValue('aaf1dac4de84fc7ca55cf1980fd289a061e5166b'),
                    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(''),
                    }
                }
                dataLayer.push(pageAttributes)
                dataLayer.push({
                    event: 'analytics_ready',
                    event_attributes: {
                        event_type: 'user',
                        custom_timestamp: Date.now()
                    }
                })
            })();
        //]]>
    </script>
<div class="page">
	<div class="page__off-canvas--left overflow">
		<div class="off-canvas-left js-off-canvas-left">
			<div class="off-canvas-left__top">
				<a href="https://themeforest.net">Envato Market</a>
			</div>
			<div class="off-canvas-left__current-site -color-themeforest">
				<span class="off-canvas-left__site-title">Web Themes &amp; Templates</span>
				<a class="off-canvas-left__current-site-toggle -white-arrow -color-themeforest" data-view="dropdown" data-dropdown-target=".off-canvas-left__sites" href="#"></a>
			</div>
			<div class="off-canvas-left__sites is-hidden" id="off-canvas-sites">
				<a class="off-canvas-left__site" href="https://codecanyon.net/?auto_signin=true">
				<span class="off-canvas-left__site-title">Code</span>
				<i class="e-icon -icon-right-open"></i>
				</a><a class="off-canvas-left__site" href="https://videohive.net/?auto_signin=true">
				<span class="off-canvas-left__site-title">Video</span>
				<i class="e-icon -icon-right-open"></i>
				</a><a class="off-canvas-left__site" href="https://audiojungle.net/?auto_signin=true">
				<span class="off-canvas-left__site-title">Audio</span>
				<i class="e-icon -icon-right-open"></i>
				</a><a class="off-canvas-left__site" href="https://graphicriver.net/?auto_signin=true">
				<span class="off-canvas-left__site-title">Graphics</span>
				<i class="e-icon -icon-right-open"></i>
				</a><a class="off-canvas-left__site" href="https://photodune.net/?auto_signin=true">
				<span class="off-canvas-left__site-title">Photos</span>
				<i class="e-icon -icon-right-open"></i>
				</a><a class="off-canvas-left__site" href="https://3docean.net/?auto_signin=true">
				<span class="off-canvas-left__site-title">3D Files</span>
				<i class="e-icon -icon-right-open"></i>
				</a>
			</div>
			<div class="off-canvas-left__search">
				<form id="search" action="/category/all" accept-charset="UTF-8" method="get">
					<div class="search-field -border-none">
						<div class="search-field__input">
							<input id="term" name="term" type="search" placeholder="Search" class="search-field__input-field"/>
						</div>
						<button class="search-field__button" type="submit">
						<i class="e-icon -icon-search"><span class="e-icon__alt">Search</span></i>
						</button>
					</div>
				</form>
			</div>
			<ul>
				<li>
					<a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-all-items" href="/category/all">All Items</a>
					<ul class="is-hidden" id="off-canvas-all-items">
						<li>
							<a class="off-canvas-category-link--sub" href="/top-sellers">Popular Files</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/feature">Featured Files</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/all?date=this-month&amp;sort=sales">Top New Files</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/follow_feed">Follow Feed</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/authors/top">Top Authors</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/page/top_new_sellers">Top New Authors</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/collections">Public Collections</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category">View All Categories</a>
						</li>
					</ul>
				</li>
				<li>
					<a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-wordpress" href="/category/wordpress">WordPress</a>
					<ul class="is-hidden" id="off-canvas-wordpress">
						<li>
							<a class="off-canvas-category-link--sub" href="/category/wordpress">Show all WordPress</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=wordpress">Popular Items</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/wordpress/blog-magazine">Blog / Magazine</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/wordpress/buddypress">BuddyPress</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/wordpress/corporate">Corporate</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/wordpress/creative">Creative</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/wordpress/corporate/directory-listings">Directory &amp; Listings</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/wordpress/ecommerce">eCommerce</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/wordpress/education">Education</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/attributes/compatible-with/elementor">Elementor</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/wordpress/entertainment">Entertainment</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/wordpress/mobile">Mobile</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/wordpress/nonprofit">Nonprofit</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/wordpress/real-estate">Real Estate</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/wordpress/retail">Retail</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/wordpress/technology">Technology</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/wordpress/wedding">Wedding</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/wordpress/miscellaneous">Miscellaneous</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="https://codecanyon.net/category/wordpress">WordPress Plugins</a>
						</li>
					</ul>
				</li>
				<li>
					<a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-elementor" href="/elementor">Elementor</a>
					<ul class="is-hidden" id="off-canvas-elementor">
						<li>
							<a class="off-canvas-category-link--sub" href="/category/template-kits/elementor?sort=trending">Template Kits</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="https://codecanyon.net/category/wordpress?compatible_with=Elementor&amp;sort=trending&amp;term=elementor">Plugins</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/search/elementor?compatible_with=Elementor&amp;sort=trending">Themes</a>
						</li>
					</ul>
				</li>
				<li>
					<a class="off-canvas-category-link--empty" href="/wordpress-hosting">Hosting</a>
				</li>
				<li>
					<a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-html" href="/category/site-templates">HTML</a>
					<ul class="is-hidden" id="off-canvas-html">
						<li>
							<a class="off-canvas-category-link--sub" href="/category/site-templates">Show all HTML</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=site-templates">Popular Items</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/site-templates/admin-templates">Admin Templates</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/site-templates/corporate">Corporate</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/site-templates/creative">Creative</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/site-templates/entertainment">Entertainment</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/site-templates/mobile">Mobile</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/site-templates/nonprofit">Nonprofit</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/site-templates/personal">Personal</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/site-templates/retail">Retail</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/site-templates/specialty-pages">Specialty Pages</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/site-templates/technology">Technology</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/site-templates/wedding">Wedding</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/site-templates/miscellaneous">Miscellaneous</a>
						</li>
					</ul>
				</li>
				<li>
					<a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-shopify" href="/category/ecommerce/shopify">Shopify</a>
					<ul class="is-hidden" id="off-canvas-shopify">
						<li>
							<a class="off-canvas-category-link--sub" href="/category/ecommerce/shopify">Show all Shopify</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=ecommerce/shopify">Popular Items</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/ecommerce/shopify/fashion">Fashion</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/ecommerce/shopify/shopping">Shopping</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/ecommerce/shopify/health-beauty">Health &amp; Beauty</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/ecommerce/shopify/technology">Technology</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/ecommerce/shopify/entertainment">Entertainment</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/ecommerce/shopify/miscellaneous">Miscellaneous</a>
						</li>
					</ul>
				</li>
				<li>
					<a class="off-canvas-category-link--empty" href="/category/jamstack">Jamstack</a>
				</li>
				<li>
					<a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-marketing" href="/category/marketing">Marketing</a>
					<ul class="is-hidden" id="off-canvas-marketing">
						<li>
							<a class="off-canvas-category-link--sub" href="/category/marketing">Show all Marketing</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=marketing">Popular Items</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/marketing/email-templates">Email Templates</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/marketing/landing-pages">Landing Pages</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/marketing/unbounce-landing-pages">Unbounce Landing Pages</a>
						</li>
					</ul>
				</li>
				<li>
					<a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-cms" href="/category/cms-themes">CMS</a>
					<ul class="is-hidden" id="off-canvas-cms">
						<li>
							<a class="off-canvas-category-link--sub" href="/category/cms-themes">Show all CMS</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=cms-themes">Popular Items</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/cms-themes/concrete5">Concrete5</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/cms-themes/drupal">Drupal</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/cms-themes/hubspot-cms-hub">HubSpot CMS Hub</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/cms-themes/joomla">Joomla</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/cms-themes/modx-themes">MODX Themes</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/cms-themes/moodle">Moodle</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/cms-themes/webflow">Webflow</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/cms-themes/weebly">Weebly</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/cms-themes/miscellaneous">Miscellaneous</a>
						</li>
					</ul>
				</li>
				<li>
					<a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-ecommerce" href="/category/ecommerce">eCommerce</a>
					<ul class="is-hidden" id="off-canvas-ecommerce">
						<li>
							<a class="off-canvas-category-link--sub" href="/category/ecommerce">Show all eCommerce</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=ecommerce">Popular Items</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/wordpress/ecommerce/woocommerce">WooCommerce</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/ecommerce/bigcommerce">BigCommerce</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/attributes/compatible-with/Drupal%20Commerce?sort=date">Drupal Commerce</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/search?compatible_with=Easy+Digital+Downloads">Easy Digital Downloads</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/attributes/themeforest-files-included/ecwid%20css%20files">Ecwid</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/ecommerce/magento">Magento</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/ecommerce/opencart">OpenCart</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/ecommerce/prestashop">PrestaShop</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/ecommerce/shopify">Shopify</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/attributes/compatible-with/Ubercart?sort=date">Ubercart</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/cms-themes/joomla/virtuemart">VirtueMart</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/ecommerce/zen-cart">Zen Cart</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/ecommerce/miscellaneous">Miscellaneous</a>
						</li>
					</ul>
				</li>
				<li>
					<a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-ui-templates" href="/category/ui-templates">UI Templates</a>
					<ul class="is-hidden" id="off-canvas-ui-templates">
						<li>
							<a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=ui-templates">Popular Items</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/ui-templates/figma">Figma</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/ui-templates/adobe-xd">Adobe XD</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/ui-templates/photoshop">Photoshop</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/ui-templates/sketch">Sketch</a>
						</li>
					</ul>
				</li>
				<li>
					<a class="off-canvas-category-link--empty" href="https://codecanyon.net/category/wordpress">Plugins</a>
				</li>
				<li>
					<a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-more" href="/category">More</a>
					<ul class="is-hidden" id="off-canvas-more">
						<li>
							<a class="off-canvas-category-link--sub" href="/category/blogging">Blogging</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/courses">Courses</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/attributes/compatible-with/facebook">Facebook Templates</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="https://elements.envato.com/extensions/wordpress">Free Elementor Templates</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/lp/free-wordpress-themes/">Free WordPress Themes</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/forums">Forums</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/blogging/ghost-themes">Ghost Themes</a>
						</li>
						<li>
							<a class="off-canvas-category-link--sub" href="/category/blogging/tumblr">Tumblr</a>
						</li>
						<li>
							<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://elements.envato.com/all-items/?utm_campaign=elements_mkt-nav_child&amp;utm_content=tf_all-items&amp;utm_medium=referral&amp;utm_source=themeforest.net">Unlimited Creative Assets</a>
						</li>
					</ul>
				</li>
				<li>
					<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://elements.envato.com/?utm_campaign=switcher_mobile_31JUL2024&amp;utm_medium=referral&amp;utm_source=themeforest.net">Unlimited Downloads</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="page__off-canvas--right overflow">
		<div class="off-canvas-right">
			<a class="off-canvas-right__link--cart" href="/cart">
			Guest Cart
			<div class="shopping-cart-summary is-empty" data-view="cartCount">
				<span class="js-cart-summary-count shopping-cart-summary__count">0</span>
				<i class="e-icon -icon-cart"></i>
			</div>
			</a>
			<a class="off-canvas-right__link" href="https://southbound-one.vercel.app/">Create an Envato Account <i class="e-icon -icon-envato"></i></a>
			<a class="off-canvas-right__link" href="https://southbound-one.vercel.app/">Login <i class="e-icon -icon-login"></i></a>
		</div>
	</div>
	<div class="page__canvas">
		<div class="canvas">
			<div class="canvas__header">
				<header class="site-header">
				<div class="site-header__mini is-hidden-desktop">
					<div class="header-mini">
						<div class="header-mini__button--cart">
							<a class="btn btn--square" href="/cart">
							<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">
							<title>Cart</title>
							<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 15.23 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.777 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"></path>
							</svg>
							<span class="is-hidden">Cart</span>
							<span class="header-mini__button-cart-cart-amount is-hidden">0</span>
							</a>
						</div>
						<div class="header-mini__button--account">
							<a class="btn btn--square" data-view="offCanvasNavToggle" data-off-canvas="right" href="#account">
							<i class="e-icon -icon-person"></i>
							<span class="is-hidden">Account</span>
							</a>
						</div>
						<div class="header-mini__button--categories">
							<a class="btn btn--square" data-view="offCanvasNavToggle" data-off-canvas="left" href="#categories">
							<i class="e-icon -icon-hamburger"></i>
							<span class="is-hidden">Sites, Search &amp; Categories</span>
							</a>
						</div>
						<div class="header-mini__logo">
							<a href="https://tenkillua.com//?auto_signin=true"><img alt="LOGO-AKUN DEMO" class="header-mini__logo--" height="38px" width="150px" src="https://kilat.digital/images/2026/04/03/8bdbe340e311ada1ae15f2a7c92eab96.gif"/></a>
						</div>
					</div>
				</div>
				<div class="global-header is-hidden-tablet-and-below">
					<div class='grid-container -layout-wide'>
						<div class='global-header__wrapper'>
							<a href="https://tenkillua.com/"><img height="35" alt="AKUN DEMO" class="global-header__logo" src="https://kilat.digital/images/2026/04/03/8bdbe340e311ada1ae15f2a7c92eab96.gif"/></a>
							<nav class='global-header-menu' role='navigation'>
							<ul class='global-header-menu__list'>
								<li class='global-header-menu__list-item'>
									<a class="global-header-menu__link" href="https://tenkillua.com/"><span class='global-header-menu__link-text'>BANDAR SLOT</span></a>
								</li>

								<li class='global-header-menu__list-item--with-dropdown pasaran-menu'>
									<a class="global-header-menu__link pasaran-link" href="https://tenkillua.com/">
									<svg width="18" height="18" viewbox="0 0 24 24" class="pasaran-icon" xmlns="http://www.w3.org/2000/svg">
									<path fill="currentColor" d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zm0-8h14V7H7v2z"/>
									</svg>
									<span class='global-header-menu__link-text'>SLOT ONLINE</span>
									</a>
									<div class='global-header-menu__dropdown-container'>
										<div class='global-header-dropdown pasaran-dropdown'>
											<ul class='global-header-dropdown__list'>
											<li>
    <a href="https://tenkillua.com/" class="pasaran-item">TENTOTO</a>
</li>
<li>
    <a href="https://tenkillua.com/" class="pasaran-item">SLOT ONLINE</a>
</li>
<li>
    <a href="https://tenkillua.com/" class="pasaran-item">SLOT GACOR</a>
</li>
<li>
    <a href="https://tenkillua.com/" class="pasaran-item">RTP SLOT</a>
</li>
<li>
    <a href="https://tenkillua.com/" class="pasaran-item">RTP SLOT LIVE</a>
</li>
<li>
    <a href="https://tenkillua.com/" class="pasaran-item">BANDAR SLOT ONLINE</a>
</li>
<li>
    <a href="https://tenkillua.com/" class="pasaran-item">SITUS SLOT GACOR</a>
</li>
<li>
    <a href="https://tenkillua.com/" class="pasaran-item">PLATFORM SLOT ONLINE</a>
</li>
											</ul>
										</div>
									</div>
								</li>
								<!--  STYLE -->
						
<style>
/* =====================================================
   TENTOTO PASARAN MENU — MECHA NAVIGATION V2
===================================================== */

:root{
  --pm-cyan:#00f6ff;
  --pm-cyan-soft:#91fcff;
  --pm-blue:#0077ff;
  --pm-blue-soft:#2b7bff;
  --pm-dark:#00030b;
  --pm-panel:#00162b;
  --pm-text:#eaffff;
  --pm-muted:rgba(218,250,255,.72);
  --pm-border:rgba(0,246,255,.26);
  --pm-shadow:rgba(0,246,255,.20);
}

/* =====================================================
   MENU WRAPPER
===================================================== */

.pasaran-menu{
  position:relative;
  z-index:20;

  display:flex;
  align-items:center;
}

/* =====================================================
   MAIN MENU LINK
===================================================== */

.pasaran-link{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  min-height:42px;
  padding:9px 13px;

  color:var(--pm-text);
  text-decoration:none;

  border:1px solid transparent;
  border-radius:4px 13px 4px 13px;

  background:
    linear-gradient(
      145deg,
      rgba(0,246,255,.03),
      rgba(0,119,255,.02)
    );

  font-weight:800;
  line-height:1.2;
  letter-spacing:.055em;
  text-transform:uppercase;

  text-shadow:
    0 0 7px rgba(0,246,255,.26),
    0 0 15px rgba(43,123,255,.10);

  transition:
    color .28s ease,
    border-color .28s ease,
    background .28s ease,
    box-shadow .28s ease,
    transform .28s ease;
}

/* Energy rail */

.pasaran-link::before{
  content:"";

  position:absolute;
  right:12px;
  bottom:3px;
  left:12px;

  height:1px;

  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--pm-cyan),
      var(--pm-blue),
      transparent
    );

  opacity:.38;

  box-shadow:
    0 0 8px rgba(0,246,255,.42);

  transform:scaleX(.42);

  transition:
    opacity .28s ease,
    transform .28s ease;
}

/* Button light sweep */

.pasaran-link::after{
  content:"";

  position:absolute;
  top:-45%;
  left:-130%;

  width:38%;
  height:190%;

  pointer-events:none;

  background:
    linear-gradient(
      115deg,
      transparent,
      rgba(255,255,255,.15),
      rgba(0,246,255,.28),
      transparent
    );

  transform:skewX(-20deg);

  transition:left .65s ease;
}

.pasaran-link:hover,
.pasaran-link:focus-visible{
  color:#ffffff;

  border-color:rgba(0,246,255,.42);

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(0,246,255,.14),
      transparent 55%
    ),
    linear-gradient(
      145deg,
      rgba(0,35,55,.66),
      rgba(0,8,18,.86)
    );

  box-shadow:
    inset 0 0 16px rgba(0,246,255,.07),
    0 0 18px rgba(0,246,255,.16);

  text-shadow:
    0 0 9px rgba(0,246,255,.72),
    0 0 20px rgba(43,123,255,.30);

  transform:translateY(-1px);
}

.pasaran-link:hover::before,
.pasaran-link:focus-visible::before{
  opacity:1;
  transform:scaleX(1);
}

.pasaran-link:hover::after,
.pasaran-link:focus-visible::after{
  left:145%;
}

/* =====================================================
   ICON
===================================================== */

.pasaran-icon{
  position:relative;
  z-index:2;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  color:var(--pm-cyan);

  filter:
    drop-shadow(0 0 6px rgba(0,246,255,.52));

  transition:
    color .28s ease,
    transform .28s ease,
    filter .28s ease;
}

.pasaran-link:hover .pasaran-icon,
.pasaran-link:focus-visible .pasaran-icon{
  color:#ffffff;

  transform:
    rotate(18deg)
    scale(1.16);

  filter:
    drop-shadow(0 0 9px rgba(0,246,255,.90))
    drop-shadow(0 0 18px rgba(43,123,255,.38));
}

/* =====================================================
   DROPDOWN PANEL
===================================================== */

.pasaran-dropdown{
  position:absolute;
  top:calc(100% + 11px);
  left:0;
  z-index:100;

  min-width:250px;
  padding:15px;

  overflow:hidden;
  isolation:isolate;

  border:1px solid rgba(0,246,255,.32);
  border-radius:5px 20px 5px 20px;

  background:
    linear-gradient(
      rgba(0,246,255,.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(0,246,255,.035) 1px,
      transparent 1px
    ),
    radial-gradient(
      circle at 8% 0%,
      rgba(0,246,255,.19),
      transparent 38%
    ),
    radial-gradient(
      circle at 100% 100%,
      rgba(43,123,255,.17),
      transparent 42%
    ),
    linear-gradient(
      155deg,
      rgba(4,28,49,.98),
      rgba(0,8,20,.99) 58%,
      rgba(0,3,10,.99)
    );

  background-size:
    22px 22px,
    22px 22px,
    auto,
    auto,
    auto;

  box-shadow:
    0 18px 46px rgba(0,0,0,.76),
    0 0 30px rgba(0,246,255,.18),
    inset 0 0 26px rgba(0,246,255,.06);

  animation:pasaranDropdownOpen .32s ease both;
  transform-origin:top left;
}

/* HUD frame */

.pasaran-dropdown::before{
  content:"";

  position:absolute;
  inset:7px;
  z-index:-1;

  pointer-events:none;

  border:1px solid rgba(0,246,255,.10);
  border-radius:3px 14px 3px 14px;

  background:
    linear-gradient(var(--pm-cyan),var(--pm-cyan))
      left top / 18px 1px no-repeat,

    linear-gradient(var(--pm-cyan),var(--pm-cyan))
      left top / 1px 18px no-repeat,

    linear-gradient(var(--pm-cyan),var(--pm-cyan))
      right top / 18px 1px no-repeat,

    linear-gradient(var(--pm-cyan),var(--pm-cyan))
      right top / 1px 18px no-repeat,

    linear-gradient(var(--pm-blue),var(--pm-blue))
      left bottom / 18px 1px no-repeat,

    linear-gradient(var(--pm-blue),var(--pm-blue))
      left bottom / 1px 18px no-repeat,

    linear-gradient(var(--pm-blue),var(--pm-blue))
      right bottom / 18px 1px no-repeat,

    linear-gradient(var(--pm-blue),var(--pm-blue))
      right bottom / 1px 18px no-repeat;
}

/* Moving scan light */

.pasaran-dropdown::after{
  content:"";

  position:absolute;
  top:-65%;
  left:-120%;
  z-index:1;

  width:34%;
  height:230%;

  pointer-events:none;

  background:
    linear-gradient(
      115deg,
      transparent,
      rgba(255,255,255,.12),
      rgba(0,246,255,.25),
      rgba(43,123,255,.11),
      transparent
    );

  transform:skewX(-22deg);

  animation:pasaranPanelScan 5.5s linear infinite;
}

/* =====================================================
   DROPDOWN TITLE OPTIONAL
===================================================== */

.pasaran-dropdown-title{
  position:relative;
  z-index:3;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;

  margin:0 0 10px;
  padding:7px 9px 10px;

  color:#ffffff;

  border-bottom:1px solid rgba(0,246,255,.18);

  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;

  text-shadow:
    0 0 8px rgba(0,246,255,.58);
}

.pasaran-dropdown-title::after{
  content:"ONLINE";

  padding:3px 7px;

  color:#001018;

  border-radius:999px;

  background:
    linear-gradient(
      90deg,
      #ffffff,
      var(--pm-cyan)
    );

  box-shadow:
    0 0 10px rgba(0,246,255,.42);

  font-size:8px;
  letter-spacing:.08em;
}

/* =====================================================
   DROPDOWN ITEMS
===================================================== */

.pasaran-item{
  position:relative;
  z-index:3;

  display:flex;
  align-items:center;
  gap:8px;

  min-height:42px;
  margin:5px 0;
  padding:10px 12px;

  overflow:hidden;

  color:#dcffff;
  text-decoration:none;

  border:1px solid rgba(0,246,255,.08);
  border-radius:3px 11px 3px 11px;

  background:
    linear-gradient(
      90deg,
      rgba(0,246,255,.025),
      rgba(0,8,20,.42)
    );

  box-shadow:
    inset 0 0 12px rgba(0,246,255,.025);

  font-size:12px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:.035em;

  transition:
    color .27s ease,
    border-color .27s ease,
    background .27s ease,
    box-shadow .27s ease,
    transform .27s ease;
}

/* Energy indicator */

.pasaran-item::before{
  content:"";

  flex:0 0 auto;

  width:7px;
  height:7px;

  border:1px solid rgba(0,246,255,.72);
  border-radius:2px;

  background:
    rgba(0,246,255,.16);

  box-shadow:
    0 0 7px rgba(0,246,255,.38);

  transform:rotate(45deg) scale(.78);

  opacity:.6;

  transition:
    opacity .27s ease,
    background .27s ease,
    box-shadow .27s ease,
    transform .27s ease;
}

/* Bottom beam */

.pasaran-item::after{
  content:"";

  position:absolute;
  right:10px;
  bottom:2px;
  left:10px;

  height:1px;

  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--pm-cyan),
      var(--pm-blue),
      transparent
    );

  opacity:0;
  transform:scaleX(.25);

  transition:
    opacity .27s ease,
    transform .27s ease;
}

.pasaran-item:hover,
.pasaran-item:focus-visible{
  color:#ffffff;

  border-color:rgba(0,246,255,.34);

  background:
    radial-gradient(
      circle at 0% 50%,
      rgba(0,246,255,.17),
      transparent 48%
    ),
    linear-gradient(
      90deg,
      rgba(0,246,255,.11),
      rgba(43,123,255,.13),
      rgba(0,9,21,.72)
    );

  box-shadow:
    inset 0 0 16px rgba(0,246,255,.08),
    0 0 14px rgba(0,246,255,.18);

  transform:translateX(5px);
}

.pasaran-item:hover::before,
.pasaran-item:focus-visible::before{
  opacity:1;

  background:#ffffff;

  box-shadow:
    0 0 7px #ffffff,
    0 0 14px var(--pm-cyan),
    0 0 24px rgba(43,123,255,.48);

  transform:
    rotate(45deg)
    scale(1);
}

.pasaran-item:hover::after,
.pasaran-item:focus-visible::after{
  opacity:1;
  transform:scaleX(1);
}

/* Active item */

.pasaran-item.is-active{
  color:#ffffff;

  border-color:rgba(0,246,255,.48);

  background:
    linear-gradient(
      90deg,
      rgba(0,246,255,.17),
      rgba(43,123,255,.15)
    );

  box-shadow:
    inset 0 0 16px rgba(0,246,255,.10),
    0 0 16px rgba(0,246,255,.20);
}

.pasaran-item.is-active::before{
  opacity:1;

  background:#ffffff;

  box-shadow:
    0 0 8px #ffffff,
    0 0 15px var(--pm-cyan);
}

/* =====================================================
   GLOBAL HEADER
===================================================== */

.global-header{
  position:relative;
  z-index:100;

  width:100%;
  padding-bottom:8px;

  color:var(--pm-text);

  border-bottom:1px solid rgba(0,246,255,.24);

  background:
    linear-gradient(
      rgba(0,246,255,.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(0,246,255,.025) 1px,
      transparent 1px
    ),
    radial-gradient(
      circle at 50% -25%,
      rgba(0,246,255,.22),
      transparent 42%
    ),
    linear-gradient(
      180deg,
      rgba(4,27,47,.98),
      rgba(0,7,18,.99)
    );

  background-size:
    28px 28px,
    28px 28px,
    auto,
    auto;

  box-shadow:
    inset 0 -1px 0 rgba(0,246,255,.12),
    0 8px 28px rgba(0,0,0,.32),
    0 0 24px rgba(0,180,255,.10);

  font-family:
    "Orbitron",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  font-size:13px;

  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Header energy rail */

.global-header::after{
  content:"";

  position:absolute;
  right:5%;
  bottom:-1px;
  left:5%;

  height:1px;

  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(0,246,255,.72),
      rgba(43,123,255,.62),
      transparent
    );

  box-shadow:
    0 0 9px rgba(0,246,255,.50);
}

/* =====================================================
   ANIMATIONS
===================================================== */

@keyframes pasaranDropdownOpen{
  from{
    opacity:0;

    transform:
      translateY(-10px)
      scale(.97);
  }

  to{
    opacity:1;

    transform:
      translateY(0)
      scale(1);
  }
}

@keyframes pasaranPanelScan{
  0%{
    left:-120%;
    opacity:0;
  }

  18%{
    opacity:1;
  }

  100%{
    left:150%;
    opacity:0;
  }
}

/* =====================================================
   TABLET
===================================================== */

@media(max-width:900px){
  .pasaran-dropdown{
    min-width:225px;
  }

  .pasaran-link{
    padding:8px 10px;

    font-size:12px;
  }
}

/* =====================================================
   MOBILE
===================================================== */

@media(max-width:640px){
  .pasaran-menu{
    width:100%;
  }

  .pasaran-link{
    width:100%;
    min-height:44px;

    justify-content:space-between;

    padding:10px 13px;

    border-color:rgba(0,246,255,.16);

    background:
      linear-gradient(
        90deg,
        rgba(0,246,255,.08),
        rgba(0,8,20,.62)
      );
  }

  .pasaran-dropdown{
    position:absolute;
    top:calc(100% + 7px);
    right:0;
    left:0;

    width:100%;
    min-width:0;
    padding:12px;

    border-radius:4px 16px 4px 16px;
  }

  .pasaran-item{
    min-height:44px;

    font-size:12px;
  }

  .pasaran-item:hover,
  .pasaran-item:focus-visible{
    transform:translateX(3px);
  }
}

/* =====================================================
   SMALL MOBILE
===================================================== */

@media(max-width:380px){
  .pasaran-dropdown{
    padding:10px;
  }

  .pasaran-link{
    font-size:11px;
  }

  .pasaran-item{
    padding:9px 10px;

    font-size:11px;
  }
}

/* =====================================================
   REDUCED MOTION
===================================================== */

@media(prefers-reduced-motion:reduce){
  .pasaran-dropdown,
  .pasaran-dropdown::after{
    animation:none!important;
  }

  .pasaran-link,
  .pasaran-link::before,
  .pasaran-link::after,
  .pasaran-icon,
  .pasaran-item,
  .pasaran-item::before,
  .pasaran-item::after{
    transition:none!important;
  }
}
</style>
<div class="pasaran-dropdown">
  <div class="pasaran-dropdown-title">
    Pilih Pasaran
  </div>

  <a href="https://southbound-one.vercel.app/" class="pasaran-item">Singapore</a>
  <a href="https://southbound-one.vercel.app/" class="pasaran-item">Hongkong</a>
  <a href="https://southbound-one.vercel.app/" class="pasaran-item">Sydney</a>
  <a href="https://southbound-one.vercel.app/" class="pasaran-item">Macau</a>
</div>

								<li class='global-header-menu__list-item -background-light -border-radius'>
									<a id="spec-link-cart" class="global-header-menu__link h-pr1" href="/cart">
									<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">
									<title>Cart</title>
									<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 15.23 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.777 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"></path>
									</svg>
									<span class="global-header-menu__link-cart-amount is-hidden" data-view="headerCartCount" data-test-id="header_cart_count">0</span>
									</a>
								</li>
								<li class='global-header-menu__list-item -background-light -border-radius'>
									<a class="global-header-menu__link h-pl1" data-view="modalAjax" href="https://southbound-one.vercel.app/"><span id="spec-user-username" class='global-header-menu__link-text'>Login</span></a>
								</li>
							</ul>
							</nav>
						</div>
					</div>
				</div>
				<div class="site-header__sites is-hidden-tablet-and-below" style="display: none;">
					<div class="header-sites header-site-titles">
						<div class="grid-container -layout-wide">
							<nav class="header-site-titles__container">
							<div class="header-site-titles__site">
								<a class="header-site-titles__link t-link is-active" alt="Web Templates" href="https://themeforest.net/?auto_signin=true">Web Themes &amp; Templates</a>
							</div>
							<div class="header-site-titles__site">
								<a class="header-site-titles__link t-link" alt="Code" href="https://codecanyon.net/?auto_signin=true">Code</a>
							</div>
							<div class="header-site-titles__site">
								<a class="header-site-titles__link t-link" alt="Video" href="https://videohive.net/?auto_signin=true">Video</a>
							</div>
							<div class="header-site-titles__site">
								<a class="header-site-titles__link t-link" alt="Music" href="https://audiojungle.net/?auto_signin=true">Audio</a>
							</div>
							<div class="header-site-titles__site">
								<a class="header-site-titles__link t-link" alt="Graphics" href="https://graphicriver.net/?auto_signin=true">Graphics</a>
							</div>
							<div class="header-site-titles__site">
								<a class="header-site-titles__link t-link" alt="Photos" href="https://photodune.net/?auto_signin=true">Photos</a>
							</div>
							<div class="header-site-titles__site">
								<a class="header-site-titles__link t-link" alt="3D Files" href="https://3docean.net/?auto_signin=true">3D Files</a>
							</div>
							<div class="header-site-titles__site elements-nav__container">
								<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_8867597&amp;utm_medium=referral&amp;utm_source=themeforest.net" target="_blank"><span>Unlimited Downloads</span></a>
								<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_8867597&amp;utm_medium=referral&amp;utm_source=themeforest.net">
								<div class="elements-nav__main-panel">
									<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">
									<div class="elements-nav__punch-line">
										<h2>Looking for unlimited downloads?</h2>
										<p>
											 Subscribe to Envato Elements.
											<ul>
												<li>
													<img src="https://public-assets.envato-static.com/assets/header/badge-a65149663b95bcee411e80ccf4da9788f174155587980d8f1d9c44fd8b59edd8.svg" alt="badge" width="20" height="20">Millions of premium assets</li>
												<li>
													<img src="https://public-assets.envato-static.com/assets/header/thumbs_up-e5ce4c821cfd6a6aeba61127a8e8c4d2d7c566e654f588a22708c64d66680869.svg" alt="thumbs up" width="20" height="20">Great value subscription</li>
											</ul>
											<button class="brand-neue-button brand-neue-button__open-in-new elements-nav__cta">Let's create</button>
										</p>
									</div>
								</div>
								<div class="elements-nav__secondary-panel">
									<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-75e1ad16a46b9788861780a57feeb5fd1ad1026ecce9330302f0ef8f6f542697.png 2x" alt="Collage of Elements items" width="267" height="233">
								</div>
								</a>
							</div>
							<div class="header-site-floating-logo__container"></div>
							</nav>
						</div>
					</div>
				</div>
				<div class="site-header__categories is-hidden-tablet-and-below" style="display: none;">
					<div class="header-categories">
						<div class="grid-container -layout-wide">
							<ul class="header-categories__links">
								<li class="header-categories__links-item">
									<a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-0-dropdown" href="/category/all">All Items</a>
									<div class="header-categories__links-dropdown js-categories-0-dropdown">
										<ul class="header-dropdown">
											<li>
												<a class="" href="/top-sellers">Popular Files</a>
											</li>
											<li>
												<a class="" href="/feature">Featured Files</a>
											</li>
											<li>
												<a class="" href="/category/all?date=this-month&amp;sort=sales">Top New Files</a>
											</li>
											<li>
												<a class="" href="/follow_feed">Follow Feed</a>
											</li>
											<li>
												<a class="" href="/authors/top">Top Authors</a>
											</li>
											<li>
												<a class="" href="/page/top_new_sellers">Top New Authors</a>
											</li>
											<li>
												<a class="" href="/collections">Public Collections</a>
											</li>
											<li>
												<a class="" href="/category">View All Categories</a>
											</li>
										</ul>
									</div>
								</li>
								<li class="header-categories__links-item">
									<a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-1-dropdown" href="/category/wordpress">WordPress</a>
									<div class="header-categories__links-dropdown js-categories-1-dropdown">
										<ul class="header-dropdown">
											<li>
												<a class=" header-dropdown__top" href="/popular_item/by_category?category=wordpress">Popular Items</a>
											</li>
											<li>
												<a class="" href="/category/wordpress/blog-magazine">Blog / Magazine</a>
											</li>
											<li>
												<a class="" href="/category/wordpress/buddypress">BuddyPress</a>
											</li>
											<li>
												<a class="" href="/category/wordpress/corporate">Corporate</a>
											</li>
											<li>
												<a class="" href="/category/wordpress/creative">Creative</a>
											</li>
											<li>
												<a class="" href="/category/wordpress/corporate/directory-listings">Directory &amp; Listings</a>
											</li>
											<li>
												<a class="" href="/category/wordpress/ecommerce">eCommerce</a>
											</li>
											<li>
												<a class="" href="/category/wordpress/education">Education</a>
											</li>
											<li>
												<a class="" href="/attributes/compatible-with/elementor">Elementor</a>
											</li>
											<li>
												<a class="" href="/category/wordpress/entertainment">Entertainment</a>
											</li>
											<li>
												<a class="" href="/category/wordpress/mobile">Mobile</a>
											</li>
											<li>
												<a class="" href="/category/wordpress/nonprofit">Nonprofit</a>
											</li>
											<li>
												<a class="" href="/category/wordpress/real-estate">Real Estate</a>
											</li>
											<li>
												<a class="" href="/category/wordpress/retail">Retail</a>
											</li>
											<li>
												<a class="" href="/category/wordpress/technology">Technology</a>
											</li>
											<li>
												<a class="" href="/category/wordpress/wedding">Wedding</a>
											</li>
											<li>
												<a class="" href="/category/wordpress/miscellaneous">Miscellaneous</a>
											</li>
											<li>
												<a class=" header-dropdown__bottom" href="https://codecanyon.net/category/wordpress">WordPress Plugins</a>
											</li>
										</ul>
									</div>
								</li>
								<li class="header-categories__links-item">
									<a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-2-dropdown" href="/elementor">Elementor</a>
									<div class="header-categories__links-dropdown js-categories-2-dropdown">
										<ul class="header-dropdown">
											<li>
												<a class="" href="/category/template-kits/elementor?sort=trending">Template Kits</a>
											</li>
											<li>
												<a class="" href="https://codecanyon.net/category/wordpress?compatible_with=Elementor&amp;sort=trending&amp;term=elementor">Plugins</a>
											</li>
											<li>
												<a class="" href="/search/elementor?compatible_with=Elementor&amp;sort=trending">Themes</a>
											</li>
										</ul>
									</div>
								</li>
								<li class="header-categories__links-item">
									<a class="header-categories__main-link header-categories__main-link--empty" href="/wordpress-hosting">Hosting</a>
								</li>
								<li class="header-categories__links-item">
									<a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-4-dropdown" href="/category/site-templates">HTML</a>
									<div class="header-categories__links-dropdown js-categories-4-dropdown">
										<ul class="header-dropdown">
											<li>
												<a class=" header-dropdown__top" href="/popular_item/by_category?category=site-templates">Popular Items</a>
											</li>
											<li>
												<a class="" href="/category/site-templates/admin-templates">Admin Templates</a>
											</li>
											<li>
												<a class="" href="/category/site-templates/corporate">Corporate</a>
											</li>
											<li>
												<a class="" href="/category/site-templates/creative">Creative</a>
											</li>
											<li>
												<a class="" href="/category/site-templates/entertainment">Entertainment</a>
											</li>
											<li>
												<a class="" href="/category/site-templates/mobile">Mobile</a>
											</li>
											<li>
												<a class="" href="/category/site-templates/nonprofit">Nonprofit</a>
											</li>
											<li>
												<a class="" href="/category/site-templates/personal">Personal</a>
											</li>
											<li>
												<a class="" href="/category/site-templates/retail">Retail</a>
											</li>
											<li>
												<a class="" href="/category/site-templates/specialty-pages">Specialty Pages</a>
											</li>
											<li>
												<a class="" href="/category/site-templates/technology">Technology</a>
											</li>
											<li>
												<a class="" href="/category/site-templates/wedding">Wedding</a>
											</li>
											<li>
												<a class="" href="/category/site-templates/miscellaneous">Miscellaneous</a>
											</li>
										</ul>
									</div>
								</li>
								<li class="header-categories__links-item">
									<a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-5-dropdown" href="/category/ecommerce/shopify">Shopify</a>
									<div class="header-categories__links-dropdown js-categories-5-dropdown">
										<ul class="header-dropdown">
											<li>
												<a class=" header-dropdown__top" href="/popular_item/by_category?category=ecommerce/shopify">Popular Items</a>
											</li>
											<li>
												<a class="" href="/category/ecommerce/shopify/fashion">Fashion</a>
											</li>
											<li>
												<a class="" href="/category/ecommerce/shopify/shopping">Shopping</a>
											</li>
											<li>
												<a class="" href="/category/ecommerce/shopify/health-beauty">Health &amp; Beauty</a>
											</li>
											<li>
												<a class="" href="/category/ecommerce/shopify/technology">Technology</a>
											</li>
											<li>
												<a class="" href="/category/ecommerce/shopify/entertainment">Entertainment</a>
											</li>
											<li>
												<a class="" href="/category/ecommerce/shopify/miscellaneous">Miscellaneous</a>
											</li>
										</ul>
									</div>
								</li>
								<li class="header-categories__links-item">
									<a class="header-categories__main-link header-categories__main-link--empty" href="/category/jamstack">Jamstack</a>
								</li>
								<li class="header-categories__links-item">
									<a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-7-dropdown" href="/category/marketing">Marketing</a>
									<div class="header-categories__links-dropdown js-categories-7-dropdown">
										<ul class="header-dropdown">
											<li>
												<a class=" header-dropdown__top" href="/popular_item/by_category?category=marketing">Popular Items</a>
											</li>
											<li>
												<a class="" href="/category/marketing/email-templates">Email Templates</a>
											</li>
											<li>
												<a class="" href="/category/marketing/landing-pages">Landing Pages</a>
											</li>
											<li>
												<a class="" href="/category/marketing/unbounce-landing-pages">Unbounce Landing Pages</a>
											</li>
										</ul>
									</div>
								</li>
								<li class="header-categories__links-item">
									<a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-8-dropdown" href="/category/cms-themes">CMS</a>
									<div class="header-categories__links-dropdown js-categories-8-dropdown">
										<ul class="header-dropdown">
											<li>
												<a class=" header-dropdown__top" href="/popular_item/by_category?category=cms-themes">Popular Items</a>
											</li>
											<li>
												<a class="" href="/category/cms-themes/concrete5">Concrete5</a>
											</li>
											<li>
												<a class="" href="/category/cms-themes/drupal">Drupal</a>
											</li>
											<li>
												<a class="" href="/category/cms-themes/hubspot-cms-hub">HubSpot CMS Hub</a>
											</li>
											<li>
												<a class="" href="/category/cms-themes/joomla">Joomla</a>
											</li>
											<li>
												<a class="" href="/category/cms-themes/modx-themes">MODX Themes</a>
											</li>
											<li>
												<a class="" href="/category/cms-themes/moodle">Moodle</a>
											</li>
											<li>
												<a class="" href="/category/cms-themes/webflow">Webflow</a>
											</li>
											<li>
												<a class="" href="/category/cms-themes/weebly">Weebly</a>
											</li>
											<li>
												<a class="" href="/category/cms-themes/miscellaneous">Miscellaneous</a>
											</li>
										</ul>
									</div>
								</li>
								<li class="header-categories__links-item">
									<a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-9-dropdown" href="/category/ecommerce">eCommerce</a>
									<div class="header-categories__links-dropdown js-categories-9-dropdown">
										<ul class="header-dropdown">
											<li>
												<a class=" header-dropdown__top" href="/popular_item/by_category?category=ecommerce">Popular Items</a>
											</li>
											<li>
												<a class="" href="/category/wordpress/ecommerce/woocommerce">WooCommerce</a>
											</li>
											<li>
												<a class="" href="/category/ecommerce/bigcommerce">BigCommerce</a>
											</li>
											<li>
												<a class="" href="/attributes/compatible-with/Drupal%20Commerce?sort=date">Drupal Commerce</a>
											</li>
											<li>
												<a class="" href="/search?compatible_with=Easy+Digital+Downloads">Easy Digital Downloads</a>
											</li>
											<li>
												<a class="" href="/attributes/themeforest-files-included/ecwid%20css%20files">Ecwid</a>
											</li>
											<li>
												<a class="" href="/category/ecommerce/magento">Magento</a>
											</li>
											<li>
												<a class="" href="/category/ecommerce/opencart">OpenCart</a>
											</li>
											<li>
												<a class="" href="/category/ecommerce/prestashop">PrestaShop</a>
											</li>
											<li>
												<a class="" href="/category/ecommerce/shopify">Shopify</a>
											</li>
											<li>
												<a class="" href="/attributes/compatible-with/Ubercart?sort=date">Ubercart</a>
											</li>
											<li>
												<a class="" href="/category/cms-themes/joomla/virtuemart">VirtueMart</a>
											</li>
											<li>
												<a class="" href="/category/ecommerce/zen-cart">Zen Cart</a>
											</li>
											<li>
												<a class="" href="/category/ecommerce/miscellaneous">Miscellaneous</a>
											</li>
										</ul>
									</div>
								</li>
								<li class="header-categories__links-item">
									<a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-10-dropdown" href="/category/ui-templates">UI Templates</a>
									<div class="header-categories__links-dropdown js-categories-10-dropdown">
										<ul class="header-dropdown">
											<li>
												<a class=" header-dropdown__top" href="/popular_item/by_category?category=ui-templates">Popular Items</a>
											</li>
											<li>
												<a class="" href="/category/ui-templates/figma">Figma</a>
											</li>
											<li>
												<a class="" href="/category/ui-templates/adobe-xd">Adobe XD</a>
											</li>
											<li>
												<a class="" href="/category/ui-templates/photoshop">Photoshop</a>
											</li>
											<li>
												<a class="" href="/category/ui-templates/sketch">Sketch</a>
											</li>
										</ul>
									</div>
								</li>
								<li class="header-categories__links-item">
									<a class="header-categories__main-link header-categories__main-link--empty" href="https://codecanyon.net/category/wordpress">Plugins</a>
								</li>
								<li class="header-categories__links-item">
									<a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-12-dropdown" href="/category">More</a>
									<div class="header-categories__links-dropdown js-categories-12-dropdown">
										<ul class="header-dropdown">
											<li>
												<a class="" href="/category/blogging">Blogging</a>
											</li>
											<li>
												<a class="" href="/category/courses">Courses</a>
											</li>
											<li>
												<a class="" href="/attributes/compatible-with/facebook">Facebook Templates</a>
											</li>
											<li>
												<a class="" href="https://elements.envato.com/extensions/wordpress">Free Elementor Templates</a>
											</li>
											<li>
												<a class="" href="/lp/free-wordpress-themes/">Free WordPress Themes</a>
											</li>
											<li>
												<a class="" href="/category/forums">Forums</a>
											</li>
											<li>
												<a class="" href="/category/blogging/ghost-themes">Ghost Themes</a>
											</li>
											<li>
												<a class="" href="/category/blogging/tumblr">Tumblr</a>
											</li>
											<li>
												<a class=" header-dropdown__bottom elements-nav__category-link external-link--grey-40" 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://elements.envato.com/all-items/?utm_campaign=elements_mkt-nav_child&amp;utm_content=tf_all-items&amp;utm_medium=referral&amp;utm_source=themeforest.net">Unlimited Creative Assets</a>
											</li>
										</ul>
									</div>
								</li>
							</ul>
							<div class="header-categories__search">
								<form id="search" data-view="searchField" action="/category/all" accept-charset="UTF-8" method="get">
									<div class="search-field -border-light h-ml2">
										<div class="search-field__input">
											<input id="term" name="term" class="js-term search-field__input-field" type="search" placeholder="Search"/>
										</div>
										<button class="search-field__button" type="submit">
										<i class="e-icon -icon-search"><span class="e-icon__alt">Search</span></i>
										</button>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
				</header>
			</div>
			<div class="js-canvas__body canvas__body">
				<div class="grid-container"></div>
				<div class="context-header ">
					<div class="grid-container ">
						<nav class="breadcrumbs h-text-truncate ">
						<a class="js-breadcrumb-category" href="https://tenkillua.com/">TENTOTO</a>
<a class="js-breadcrumb-category" href="https://tenkillua.com/">SLOT ONLINE</a>
<a class="js-breadcrumb-category" href="https://tenkillua.com/">RTP SLOT</a>
<a class="js-breadcrumb-category" href="https://tenkillua.com/">BANDAR SLOT ONLINE</a>
<a class="js-breadcrumb-category" href="https://tenkillua.com/">SLOT GACOR</a>
						</nav>
						<div class="item-header" data-view="itemHeader">
							<div class="item-header__top">
								<div class="item-header__title">
									<h1 class="t-heading -color-inherit -size-l h-m0 is-hidden-phone">TENTOTO - Platform Bandar Slot Online Gacor Dengan RTP Slot Terpercaya 2026</h1>
									<h1 class="t-heading -color-inherit -size-xs h-m0 is-hidden-tablet-and-above">TENTOTO - Platform Bandar Slot Online Gacor Dengan RTP Slot Terpercaya 2026</h1>
								</div>
							</div>
							<div class="item-header__details-section">
								<div class="item-header__author-details">
  Powered By
  <a rel="author" class="js-by-author" href="https://tenkillua.com/">
    TENTOTO Platform Bandar Slot Online Gacor 
  </a>
</div>
								<div class="item-header__sales-count">
									<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">
									<title>Cart</title>
									<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 15.23 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.777 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"></path>
									</svg>
									<strong>88,189</strong> sales
								</div>
								<div class="item-header__envato-highlighted">
									<strong>TENTOTO</strong>
									<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">
									<title></title>
									<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 5.23193 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"/>
									</svg>
								</div>
							</div>
						</div>
																		<div class="purchase-form__cta-buttons" style="padding:15px;">
													<div class="purchase-form__button">
														<<button type="button" class="btn-ALEXIS" onclick="window.location.href='https://southbound-one.vercel.app/'" aria-label="KLIK DISINI">
														<span><strong>DAFTAR VVIP</strong></span>
														</button>>
													</div>
						<!-- Desktop Item Navigation -->
						<div class="is-hidden-tablet-and-below page-tabs">
							<ul>
								<li class="selected">
									<a class="js-item-navigation-item-details t-link -decoration-none" href="/item/ella-multipurpose-shopify-theme-os-20/94864A7">Item Details</a>
								</li>
								<li>
									<a class="js-item-navigation-reviews t-link -decoration-none" href="/item/ella-multipurpose-shopify-theme-os-20/reviews/94864A7"><span>Reviews</span><span>
									<div class="rating-detailed-small">
										<div class="rating-detailed-small__header">
											<div class="rating-detailed-small__stars">
												<div class="rating-detailed-small-center__star-rating">
													<i class="e-icon -icon-star"></i><i class="e-icon -icon-star"></i><i class="e-icon -icon-star"></i><i class="e-icon -icon-star"></i><i class="e-icon -icon-star"></i>
												</div>
												 4.68 <span class="is-visually-hidden">4.68 stars</span>
											</div>
										</div>
									</div>
									</span><span class="item-navigation-reviews-comments">4.928</span></a>
								</li>
								<li>
									<a class="js-item-navigation-comments t-link -decoration-none" href="/item/ella-multipurpose-shopify-theme-os-20/94864A7/comments"><span>Comments</span><span class="item-navigation-reviews-comments">8.168</span></a>
								</li>
								<li>
									<a class="js-item-navigation-support t-link -decoration-none" href="/item/ella-multipurpose-shopify-theme-os-20/94864A7/support">Support</a>
								</li>
							</ul>
						</div>
						<!-- Tablet or below Item Navigation -->
						<div class="page-tabs--dropdown" data-view="replaceItemNavsWithRemote" data-target=".js-remote">
							<div class="page-tabs--dropdown__slt-custom-wlabel">
								<div class="slt-custom-wlabel--page-tabs--dropdown">
									<label>
									<span class="js-label">Item Details</span>
									<span class="slt-custom-wlabel__arrow">
									<i class="e-icon -icon-arrow-fill-down"></i>
									</span>
									</label>
									<select class="js-remote">
										<option selected="selected" data-url="/item/ella-multipurpose-shopify-theme-os-20/94864A7">Item Details</option>
										<option data-url="/item/ella-multipurpose-shopify-theme-os-20/reviews/94864A7">Reviews (4.1K)</option>
										<option data-url="/item/ella-multipurpose-shopify-theme-os-20/94864A7/comments">Comments (8.1K)</option>
										<option data-url="/item/ella-multipurpose-shopify-theme-os-20/94864A7/support">Support</option>
									</select>
								</div>
							</div>
						</div>
						<div class="page-tabs">
							<ul class="right item-bookmarking__left-icons_hidden" data-view="bookmarkStatesLoader">
								<li class="js-favorite-widget item-bookmarking__control_icons--favorite" data-item-id="94864A7">
									<a data-view="modalAjax" class="t-link -decoration-none" href="/sign_in?action_name=favorite&amp;resource_id=94864A7"><span class="item-bookmarking__control--label">Add to Favorites</span></a>
								</li>
								<li class="js-collection-widget item-bookmarking__control_icons--collection" data-item-id="94864A7">
									<a data-view="modalAjax" class="t-link -decoration-none" href="/sign_in?action_name=collect&amp;resource_id=94864A7"><span class="item-bookmarking__control--label">Add to Collection</span></a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="content-main" id="content">
					<div class="grid-container">
						<script nonce="3SdsM51zq6HMsh90cibjhg==">
                                //<![CDATA[
                                window.GtmMeasurements.sendAnalyticsEvent({ "eventName": "view_item", "eventType": "user", "ecommerce": { "currency": "USD", "value": 62.0, "items": [{ "affiliation": "themeforest", "item_id": 94864A7, "item_name": "TENTOTO - Platform Bandar Slot Online Gacor Dengan RTP Slot Terpercaya 2026", "item_brand": "TENTOTO adalah platform bandar slot online gacor dengan RTP Slot terpercaya 2026. Nikmati akses cepat, pilihan game slot terlengkap, RTP terbaru, sistem modern, serta layanan responsif untuk pengalaman bermain yang lebih optimal setiap hari.", "item_category": "ecommerce", "item_category2": "shopify", "item_category3": "fashion", "price": 62.0, "quantity": 1, "item_add_on": "bundle_6month", "item_variant": "regular" }] } });
                                //]]>
                            </script>
						<div>
							<link href="https://kilat.digital/images/2026/08/06/adff1dfa0ad75614faf925036e2051ee.jpg"/>
							<div class="content-s ">
								<div class="item-bookmarking__left-icons__wrapper">
									<ul class="item-bookmarking__left-icons" data-view="bookmarkStatesLoader">
										<li class="item-bookmarking__control_icons--favorite">
											<span>
											<a title="Add to Favorites" data-view="modalAjax" href="/sign_in?action_name=favorite&amp;resource_id=94864A7"><span class="item-bookmarking__control--label">Add to Favorites</span></a>
											</span>
										</li>
										<li class="item-bookmarking__control_icons--collection">
											<span>
											<a title="Add to Collection" data-view="modalAjax" href="/sign_in?action_name=collect&amp;resource_id=94864A7"><span class="item-bookmarking__control--label">Add to Collection</span></a></span>
										</li>
									</ul>
								</div>
								<div class="box--no-padding">
									<div class="item-preview live-preview-btn--blue -preview-live">
										<div class="sash--horizontal -position-left -color-black -triangle-right -has-pointer-events">
											<div>
												<i class="e-icon -icon-bolt"></i>
											</div>
										</div>
										<a target="_blank" href="https://tenkillua.com/"><img alt="TENTOTO - Platform Bandar Slot Online Gacor Dengan RTP Slot Terpercaya 2026" width="590" height="590" srcset="https://kilat.digital/images/2026/08/06/adff1dfa0ad75614faf925036e2051ee.jpg 590w, https://kilat.digital/images/2026/08/06/adff1dfa0ad75614faf925036e2051ee.jpg 500w, https://kilat.digital/images/2026/08/06/adff1dfa0ad75614faf925036e2051ee.jpg 400w, https://kilat.digital/images/2026/08/06/adff1dfa0ad75614faf925036e2051ee.jpg 300w" sizes="(min-width: 1024px) 590px, (min-width: 1px) 100vw, 800px" src="https://kilat.digital/images/2026/08/06/adff1dfa0ad75614faf925036e2051ee.jpg"/></a>
									</div>
								</div>
								<div data-view="toggleItemDescription">
  <div class="js-item-togglable-content">
    <div class="js-item-description item-description">

<style>
.context-header{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  padding:18px 20px;
  margin:14px 0;

  color:#efffff;

  border:1px solid rgba(0,246,255,.36);
  border-radius:5px 20px 5px 20px;

  background:
    linear-gradient(
      rgba(0,246,255,.03) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(0,246,255,.03) 1px,
      transparent 1px
    ),
    radial-gradient(
      circle at 8% 0%,
      rgba(0,246,255,.22),
      transparent 36%
    ),
    radial-gradient(
      circle at 100% 100%,
      rgba(0,93,255,.20),
      transparent 44%
    ),
    linear-gradient(
      145deg,
      #061a33,
      #020814 60%,
      #00040a
    );

  background-size:
    28px 28px,
    28px 28px,
    auto,
    auto,
    auto;

  box-shadow:
    0 0 0 1px rgba(0,246,255,.07),
    0 14px 38px rgba(0,0,0,.48),
    0 0 28px rgba(0,246,255,.20),
    0 0 60px rgba(0,93,255,.14),
    inset 0 0 24px rgba(0,246,255,.08);

  transition:
    transform .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}

/* Konten tetap di atas efek */
.context-header > *{
  position:relative;
  z-index:3;
}

/* Reactor glow */
.context-header::before{
  content:"";

  position:absolute;
  top:50%;
  left:50%;
  z-index:0;

  width:300px;
  height:300px;

  pointer-events:none;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.26) 0%,
      rgba(0,246,255,.17) 24%,
      rgba(0,93,255,.08) 48%,
      transparent 70%
    );

  filter:blur(13px);
  opacity:.48;

  transform:
    translate(-50%,-50%)
    scale(.94);

  animation:
    contextHeaderGlow 3.2s ease-in-out infinite;
}

/* Scanner */
.context-header::after{
  content:"";

  position:absolute;
  inset:0;
  z-index:1;

  pointer-events:none;

  background:
    repeating-linear-gradient(
      180deg,
      rgba(255,255,255,.018) 0 1px,
      transparent 1px 7px
    ),
    linear-gradient(
      115deg,
      transparent 40%,
      rgba(255,255,255,.06) 47%,
      rgba(0,246,255,.15) 50%,
      rgba(0,93,255,.07) 53%,
      transparent 60%
    );

  background-size:
    auto,
    250% 100%;

  background-position:
    0 0,
    -145% 0;

  opacity:.64;
  mix-blend-mode:screen;

  animation:
    contextHeaderScanner 6s linear infinite;
}

/* Hover */
.context-header:hover{
  border-color:rgba(0,246,255,.68);

  box-shadow:
    0 0 0 1px rgba(0,246,255,.11),
    0 18px 46px rgba(0,0,0,.56),
    0 0 38px rgba(0,246,255,.32),
    0 0 78px rgba(0,93,255,.20),
    inset 0 0 30px rgba(0,246,255,.11);

  transform:translateY(-3px);
}

/* Judul di dalam header */
.context-header h1,
.context-header h2,
.context-header h3,
.context-header h4,
.context-header .title{
  color:#ffffff;

  text-shadow:
    0 0 8px rgba(255,255,255,.32),
    0 0 18px rgba(0,246,255,.48),
    0 0 34px rgba(0,93,255,.26);
}

/* Teks kecil */
.context-header p,
.context-header span{
  color:rgba(226,253,255,.82);
}

/* Link */
.context-header a{
  color:#9fffff;
  text-decoration:none;

  text-shadow:
    0 0 8px rgba(0,246,255,.38);

  transition:
    color .25s ease,
    text-shadow .25s ease;
}

.context-header a:hover{
  color:#ffffff;

  text-shadow:
    0 0 12px rgba(0,246,255,.72);
}

/* Animasi */
@keyframes contextHeaderGlow{
  0%,
  100%{
    opacity:.34;

    transform:
      translate(-50%,-50%)
      scale(.92);
  }

  50%{
    opacity:.62;

    transform:
      translate(-50%,-50%)
      scale(1.08);
  }
}

@keyframes contextHeaderScanner{
  from{
    background-position:
      0 0,
      -145% 0;
  }

  to{
    background-position:
      0 0,
      145% 0;
  }
}

/* Mobile */
@media(max-width:600px){
  .context-header{
    padding:15px 16px;

    border-radius:4px 16px 4px 16px;
  }

  .context-header::before{
    width:230px;
    height:230px;
  }
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .context-header,
  .context-header::before,
  .context-header::after{
    animation:none!important;
    transition:none!important;
  }
}
</style>


<style>
.js-item-description.item-description{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  padding:20px;
  margin:18px 0;

  color:#eaffff;

  border:1px solid rgba(0,246,255,.34);
  border-radius:5px 20px 5px 20px;

  background:
    linear-gradient(
      rgba(0,246,255,.028) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(0,246,255,.028) 1px,
      transparent 1px
    ),
    radial-gradient(
      circle at 8% 0%,
      rgba(0,246,255,.20),
      transparent 35%
    ),
    radial-gradient(
      circle at 100% 100%,
      rgba(0,93,255,.18),
      transparent 44%
    ),
    linear-gradient(
      145deg,
      #061a33,
      #020814 60%,
      #00040a
    );

  background-size:
    28px 28px,
    28px 28px,
    auto,
    auto,
    auto;

  box-shadow:
    0 0 0 1px rgba(0,246,255,.07),
    0 14px 38px rgba(0,0,0,.48),
    0 0 28px rgba(0,246,255,.18),
    0 0 60px rgba(0,93,255,.12),
    inset 0 0 24px rgba(0,246,255,.07);

  transition:
    transform .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}

/* Konten tetap di atas efek */
.js-item-description.item-description > *{
  position:relative;
  z-index:3;
}

/* Reactor glow */
.js-item-description.item-description::before{
  content:"";

  position:absolute;
  top:50%;
  left:50%;
  z-index:0;

  width:320px;
  height:320px;

  pointer-events:none;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.28) 0%,
      rgba(0,246,255,.17) 24%,
      rgba(0,93,255,.08) 48%,
      transparent 70%
    );

  filter:blur(12px);
  opacity:.52;

  transform:
    translate(-50%,-50%)
    scale(.95);

  animation:
    itemDescriptionGlow 3s ease-in-out infinite;
}

/* Scanner overlay */
.js-item-description.item-description::after{
  content:"";

  position:absolute;
  inset:0;
  z-index:1;

  pointer-events:none;

  background:
    repeating-linear-gradient(
      180deg,
      rgba(255,255,255,.018) 0 1px,
      transparent 1px 7px
    ),
    linear-gradient(
      115deg,
      transparent 40%,
      rgba(255,255,255,.06) 47%,
      rgba(0,246,255,.15) 50%,
      rgba(0,93,255,.07) 53%,
      transparent 60%
    );

  background-size:
    auto,
    250% 100%;

  background-position:
    0 0,
    -145% 0;

  opacity:.62;
  mix-blend-mode:screen;

  animation:
    itemDescriptionScanner 6s linear infinite;
}

/* Hover */
.js-item-description.item-description:hover{
  border-color:rgba(0,246,255,.68);

  box-shadow:
    0 0 0 1px rgba(0,246,255,.11),
    0 18px 46px rgba(0,0,0,.56),
    0 0 38px rgba(0,246,255,.32),
    0 0 78px rgba(0,93,255,.20),
    inset 0 0 30px rgba(0,246,255,.11);

  transform:translateY(-3px);
}

/* Judul di dalam deskripsi */
.js-item-description.item-description h1,
.js-item-description.item-description h2,
.js-item-description.item-description h3,
.js-item-description.item-description h4{
  color:#ffffff;

  text-shadow:
    0 0 8px rgba(255,255,255,.30),
    0 0 16px rgba(0,246,255,.42);
}

/* Paragraf */
.js-item-description.item-description p{
  color:rgba(229,253,255,.82);
  line-height:1.8;
}

/* Link */
.js-item-description.item-description a{
  color:#9fffff;
  text-decoration:none;

  text-shadow:
    0 0 8px rgba(0,246,255,.38);

  transition:
    color .25s ease,
    text-shadow .25s ease;
}

.js-item-description.item-description a:hover{
  color:#ffffff;

  text-shadow:
    0 0 12px rgba(0,246,255,.72);
}

/* List */
.js-item-description.item-description ul,
.js-item-description.item-description ol{
  padding-left:22px;
}

.js-item-description.item-description li{
  margin:7px 0;

  color:rgba(229,253,255,.80);
}

/* Animasi */
@keyframes itemDescriptionGlow{
  0%,
  100%{
    opacity:.38;

    transform:
      translate(-50%,-50%)
      scale(.92);
  }

  50%{
    opacity:.65;

    transform:
      translate(-50%,-50%)
      scale(1.08);
  }
}

@keyframes itemDescriptionScanner{
  from{
    background-position:
      0 0,
      -145% 0;
  }

  to{
    background-position:
      0 0,
      145% 0;
  }
}

/* Mobile */
@media(max-width:600px){
  .js-item-description.item-description{
    padding:16px;

    border-radius:4px 16px 4px 16px;
  }

  .js-item-description.item-description::before{
    width:240px;
    height:240px;
  }
}

/* Kurangi animasi */
@media(prefers-reduced-motion:reduce){
  .js-item-description.item-description,
  .js-item-description.item-description::before,
  .js-item-description.item-description::after{
    animation:none!important;
    transition:none!important;
  }
}
</style>


<p style="text-align: justify;" tabindex="0" data-buy-box-listing-title="true">TENTOTO adalah platform bandar slot online gacor dengan RTP Slot terpercaya 2026. Nikmati akses cepat, pilihan game slot terlengkap, RTP terbaru, sistem modern, serta layanan responsif untuk pengalaman bermain yang lebih optimal setiap hari.
</p>

      <hr>
      </div>
      </div>
<style>
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;800;900&family=Rajdhani:wght@500;600;700&display=swap');

:root{
  --faq-cyan:#00f6ff;
  --faq-cyan-soft:#a6ffff;
  --faq-blue:#006cff;
  --faq-dark:#00040b;
  --faq-panel:#061a33;
  --faq-text:#efffff;
  --faq-muted:rgba(220,252,255,.76);
}

/* =====================================================
   TENTOTO FAQ PANEL — REACTOR V9
===================================================== */

.tentoto-panel{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  width:100%;
  padding:26px;

  color:var(--faq-text);

  border:1px solid rgba(0,246,255,.40);
  border-radius:6px 26px 6px 26px;

  background:
    linear-gradient(
      rgba(0,246,255,.032) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(0,246,255,.032) 1px,
      transparent 1px
    ),
    radial-gradient(
      circle at 8% 0%,
      rgba(0,246,255,.25),
      transparent 36%
    ),
    radial-gradient(
      circle at 100% 100%,
      rgba(0,108,255,.22),
      transparent 44%
    ),
    linear-gradient(
      145deg,
      rgba(7,35,65,.98),
      rgba(2,10,25,.99) 60%,
      rgba(0,4,11,.99)
    );

  background-size:
    28px 28px,
    28px 28px,
    auto,
    auto,
    auto;

  box-shadow:
    0 0 0 1px rgba(0,246,255,.08),
    0 22px 56px rgba(0,0,0,.60),
    0 0 38px rgba(0,246,255,.26),
    0 0 84px rgba(0,108,255,.18),
    inset 0 0 32px rgba(0,246,255,.08);

  font-family:"Orbitron",Arial,sans-serif;

  transition:
    transform .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}

/* Konten utama */
.tentoto-panel > *{
  position:relative;
  z-index:5;
}

/* =====================================================
   REACTOR CORE
===================================================== */

.tentoto-panel::before{
  content:"";

  position:absolute;
  top:50%;
  left:50%;
  z-index:0;

  width:480px;
  height:480px;

  pointer-events:none;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.42) 0%,
      rgba(166,255,255,.24) 13%,
      rgba(0,246,255,.17) 29%,
      rgba(0,108,255,.09) 52%,
      transparent 72%
    ),
    repeating-conic-gradient(
      from 0deg,
      rgba(0,246,255,.20) 0deg 3deg,
      transparent 3deg 18deg
    );

  filter:blur(14px);
  opacity:.48;
  mix-blend-mode:screen;

  transform:
    translate(-50%,-50%)
    rotate(0deg);

  animation:
    tentotoCoreSpin 22s linear infinite,
    tentotoCorePulse 3.2s ease-in-out infinite;
}

/* =====================================================
   GRID + SCANNER
===================================================== */

.tentoto-panel::after{
  content:"";

  position:absolute;
  inset:0;
  z-index:1;

  pointer-events:none;

  background:
    repeating-linear-gradient(
      180deg,
      rgba(255,255,255,.021) 0 1px,
      transparent 1px 7px
    ),
    linear-gradient(
      115deg,
      transparent 40%,
      rgba(255,255,255,.08) 47%,
      rgba(0,246,255,.19) 50%,
      rgba(0,108,255,.10) 53%,
      transparent 60%
    );

  background-size:
    auto,
    250% 100%;

  background-position:
    0 0,
    -145% 0;

  opacity:.70;
  mix-blend-mode:screen;

  animation:
    tentotoPanelScanner 6.5s linear infinite;
}

/* =====================================================
   PANEL HOVER
===================================================== */

.tentoto-panel:hover{
  border-color:rgba(0,246,255,.72);

  box-shadow:
    0 0 0 1px rgba(0,246,255,.13),
    0 26px 64px rgba(0,0,0,.66),
    0 0 46px rgba(0,246,255,.42),
    0 0 96px rgba(0,108,255,.28),
    inset 0 0 38px rgba(0,246,255,.13);

  transform:translateY(-3px);
}

/* =====================================================
   TITLE
===================================================== */

.tentoto-title{
  position:relative;

  margin:0 0 24px;
  padding:0 12px 18px;

  color:#ffffff;

  text-align:center;
  text-transform:uppercase;

  font-size:clamp(18px,3vw,25px);
  line-height:1.4;
  font-weight:900;
  letter-spacing:.09em;

  text-shadow:
    0 0 7px rgba(255,255,255,.78),
    0 0 19px rgba(0,246,255,.78),
    0 0 40px rgba(0,108,255,.36);
}

/* Decorative title line */
.tentoto-title::before{
  content:"";

  position:absolute;
  right:50%;
  bottom:0;

  width:120px;
  height:2px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--faq-cyan-soft),
      var(--faq-cyan)
    );

  box-shadow:
    0 0 10px rgba(0,246,255,.62);

  transform:translateX(-4px);
}

/* Decorative title line */
.tentoto-title::after{
  content:"";

  position:absolute;
  bottom:0;
  left:50%;

  width:120px;
  height:2px;

  background:
    linear-gradient(
      90deg,
      var(--faq-cyan),
      var(--faq-blue),
      transparent
    );

  box-shadow:
    0 0 10px rgba(0,246,255,.62);

  transform:translateX(4px);
}

/* =====================================================
   FAQ LIST
===================================================== */

.tentoto-faq-list{
  display:grid;
  gap:13px;
}

/* =====================================================
   FAQ ITEM
===================================================== */

.tentoto-faq-item{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  padding:17px 18px;

  border:1px solid rgba(0,246,255,.16);
  border-radius:4px 17px 4px 17px;

  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(0,246,255,.11),
      transparent 42%
    ),
    linear-gradient(
      135deg,
      rgba(4,25,48,.88),
      rgba(0,8,20,.95)
    );

  box-shadow:
    inset 0 0 18px rgba(0,246,255,.045),
    0 9px 22px rgba(0,0,0,.22);

  transition:
    transform .28s ease,
    border-color .28s ease,
    background .28s ease,
    box-shadow .28s ease;
}

/* Konten item */
.tentoto-faq-item > *{
  position:relative;
  z-index:3;
}

/* HUD corner */
.tentoto-faq-item::before{
  content:"";

  position:absolute;
  inset:5px;
  z-index:1;

  pointer-events:none;

  border-radius:3px 12px 3px 12px;

  background:
    linear-gradient(var(--faq-cyan),var(--faq-cyan))
      left top / 24px 1px no-repeat,

    linear-gradient(var(--faq-cyan),var(--faq-cyan))
      left top / 1px 24px no-repeat,

    linear-gradient(var(--faq-cyan-soft),var(--faq-cyan-soft))
      right bottom / 24px 1px no-repeat,

    linear-gradient(var(--faq-cyan-soft),var(--faq-cyan-soft))
      right bottom / 1px 24px no-repeat;

  opacity:.58;

  filter:
    drop-shadow(0 0 5px rgba(0,246,255,.44));
}

/* Item scanner */
.tentoto-faq-item::after{
  content:"";

  position:absolute;
  top:-80%;
  left:-90%;
  z-index:2;

  width:23%;
  height:260%;

  pointer-events:none;

  background:
    linear-gradient(
      115deg,
      transparent,
      rgba(255,255,255,.08),
      rgba(0,246,255,.20),
      transparent
    );

  opacity:0;

  transform:skewX(-24deg);

  transition:left .7s ease, opacity .25s ease;
}

/* FAQ hover */
.tentoto-faq-item:hover{
  border-color:rgba(0,246,255,.48);

  background:
    radial-gradient(
      circle at 0% 50%,
      rgba(0,246,255,.15),
      transparent 46%
    ),
    linear-gradient(
      135deg,
      rgba(5,39,69,.92),
      rgba(0,10,24,.97)
    );

  box-shadow:
    inset 0 0 25px rgba(0,246,255,.09),
    0 12px 28px rgba(0,0,0,.30),
    0 0 24px rgba(0,246,255,.19),
    0 0 54px rgba(0,108,255,.12);

  transform:translateX(4px);
}

.tentoto-faq-item:hover::after{
  left:125%;
  opacity:1;
}

/* =====================================================
   FAQ TEXT
===================================================== */

.tentoto-faq-item p{
  margin:0;

  color:var(--faq-muted);

  font-family:"Rajdhani",Arial,sans-serif;
  font-size:15px;
  line-height:1.75;
  font-weight:600;
  letter-spacing:.015em;

  text-shadow:
    0 0 7px rgba(0,246,255,.08);
}

/* Question */
.tentoto-faq-item strong{
  display:block;

  margin-bottom:7px;
  padding-right:14px;

  color:#ffffff;

  font-family:"Orbitron",Arial,sans-serif;
  font-size:13px;
  line-height:1.6;
  font-weight:800;
  letter-spacing:.025em;

  text-shadow:
    0 0 7px rgba(255,255,255,.35),
    0 0 14px rgba(0,246,255,.52);
}

/* Number indicator */
.tentoto-faq-item strong::before{
  content:"";

  display:inline-block;

  width:7px;
  height:7px;
  margin:0 10px 1px 1px;

  border:1px solid rgba(0,246,255,.72);
  border-radius:1px;

  background:rgba(0,246,255,.15);

  box-shadow:
    0 0 7px rgba(0,246,255,.46);

  transform:rotate(45deg);
}

/* =====================================================
   DIVIDER
===================================================== */

.tentoto-divider{
  width:100%;
  height:1px;

  margin:20px 0;

  border:0;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--faq-cyan-soft),
      var(--faq-cyan),
      var(--faq-blue),
      transparent
    );

  box-shadow:
    0 0 12px rgba(0,246,255,.50);
}

/* =====================================================
   OPTIONAL STATUS
===================================================== */

.tentoto-faq-status{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  margin-top:18px;
  padding-top:15px;

  color:rgba(218,252,255,.68);

  border-top:1px solid rgba(0,246,255,.12);

  font-family:"Rajdhani",Arial,sans-serif;
  font-size:12px;
  line-height:1.5;
  font-weight:700;
  letter-spacing:.07em;
  text-align:center;
  text-transform:uppercase;
}

.tentoto-faq-status::before{
  content:"";

  width:7px;
  height:7px;

  flex:0 0 auto;

  border-radius:50%;

  background:var(--faq-cyan);

  box-shadow:
    0 0 7px var(--faq-cyan),
    0 0 14px rgba(0,108,255,.45);

  animation:
    tentotoStatusPulse 1.7s ease-in-out infinite;
}

/* =====================================================
   ANIMATIONS
===================================================== */

@keyframes tentotoCoreSpin{
  from{
    transform:
      translate(-50%,-50%)
      rotate(0deg);
  }

  to{
    transform:
      translate(-50%,-50%)
      rotate(360deg);
  }
}

@keyframes tentotoCorePulse{
  0%,
  100%{
    opacity:.34;
  }

  50%{
    opacity:.58;
  }
}

@keyframes tentotoPanelScanner{
  0%{
    background-position:
      0 0,
      -145% 0;
  }

  100%{
    background-position:
      0 0,
      145% 0;
  }
}

@keyframes tentotoStatusPulse{
  0%,
  100%{
    opacity:.42;
    transform:scale(.84);
  }

  50%{
    opacity:1;
    transform:scale(1.16);
  }
}

/* =====================================================
   TABLET
===================================================== */

@media(max-width:768px){
  .tentoto-panel{
    padding:21px;

    border-radius:5px 22px 5px 22px;
  }

  .tentoto-panel::before{
    width:380px;
    height:380px;
  }

  .tentoto-title{
    margin-bottom:20px;

    font-size:19px;
  }

  .tentoto-title::before,
  .tentoto-title::after{
    width:90px;
  }
}

/* =====================================================
   MOBILE
===================================================== */

@media(max-width:600px){
  .tentoto-panel{
    padding:16px;

    border-radius:4px 18px 4px 18px;
  }

  .tentoto-panel::before{
    width:300px;
    height:300px;
  }

  .tentoto-title{
    margin-bottom:18px;
    padding-right:4px;
    padding-left:4px;

    font-size:16px;
    letter-spacing:.065em;
  }

  .tentoto-title::before,
  .tentoto-title::after{
    width:65px;
  }

  .tentoto-faq-list{
    gap:10px;
  }

  .tentoto-faq-item{
    padding:14px;

    border-radius:3px 14px 3px 14px;
  }

  .tentoto-faq-item:hover{
    transform:translateX(2px);
  }

  .tentoto-faq-item p{
    font-size:14px;
    line-height:1.7;
  }

  .tentoto-faq-item strong{
    font-size:12px;
    line-height:1.55;
  }
}

/* =====================================================
   REDUCED MOTION
===================================================== */

@media(prefers-reduced-motion:reduce){
  .tentoto-panel,
  .tentoto-panel::before,
  .tentoto-panel::after,
  .tentoto-faq-item,
  .tentoto-faq-item::after,
  .tentoto-faq-status::before{
    animation:none!important;
    transition:none!important;
  }
}
</style>

<div class="tentoto-panel">

  <h3 class="tentoto-title">
    FAQ TENTOTO 2026
  </h3>

  <div class="tentoto-faq-list">

    <div class="tentoto-faq-item">
  <p>
    <strong>
      1. Apa itu TENTOTO - Platform Bandar Slot Online Gacor Dengan RTP Slot Terpercaya 2026?
    </strong>

    TENTOTO merupakan platform bandar slot online gacor yang menghadirkan koleksi permainan dari provider populer, informasi RTP Slot terpercaya, akses cepat, serta sistem modern untuk pengalaman bermain yang lebih nyaman.
  </p>
</div>

<div class="tentoto-faq-item">
  <p>
    <strong>
      2. Mengapa memilih TENTOTO sebagai platform bandar slot online?
    </strong>

    TENTOTO didukung server yang stabil, akses responsif, pembaruan RTP Slot secara berkala, serta layanan profesional yang siap membantu pengguna selama 24 jam.
  </p>
</div>

<div class="tentoto-faq-item">
  <p>
    <strong>
      3. Apa saja permainan slot yang tersedia di TENTOTO?
    </strong>

    TENTOTO menyediakan beragam permainan slot online dari berbagai provider ternama dengan pilihan tema yang lengkap, fitur menarik, dan informasi RTP Slot yang selalu diperbarui.
  </p>
</div>

<div class="tentoto-faq-item">
  <p>
    <strong>
      4. Apakah transaksi di TENTOTO aman dan cepat?
    </strong>

    Ya. TENTOTO menggunakan sistem transaksi yang cepat, aman, serta mendukung berbagai metode pembayaran sehingga proses deposit dan penarikan dana dapat dilakukan dengan mudah.
  </p>
</div>

<div class="tentoto-faq-item">
  <p>
    <strong>
      5. Bagaimana cara mendaftar akun di TENTOTO?
    </strong>

    Pengguna cukup mengakses halaman daftar resmi TENTOTO, mengisi data yang diperlukan, melakukan verifikasi, lalu akun siap digunakan untuk menikmati berbagai permainan slot online.
  </p>
</div>

</div>

<div class="tentoto-faq-status">
  Pusat Informasi RTP Slot TENTOTO Aktif 2026
</div>

</div>

  
<style>
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;800;900&family=Rajdhani:wght@500;600;700&display=swap');

:root{
  --testi-cyan:#00f6ff;
  --testi-cyan-soft:#a6ffff;
  --testi-blue:#006cff;
  --testi-dark:#00040b;
  --testi-panel:#061a33;
  --testi-text:#f2ffff;
  --testi-muted:rgba(224,253,255,.78);
}

/* =====================================================
   TENTOTO TESTIMONIAL — REACTOR V10
===================================================== */

.testi-wrap-x{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  width:calc(100% - 24px);
  max-width:940px;
  margin:36px auto;

  color:var(--testi-text);

  border:1px solid rgba(0,246,255,.40);
  border-radius:6px 28px 6px 28px;

  background:
    linear-gradient(
      rgba(0,246,255,.032) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(0,246,255,.032) 1px,
      transparent 1px
    ),
    radial-gradient(
      circle at 8% 0%,
      rgba(0,246,255,.25),
      transparent 36%
    ),
    radial-gradient(
      circle at 100% 100%,
      rgba(0,108,255,.22),
      transparent 44%
    ),
    linear-gradient(
      145deg,
      rgba(7,35,65,.98),
      rgba(2,10,25,.99) 60%,
      rgba(0,4,11,.99)
    );

  background-size:
    28px 28px,
    28px 28px,
    auto,
    auto,
    auto;

  box-shadow:
    0 22px 64px rgba(0,0,0,.66),
    0 0 0 1px rgba(0,246,255,.08),
    0 0 38px rgba(0,246,255,.27),
    0 0 84px rgba(0,108,255,.18),
    inset 0 0 34px rgba(0,246,255,.08);

  font-family:"Orbitron",Arial,sans-serif;

  transition:
    transform .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}

/* Konten utama */
.testi-wrap-x > *{
  position:relative;
  z-index:4;
}

/* =====================================================
   REACTOR CORE
===================================================== */

.testi-wrap-x::before{
  content:"";

  position:absolute;
  top:50%;
  left:50%;
  z-index:0;

  width:500px;
  height:500px;

  pointer-events:none;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.38) 0%,
      rgba(166,255,255,.24) 13%,
      rgba(0,246,255,.17) 30%,
      rgba(0,108,255,.09) 54%,
      transparent 73%
    ),
    repeating-conic-gradient(
      from 0deg,
      rgba(0,246,255,.20) 0deg 3deg,
      transparent 3deg 18deg
    );

  filter:blur(15px);
  opacity:.46;
  mix-blend-mode:screen;

  transform:
    translate(-50%,-50%)
    rotate(0deg);

  animation:
    testiCoreSpin 24s linear infinite,
    testiCorePulse 3.2s ease-in-out infinite;
}

/* =====================================================
   SCANLINE + LASER
===================================================== */

.testi-wrap-x::after{
  content:"";

  position:absolute;
  inset:0;
  z-index:1;

  pointer-events:none;

  background:
    repeating-linear-gradient(
      180deg,
      rgba(255,255,255,.021) 0 1px,
      transparent 1px 7px
    ),
    linear-gradient(
      115deg,
      transparent 40%,
      rgba(255,255,255,.08) 47%,
      rgba(0,246,255,.18) 50%,
      rgba(0,108,255,.09) 53%,
      transparent 60%
    );

  background-size:
    auto,
    250% 100%;

  background-position:
    0 0,
    -145% 0;

  opacity:.68;
  mix-blend-mode:screen;

  animation:
    testiPanelScanner 6.5s linear infinite;
}

/* =====================================================
   PANEL HOVER
===================================================== */

.testi-wrap-x:hover{
  border-color:rgba(0,246,255,.70);

  box-shadow:
    0 26px 68px rgba(0,0,0,.70),
    0 0 0 1px rgba(0,246,255,.13),
    0 0 46px rgba(0,246,255,.40),
    0 0 96px rgba(0,108,255,.26),
    inset 0 0 40px rgba(0,246,255,.12);

  transform:translateY(-3px);
}

/* =====================================================
   HEADER
===================================================== */

.testi-head{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  min-height:76px;
  padding:20px 22px;

  color:#ffffff;

  border-bottom:1px solid rgba(0,246,255,.26);

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(0,246,255,.22),
      transparent 46%
    ),
    linear-gradient(
      135deg,
      rgba(0,7,18,.96),
      rgba(4,43,80,.84),
      rgba(0,7,18,.96)
    );

  font-size:clamp(16px,2.6vw,23px);
  line-height:1.4;
  font-weight:900;
  letter-spacing:.09em;
  text-align:center;
  text-transform:uppercase;

  text-shadow:
    0 0 7px rgba(255,255,255,.76),
    0 0 20px rgba(0,246,255,.76),
    0 0 42px rgba(0,108,255,.36);
}

/* Header frame */
.testi-head::before{
  content:"";

  position:absolute;
  inset:6px;
  z-index:-1;

  pointer-events:none;

  background:
    linear-gradient(var(--testi-cyan),var(--testi-cyan))
      left top / 34px 1px no-repeat,

    linear-gradient(var(--testi-cyan),var(--testi-cyan))
      left top / 1px 34px no-repeat,

    linear-gradient(var(--testi-cyan-soft),var(--testi-cyan-soft))
      right bottom / 34px 1px no-repeat,

    linear-gradient(var(--testi-cyan-soft),var(--testi-cyan-soft))
      right bottom / 1px 34px no-repeat;

  opacity:.68;

  filter:
    drop-shadow(0 0 6px rgba(0,246,255,.50));
}

/* Header laser */
.testi-head::after{
  content:"";

  position:absolute;
  top:-90%;
  left:-100%;
  z-index:-1;

  width:30%;
  height:280%;

  pointer-events:none;

  background:
    linear-gradient(
      115deg,
      transparent,
      rgba(255,255,255,.12),
      rgba(0,246,255,.34),
      rgba(0,108,255,.12),
      transparent
    );

  transform:skewX(-22deg);

  animation:
    testiHeaderScanner 4.8s linear infinite;
}

/* =====================================================
   VIEWPORT
===================================================== */

.testi-viewport{
  position:relative;
  z-index:4;

  height:390px;
  overflow:hidden;

  padding:12px 0;

  -webkit-mask-image:
    linear-gradient(
      to bottom,
      transparent 0%,
      #000 8%,
      #000 92%,
      transparent 100%
    );

  mask-image:
    linear-gradient(
      to bottom,
      transparent 0%,
      #000 8%,
      #000 92%,
      transparent 100%
    );
}

/* =====================================================
   TRACK
===================================================== */

.testi-track{
  display:flex;
  flex-direction:column;
  gap:12px;

  width:100%;

  will-change:transform;

  animation:
    testiInfiniteScroll 32s linear infinite;
}

/* Berhenti ketika disentuh atau diarahkan */
.testi-wrap-x:hover .testi-track,
.testi-wrap-x:focus-within .testi-track{
  animation-play-state:paused;
}

/* Set testimoni */
.testi-set{
  display:flex;
  flex-direction:column;
  gap:12px;

  width:100%;
}

/* =====================================================
   TESTIMONIAL ITEM
===================================================== */

.testi-item{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  display:flex;
  align-items:flex-start;
  gap:15px;

  margin:0 14px;
  padding:17px;

  border:1px solid rgba(0,246,255,.15);
  border-radius:4px 18px 4px 18px;

  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(0,246,255,.11),
      transparent 47%
    ),
    linear-gradient(
      135deg,
      rgba(4,26,50,.89),
      rgba(0,8,20,.96)
    );

  box-shadow:
    inset 0 0 20px rgba(0,246,255,.045),
    0 8px 22px rgba(0,0,0,.25);

  transition:
    transform .28s ease,
    border-color .28s ease,
    background .28s ease,
    box-shadow .28s ease;
}

/* Konten item */
.testi-item > *{
  position:relative;
  z-index:3;
}

/* HUD corner */
.testi-item::before{
  content:"";

  position:absolute;
  inset:5px;
  z-index:1;

  pointer-events:none;

  border-radius:3px 13px 3px 13px;

  background:
    linear-gradient(var(--testi-cyan),var(--testi-cyan))
      left top / 26px 1px no-repeat,

    linear-gradient(var(--testi-cyan),var(--testi-cyan))
      left top / 1px 26px no-repeat,

    linear-gradient(var(--testi-cyan-soft),var(--testi-cyan-soft))
      right bottom / 26px 1px no-repeat,

    linear-gradient(var(--testi-cyan-soft),var(--testi-cyan-soft))
      right bottom / 1px 26px no-repeat;

  opacity:.58;

  filter:
    drop-shadow(0 0 5px rgba(0,246,255,.42));
}

/* Laser pada item */
.testi-item::after{
  content:"";

  position:absolute;
  top:-90%;
  left:-90%;
  z-index:2;

  width:21%;
  height:280%;

  pointer-events:none;

  background:
    linear-gradient(
      115deg,
      transparent,
      rgba(255,255,255,.08),
      rgba(0,246,255,.18),
      transparent
    );

  opacity:0;

  transform:skewX(-23deg);

  transition:
    left .75s ease,
    opacity .25s ease;
}

.testi-item:hover{
  border-color:rgba(0,246,255,.46);

  background:
    radial-gradient(
      circle at 0% 50%,
      rgba(0,246,255,.15),
      transparent 45%
    ),
    linear-gradient(
      135deg,
      rgba(5,41,73,.92),
      rgba(0,10,25,.98)
    );

  box-shadow:
    inset 0 0 27px rgba(0,246,255,.09),
    0 12px 30px rgba(0,0,0,.32),
    0 0 26px rgba(0,246,255,.20),
    0 0 58px rgba(0,108,255,.12);

  transform:translateX(4px);
}

.testi-item:hover::after{
  left:125%;
  opacity:1;
}

/* =====================================================
   AVATAR
===================================================== */

.testi-avatar{
  position:relative;

  width:62px;
  height:62px;
  flex:0 0 62px;

  border:1px solid rgba(0,246,255,.66);
  border-radius:50%;

  background-color:#031529;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;

  box-shadow:
    0 0 16px rgba(0,246,255,.42),
    0 0 32px rgba(0,108,255,.22),
    inset 0 0 12px rgba(0,246,255,.13);
}

/* Orbit ring */
.testi-avatar::before{
  content:"";

  position:absolute;
  inset:-6px;

  pointer-events:none;

  border:1px dashed rgba(0,246,255,.38);
  border-radius:50%;

  box-shadow:
    0 0 10px rgba(0,246,255,.24);

  animation:
    testiAvatarOrbit 8s linear infinite;
}

/* Status */
.testi-avatar::after{
  content:"";

  position:absolute;
  right:0;
  bottom:2px;

  width:9px;
  height:9px;

  border:2px solid #020814;
  border-radius:50%;

  background:var(--testi-cyan);

  box-shadow:
    0 0 7px var(--testi-cyan),
    0 0 13px rgba(0,108,255,.45);

  animation:
    testiStatusPulse 1.7s ease-in-out infinite;
}

/* =====================================================
   CONTENT
===================================================== */

.testi-content{
  min-width:0;
  flex:1;
}

/* =====================================================
   NAME
===================================================== */

.testi-name{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;

  margin-bottom:6px;

  color:#ffffff;

  font-size:13px;
  line-height:1.5;
  font-weight:900;
  letter-spacing:.045em;

  text-shadow:
    0 0 8px rgba(255,255,255,.25),
    0 0 14px rgba(0,246,255,.44);
}

/* =====================================================
   BADGE
===================================================== */

.testi-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:4px 8px;

  color:#dfffff;

  border:1px solid rgba(0,246,255,.24);
  border-radius:999px;

  background:
    linear-gradient(
      90deg,
      rgba(0,246,255,.09),
      rgba(0,108,255,.11)
    );

  box-shadow:
    inset 0 0 8px rgba(0,246,255,.04);

  font-family:"Rajdhani",Arial,sans-serif;
  font-size:9px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* =====================================================
   STARS
===================================================== */

.testi-stars{
  margin-bottom:6px;

  color:#ffffff;

  font-size:13px;
  line-height:1;
  letter-spacing:3px;

  text-shadow:
    0 0 7px rgba(255,255,255,.72),
    0 0 14px rgba(0,246,255,.66),
    0 0 27px rgba(0,108,255,.32);
}

/* =====================================================
   TESTIMONIAL TEXT
===================================================== */

.testi-text{
  color:var(--testi-muted);

  font-family:"Rajdhani",Arial,sans-serif;
  font-size:15px;
  line-height:1.7;
  font-weight:600;
  letter-spacing:.012em;

  text-shadow:
    0 0 7px rgba(0,246,255,.07);
}

/* =====================================================
   FOOTER STATUS
===================================================== */

.testi-footer{
  position:relative;
  z-index:4;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  min-height:48px;
  padding:12px 16px;

  color:rgba(218,252,255,.67);

  border-top:1px solid rgba(0,246,255,.13);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(0,246,255,.035),
      transparent
    );

  font-family:"Rajdhani",Arial,sans-serif;
  font-size:11px;
  line-height:1.5;
  font-weight:700;
  letter-spacing:.08em;
  text-align:center;
  text-transform:uppercase;
}

.testi-footer::before{
  content:"";

  width:7px;
  height:7px;

  flex:0 0 auto;

  border-radius:50%;

  background:var(--testi-cyan);

  box-shadow:
    0 0 7px var(--testi-cyan),
    0 0 14px rgba(0,108,255,.45);

  animation:
    testiStatusPulse 1.7s ease-in-out infinite;
}

/* =====================================================
   ANIMATIONS
===================================================== */

@keyframes testiCoreSpin{
  from{
    transform:
      translate(-50%,-50%)
      rotate(0deg);
  }

  to{
    transform:
      translate(-50%,-50%)
      rotate(360deg);
  }
}

@keyframes testiCorePulse{
  0%,
  100%{
    opacity:.32;
  }

  50%{
    opacity:.54;
  }
}

@keyframes testiPanelScanner{
  0%{
    background-position:
      0 0,
      -145% 0;
  }

  100%{
    background-position:
      0 0,
      145% 0;
  }
}

@keyframes testiHeaderScanner{
  0%{
    left:-100%;
    opacity:0;
  }

  18%{
    opacity:1;
  }

  100%{
    left:145%;
    opacity:0;
  }
}

/*
  Track memiliki dua .testi-set identik.
  Bergeser sebesar setengah tinggi track.
*/
@keyframes testiInfiniteScroll{
  from{
    transform:translateY(0);
  }

  to{
    transform:translateY(calc(-50% - 6px));
  }
}

@keyframes testiAvatarOrbit{
  to{
    transform:rotate(360deg);
  }
}

@keyframes testiStatusPulse{
  0%,
  100%{
    opacity:.42;
    transform:scale(.84);
  }

  50%{
    opacity:1;
    transform:scale(1.16);
  }
}

/* =====================================================
   TABLET
===================================================== */

@media(max-width:720px){
  .testi-wrap-x{
    margin:28px auto;

    border-radius:5px 22px 5px 22px;
  }

  .testi-wrap-x::before{
    width:390px;
    height:390px;
  }

  .testi-head{
    min-height:68px;
    padding:18px 16px;

    font-size:17px;
  }

  .testi-viewport{
    height:370px;
  }

  .testi-item{
    margin:0 11px;
    padding:15px;
  }

  .testi-avatar{
    width:56px;
    height:56px;
    flex-basis:56px;
  }

  .testi-text{
    font-size:14px;
  }
}

/* =====================================================
   MOBILE
===================================================== */

@media(max-width:560px){
  .testi-wrap-x{
    width:calc(100% - 16px);
    margin:24px auto;

    border-radius:4px 18px 4px 18px;
  }

  .testi-wrap-x::before{
    width:310px;
    height:310px;
  }

  .testi-head{
    min-height:60px;
    padding:15px 12px;

    font-size:14px;
    letter-spacing:.06em;
  }

  .testi-viewport{
    height:405px;
  }

  .testi-track,
  .testi-set{
    gap:10px;
  }

  .testi-item{
    gap:12px;

    margin:0 9px;
    padding:14px 12px;

    border-radius:3px 15px 3px 15px;
  }

  .testi-item:hover{
    transform:translateX(2px);
  }

  .testi-avatar{
    width:50px;
    height:50px;
    flex-basis:50px;
  }

  .testi-avatar::before{
    inset:-5px;
  }

  .testi-name{
    gap:6px;

    font-size:12px;
  }

  .testi-badge{
    padding:4px 7px;

    font-size:8px;
  }

  .testi-stars{
    font-size:12px;
    letter-spacing:2px;
  }

  .testi-text{
    font-size:13px;
    line-height:1.65;
  }

  .testi-footer{
    font-size:10px;
  }
}

/* =====================================================
   REDUCED MOTION
===================================================== */

@media(prefers-reduced-motion:reduce){
  .testi-wrap-x,
  .testi-wrap-x::before,
  .testi-wrap-x::after,
  .testi-head::after,
  .testi-track,
  .testi-item,
  .testi-item::after,
  .testi-avatar::before,
  .testi-avatar::after,
  .testi-footer::before{
    animation:none!important;
    transition:none!important;
  }

  .testi-viewport{
    height:auto;
    max-height:none;

    -webkit-mask-image:none;
    mask-image:none;
  }

  /*
    Sembunyikan set kedua ketika animasi dimatikan
    agar testimoni tidak tampil ganda.
  */
  .testi-set[aria-hidden="true"]{
    display:none;
  }
}
</style>

<!-- ==================================================
     TENTOTO TESTIMONIAL REACTOR V10
================================================== -->

<section class="testi-wrap-x" aria-labelledby="tentoto-testimonial-title">

  <h3 class="testi-head" id="tentoto-testimonial-title">
    Testimoni Pengguna Platform Slot TENTOTO
  </h3>

  <div class="testi-viewport">

    <div class="testi-track">

      <!-- SET PERTAMA -->
      <div class="testi-set">

        <article class="testi-item">
          <div
            class="testi-avatar"
            role="img"
            aria-label="Avatar Andika Saputra"
            style="background-image:url('https://kilat.digital/images/2025/07/31/ad9cadf541f1abf72248a86351007e78.gif');"
          ></div>

          <div class="testi-content">
            <div class="testi-name">
              Andika Saputra

              <span class="testi-badge">
                Top Member
              </span>
            </div>

            <div class="testi-stars" aria-label="Rating 5 dari 5">
              ★★★★★
            </div>

            <div class="testi-text">
              “TENTOTO menjadi platform slot online favorit saya karena pilihan
              permainannya lengkap, aksesnya cepat, dan informasi RTP Slot selalu
              diperbarui secara berkala.”
            </div>
          </div>
        </article>

        <article class="testi-item">
          <div
            class="testi-avatar"
            role="img"
            aria-label="Avatar Fajar Nugroho"
            style="background-image:url('https://kilat.digital/images/2025/07/31/ad9cadf541f1abf72248a86351007e78.gif');"
          ></div>

          <div class="testi-content">
            <div class="testi-name">
              Fajar Nugroho

              <span class="testi-badge">
                Fast Service
              </span>
            </div>

            <div class="testi-stars" aria-label="Rating 5 dari 5">
              ★★★★★
            </div>

            <div class="testi-text">
              “Proses pendaftaran di TENTOTO terasa cepat dan praktis. Tampilan
              platformnya juga ringan serta mudah digunakan melalui berbagai
              perangkat.”
            </div>
          </div>
        </article>

        <article class="testi-item">
          <div
            class="testi-avatar"
            role="img"
            aria-label="Avatar Kevin Mahardika"
            style="background-image:url('https://kilat.digital/images/2025/07/31/ad9cadf541f1abf72248a86351007e78.gif');"
          ></div>

          <div class="testi-content">
            <div class="testi-name">
              Kevin Mahardika

              <span class="testi-badge">
                Slot Expert
              </span>
            </div>

            <div class="testi-stars" aria-label="Rating 5 dari 5">
              ★★★★★
            </div>

            <div class="testi-text">
              “Informasi RTP Slot di TENTOTO mudah ditemukan dan selalu diperbarui.
              Pilihan permainan dari berbagai provider juga tersedia dengan
              lengkap.”
            </div>
          </div>
        </article>

        <article class="testi-item">
          <div
            class="testi-avatar"
            role="img"
            aria-label="Avatar Rizky Prasetyo"
            style="background-image:url('https://kilat.digital/images/2025/07/31/ad9cadf541f1abf72248a86351007e78.gif');"
          ></div>

          <div class="testi-content">
            <div class="testi-name">
              Rizky Prasetyo

              <span class="testi-badge">
                Stable Server
              </span>
            </div>

            <div class="testi-stars" aria-label="Rating 5 dari 5">
              ★★★★★
            </div>

            <div class="testi-text">
              “Server TENTOTO terasa stabil dengan proses loading yang cepat.
              Seluruh halaman permainan dapat dibuka dengan lancar melalui
              desktop maupun perangkat mobile.”
            </div>
          </div>
        </article>

        <article class="testi-item">
          <div
            class="testi-avatar"
            role="img"
            aria-label="Avatar Aditya Permana"
            style="background-image:url('https://kilat.digital/images/2025/07/31/ad9cadf541f1abf72248a86351007e78.gif');"
          ></div>

          <div class="testi-content">
            <div class="testi-name">
              Aditya Permana

              <span class="testi-badge">
                Easy Access
              </span>
            </div>

            <div class="testi-stars" aria-label="Rating 5 dari 5">
              ★★★★★
            </div>

            <div class="testi-text">
              “Tampilan TENTOTO rapi dan mudah dipahami. Pilihan permainan slot
              online serta informasi RTP dapat diakses dengan nyaman oleh
              pengguna baru.”
            </div>
          </div>
        </article>

        <article class="testi-item">
          <div
            class="testi-avatar"
            role="img"
            aria-label="Avatar Bima Alfarizi"
            style="background-image:url('https://kilat.digital/images/2025/07/31/ad9cadf541f1abf72248a86351007e78.gif');"
          ></div>

          <div class="testi-content">
            <div class="testi-name">
              Bima Alfarizi

              <span class="testi-badge">
                Trusted Platform
              </span>
            </div>

            <div class="testi-stars" aria-label="Rating 5 dari 5">
              ★★★★★
            </div>

            <div class="testi-text">
              “TENTOTO menghadirkan akses cepat, informasi RTP Slot terpercaya,
              pilihan permainan yang lengkap, serta layanan responsif setiap
              hari.”
            </div>
          </div>
        </article>

      </div>

      <!--
        SET KEDUA
        Salinan ini diperlukan agar animasi berjalan tanpa ruang kosong.
      -->
      <div class="testi-set" aria-hidden="true">

        <article class="testi-item">
          <div
            class="testi-avatar"
            style="background-image:url('https://kilat.digital/images/2025/07/31/ad9cadf541f1abf72248a86351007e78.gif');"
          ></div>

          <div class="testi-content">
            <div class="testi-name">
              Andika Saputra
              <span class="testi-badge">Top Member</span>
            </div>

            <div class="testi-stars">★★★★★</div>

            <div class="testi-text">
              “TENTOTO menjadi platform slot online favorit saya karena pilihan
              permainannya lengkap, aksesnya cepat, dan informasi RTP Slot selalu
              diperbarui secara berkala.”
            </div>
          </div>
        </article>

        <article class="testi-item">
          <div
            class="testi-avatar"
            style="background-image:url('https://kilat.digital/images/2025/07/31/ad9cadf541f1abf72248a86351007e78.gif');"
          ></div>

          <div class="testi-content">
            <div class="testi-name">
              Fajar Nugroho
              <span class="testi-badge">Fast Service</span>
            </div>

            <div class="testi-stars">★★★★★</div>

            <div class="testi-text">
              “Proses pendaftaran di TENTOTO terasa cepat dan praktis. Tampilan
              platformnya juga ringan serta mudah digunakan melalui berbagai
              perangkat.”
            </div>
          </div>
        </article>

        <article class="testi-item">
          <div
            class="testi-avatar"
            style="background-image:url('https://kilat.digital/images/2025/07/31/ad9cadf541f1abf72248a86351007e78.gif');"
          ></div>

          <div class="testi-content">
            <div class="testi-name">
              Kevin Mahardika
              <span class="testi-badge">Slot Expert</span>
            </div>

            <div class="testi-stars">★★★★★</div>

            <div class="testi-text">
              “Informasi RTP Slot di TENTOTO mudah ditemukan dan selalu diperbarui.
              Pilihan permainan dari berbagai provider juga tersedia dengan
              lengkap.”
            </div>
          </div>
        </article>

        <article class="testi-item">
          <div
            class="testi-avatar"
            style="background-image:url('https://kilat.digital/images/2025/07/31/ad9cadf541f1abf72248a86351007e78.gif');"
          ></div>

          <div class="testi-content">
            <div class="testi-name">
              Rizky Prasetyo
              <span class="testi-badge">Stable Server</span>
            </div>

            <div class="testi-stars">★★★★★</div>

            <div class="testi-text">
              “Server TENTOTO terasa stabil dengan proses loading yang cepat.
              Seluruh halaman permainan dapat dibuka dengan lancar melalui
              desktop maupun perangkat mobile.”
            </div>
          </div>
        </article>

        <article class="testi-item">
          <div
            class="testi-avatar"
            style="background-image:url('https://kilat.digital/images/2025/07/31/ad9cadf541f1abf72248a86351007e78.gif');"
          ></div>

          <div class="testi-content">
            <div class="testi-name">
              Aditya Permana
              <span class="testi-badge">Easy Access</span>
            </div>

            <div class="testi-stars">★★★★★</div>

            <div class="testi-text">
              “Tampilan TENTOTO rapi dan mudah dipahami. Pilihan permainan slot
              online serta informasi RTP dapat diakses dengan nyaman oleh
              pengguna baru.”
            </div>
          </div>
        </article>

        <article class="testi-item">
          <div
            class="testi-avatar"
            style="background-image:url('https://kilat.digital/images/2025/07/31/ad9cadf541f1abf72248a86351007e78.gif');"
          ></div>

          <div class="testi-content">
            <div class="testi-name">
              Bima Alfarizi
              <span class="testi-badge">Trusted Platform</span>
            </div>

            <div class="testi-stars">★★★★★</div>

            <div class="testi-text">
              “TENTOTO menghadirkan akses cepat, informasi RTP Slot terpercaya,
              pilihan permainan yang lengkap, serta layanan responsif setiap
              hari.”
            </div>
          </div>
        </article>

      </div>

    </div>
  </div>

  <div class="testi-footer">
    Testimoni pengguna terverifikasi • Informasi RTP Slot TENTOTO aktif 2026
  </div>

</section>



<style>
:root{
  --panel-cyan:#00f6ff;
  --panel-cyan-soft:#9dffff;
  --panel-blue:#006eff;
  --panel-dark:#00040b;
  --panel-text:#eaffff;
}

/* =====================================================
   TENTOTO PURCHASE PANEL — REACTOR V4
===================================================== */

.purchase-panel{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  padding:20px;

  border:1px solid rgba(0,246,255,.40);
  border-radius:6px 24px 6px 24px;

  background:
    linear-gradient(
      rgba(0,246,255,.032) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(0,246,255,.032) 1px,
      transparent 1px
    ),
    radial-gradient(
      circle at 8% 0%,
      rgba(0,246,255,.25),
      transparent 36%
    ),
    radial-gradient(
      circle at 100% 100%,
      rgba(0,110,255,.22),
      transparent 44%
    ),
    linear-gradient(
      145deg,
      rgba(7,35,65,.98),
      rgba(2,10,25,.99) 60%,
      rgba(0,4,11,.99)
    );

  background-size:
    26px 26px,
    26px 26px,
    auto,
    auto,
    auto;

  box-shadow:
    0 0 0 1px rgba(0,246,255,.09),
    0 18px 48px rgba(0,0,0,.58),
    0 0 34px rgba(0,246,255,.24),
    0 0 72px rgba(0,110,255,.16),
    inset 0 0 28px rgba(0,246,255,.08);

  color:var(--panel-text);

  transition:
    border-color .3s ease,
    box-shadow .3s ease,
    transform .3s ease;
}

/* Pastikan isi berada di atas efek */
.purchase-panel > *{
  position:relative;
  z-index:4;
}

/* =====================================================
   REACTOR CORE
===================================================== */

.purchase-panel::before{
  content:"";

  position:absolute;
  top:50%;
  left:50%;
  z-index:0;

  width:260px;
  height:260px;

  pointer-events:none;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.62) 0%,
      rgba(157,255,255,.42) 10%,
      rgba(0,246,255,.23) 26%,
      rgba(0,110,255,.10) 48%,
      transparent 72%
    );

  filter:blur(1px);

  transform:
    translate(-50%,-50%)
    scale(1);

  animation:
    purchaseCorePulse 3s ease-in-out infinite;
}

/* =====================================================
   HUD FRAME
===================================================== */

.purchase-panel::after{
  content:"";

  position:absolute;
  inset:7px;
  z-index:3;

  pointer-events:none;

  border:1px solid rgba(0,246,255,.11);
  border-radius:4px 18px 4px 18px;

  background:
    linear-gradient(var(--panel-cyan),var(--panel-cyan))
      left top / 26px 1px no-repeat,

    linear-gradient(var(--panel-cyan),var(--panel-cyan))
      left top / 1px 26px no-repeat,

    linear-gradient(var(--panel-cyan-soft),var(--panel-cyan-soft))
      right top / 26px 1px no-repeat,

    linear-gradient(var(--panel-cyan-soft),var(--panel-cyan-soft))
      right top / 1px 26px no-repeat,

    linear-gradient(var(--panel-blue),var(--panel-blue))
      left bottom / 26px 1px no-repeat,

    linear-gradient(var(--panel-blue),var(--panel-blue))
      left bottom / 1px 26px no-repeat,

    linear-gradient(var(--panel-cyan),var(--panel-cyan))
      right bottom / 26px 1px no-repeat,

    linear-gradient(var(--panel-cyan),var(--panel-cyan))
      right bottom / 1px 26px no-repeat;

  filter:
    drop-shadow(0 0 7px rgba(0,246,255,.60));

  animation:
    purchaseHudPulse 2.8s ease-in-out infinite;
}

/* =====================================================
   PANEL OVERLAY
===================================================== */

.purchase-panel .panel-overlay{
  position:absolute;
  inset:0;
  z-index:1;

  pointer-events:none;

  background:
    repeating-linear-gradient(
      180deg,
      rgba(255,255,255,.022) 0 1px,
      transparent 1px 7px
    ),
    linear-gradient(
      115deg,
      transparent 40%,
      rgba(255,255,255,.09) 47%,
      rgba(0,246,255,.18) 50%,
      rgba(255,255,255,.07) 53%,
      transparent 60%
    );

  background-size:
    auto,
    250% 100%;

  background-position:
    0 0,
    -145% 0;

  opacity:.68;

  animation:
    purchaseOverlaySweep 6s linear infinite;
}

/* =====================================================
   OPTIONAL ENERGY RAIL
===================================================== */

.purchase-panel .panel-energy{
  position:absolute;
  right:12%;
  bottom:6px;
  left:12%;
  z-index:3;

  height:1px;

  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--panel-cyan),
      var(--panel-blue),
      transparent
    );

  box-shadow:
    0 0 9px rgba(0,246,255,.60);

  animation:
    purchaseEnergyPulse 2.2s ease-in-out infinite;
}

/* =====================================================
   HOVER
===================================================== */

.purchase-panel:hover{
  border-color:rgba(0,246,255,.70);

  box-shadow:
    0 0 0 1px rgba(0,246,255,.14),
    0 22px 54px rgba(0,0,0,.64),
    0 0 42px rgba(0,246,255,.42),
    0 0 88px rgba(0,110,255,.26),
    inset 0 0 34px rgba(0,246,255,.13);

  transform:translateY(-3px);
}

/* =====================================================
   OPTIONAL HEADER
===================================================== */

.purchase-panel__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  margin-bottom:16px;
  padding-bottom:12px;

  border-bottom:1px solid rgba(0,246,255,.16);
}

.purchase-panel__title{
  margin:0;

  color:#ffffff;

  font-family:"Orbitron","Rajdhani",Arial,sans-serif;
  font-size:clamp(17px,2.5vw,23px);
  line-height:1.3;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;

  text-shadow:
    0 0 8px rgba(0,246,255,.52),
    0 0 18px rgba(0,110,255,.25);
}

.purchase-panel__status{
  display:inline-flex;
  align-items:center;
  gap:6px;

  padding:5px 9px;

  color:#001018;

  border-radius:999px;

  background:
    linear-gradient(
      90deg,
      #ffffff,
      var(--panel-cyan)
    );

  box-shadow:
    0 0 12px rgba(0,246,255,.42);

  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.purchase-panel__status::before{
  content:"";

  width:6px;
  height:6px;

  border-radius:50%;

  background:#001018;

  box-shadow:
    0 0 6px rgba(0,16,24,.55);

  animation:
    purchaseStatusBlink 1.6s ease-in-out infinite;
}

/* =====================================================
   ANIMATIONS
===================================================== */

@keyframes purchaseCorePulse{
  0%,
  100%{
    opacity:.52;

    transform:
      translate(-50%,-50%)
      scale(.95);
  }

  50%{
    opacity:.92;

    transform:
      translate(-50%,-50%)
      scale(1.12);
  }
}

@keyframes purchaseHudPulse{
  0%,
  100%{
    opacity:.60;
  }

  50%{
    opacity:1;
  }
}

@keyframes purchaseOverlaySweep{
  0%{
    background-position:
      0 0,
      -145% 0;
  }

  100%{
    background-position:
      0 0,
      145% 0;
  }
}

@keyframes purchaseEnergyPulse{
  0%,
  100%{
    opacity:.35;
    transform:scaleX(.65);
  }

  50%{
    opacity:1;
    transform:scaleX(1);
  }
}

@keyframes purchaseStatusBlink{
  0%,
  100%{
    opacity:.45;
  }

  50%{
    opacity:1;
  }
}

/* =====================================================
   TABLET
===================================================== */

@media(max-width:768px){
  .purchase-panel{
    padding:17px;

    border-radius:5px 20px 5px 20px;
  }

  .purchase-panel::after{
    border-radius:3px 15px 3px 15px;
  }

  .purchase-panel::before{
    width:220px;
    height:220px;
  }
}

/* =====================================================
   MOBILE
===================================================== */

@media(max-width:520px){
  .purchase-panel{
    padding:15px;

    border-radius:4px 17px 4px 17px;
  }

  .purchase-panel::after{
    inset:5px;

    border-radius:3px 12px 3px 12px;
  }

  .purchase-panel::before{
    width:190px;
    height:190px;
  }

  .purchase-panel__header{
    align-items:flex-start;
    flex-direction:column;
  }

  .purchase-panel__title{
    font-size:17px;
  }
}

/* =====================================================
   REDUCED MOTION
===================================================== */

@media(prefers-reduced-motion:reduce){
  .purchase-panel,
  .purchase-panel::before,
  .purchase-panel::after,
  .purchase-panel .panel-overlay,
  .purchase-panel .panel-energy,
  .purchase-panel__status::before{
    animation:none!important;
    transition:none!important;
  }
}
</style>

										<div class="js-item-description-toggle item-description-toggle">
											<a class="item-description-toggle__link is-hidden" href="#">
											<span>Show More <i class="e-icon -icon-chevron-down"></i></span>
											<span class="item-description-toggle__less">Show Less <i class="e-icon -icon-chevron-down -rotate-180"></i></span>
											</a>
										</div>
									</div>
								</div>
								<section data-view="recommendedItems" data-url="/item/ella-multipurpose-shopify-theme-os-20/94864A7/recommended_items" id="recommended_items">
								</section>
								<div data-view="itemPageScrollEvents"></div>
							</div>
							<div class="sidebar-l sidebar-right">
								<div class="pricebox-container">
									<div class="purchase-panel">
                    
										<div id="purchase-form" class="purchase-form">
											<form action="https://southbound-one.vercel.app/" method="post" accept-charset="UTF-8">
                        
												<div class="purchase-form__selection" style="padding:15px;">
													<span class="purchase-form__license-type">
													<span data-view="flyout" class="flyout">
													<span class="js-license-selector__chosen-license purchase-form__license-dropdown">DEPOSIT</span>
													<div class="js-flyout__body flyout__body -padding-side-removed" style="border:1px solid #e0e0e0;border-radius:8px;padding:10px;background:#fff;">
														<div class="license-selector" data-view="licenseSelector">
															<!-- Paket Reguler -->
															<div class="js-license-selector__item license-selector__item" data-license="regular" style="padding:10px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;" onclick="updatePrice('reguler')">
																<div style="display:flex;justify-content:space-between;align-items:center;">
																	<span class="t-heading -size-xxs" style="color:#bf0606;">Member Reguler</span>
																	<span id="label-reguler" style="color:#b62d2d;font-weight:600;">Aktif</span>
																</div>
																<div class="license-selector__price">
																	<b class="price-normal">Rp&nbsp;<span>0 (Gratis)</span></b>
																</div>
																<p class="t-body -size-m" style="margin-top:5px;color:#444;">
																	  TENTOTO - Platform Bandar Slot Online Gacor Dengan RTP Slot Terpercaya 2026
																</p>
															</div>
															<!-- Paket VIP -->
															<div class="js-license-selector__item license-selector__item" data-license="vip" style="padding:10px 0;cursor:pointer;" onclick="updatePrice('vip')">
																<div style="display:flex;justify-content:space-between;align-items:center;">
																	<span class="t-heading -size-xxs" style="background:linear-gradient(90deg,#e80c0c,#e8e8e8,#f00909); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:700;">Member VIP</span>
																	<span id="label-vip" style="color:#999;font-weight:600;">Pilih</span>
																</div>
																<div class="license-selector__price">
																	<b class="price-normal">Rp&nbsp;<span>5.000</span></b>
																</div>
																<p class="t-body -size-m" style="margin-top:5px;color:#444;">
																	TENTOTO - Platform Bandar Slot Online Gacor Dengan RTP Slot Terpercaya 2026
																</p>
															</div>
														</div>
													</div>
													</span>
													</span>
													<!-- Harga Aktif -->
													<div id="selected-price" class="purchase-form__price price-normal" style="margin-top:20px;font-weight:bold;">
														<b>Rp&nbsp;<span>5.000</span></b>
													</div>
												
<style>
:root{
  --btn-cyan:#00f6ff;
  --btn-cyan-soft:#9dffff;
  --btn-blue:#006eff;
  --btn-dark:#00040b;
  --btn-panel:#061a33;
  --btn-text:#ffffff;
}

/* =====================================================
   PRICE
===================================================== */

.price-normal{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:5px;

  color:var(--btn-text);
}

.price-normal b{
  position:relative;

  color:#ffffff;

  font-size:clamp(24px,4vw,30px);
  line-height:1;
  font-weight:950;
  letter-spacing:1px;

  text-shadow:
    0 0 7px rgba(255,255,255,.82),
    0 0 18px rgba(0,246,255,.82),
    0 0 38px rgba(0,110,255,.42);
}

.price-normal b::after{
  content:"";

  position:absolute;
  right:0;
  bottom:-6px;
  left:0;

  height:1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--btn-cyan),
      var(--btn-blue),
      transparent
    );

  box-shadow:
    0 0 9px rgba(0,246,255,.60);
}

.price-normal span{
  color:#dfffff;

  font-size:clamp(18px,3vw,24px);
  line-height:1;
  font-weight:800;
  vertical-align:baseline;

  text-shadow:
    0 0 8px rgba(0,246,255,.38),
    0 0 18px rgba(0,110,255,.20);
}

/* =====================================================
   TENTOTO MECHA BUTTON
===================================================== */

.btn-ALEXIS{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;

  width:100%;
  min-height:56px;
  padding:15px 18px;

  cursor:pointer;
  -webkit-tap-highlight-color:transparent;

  color:#ffffff;
  text-decoration:none;
  text-align:center;
  text-transform:uppercase;

  border:1px solid rgba(0,246,255,.46);
  border-radius:5px 18px 5px 18px;

  background:
    linear-gradient(
      rgba(0,246,255,.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(0,246,255,.035) 1px,
      transparent 1px
    ),
    radial-gradient(
      circle at 12% 0%,
      rgba(0,246,255,.30),
      transparent 36%
    ),
    radial-gradient(
      circle at 90% 100%,
      rgba(0,110,255,.26),
      transparent 44%
    ),
    linear-gradient(
      145deg,
      rgba(7,35,65,.98),
      rgba(2,10,25,.99) 60%,
      rgba(0,4,11,.99)
    );

  background-size:
    22px 22px,
    22px 22px,
    auto,
    auto,
    auto;

  box-shadow:
    0 0 0 1px rgba(0,246,255,.10),
    0 0 22px rgba(0,246,255,.30),
    0 0 50px rgba(0,110,255,.18),
    inset 0 0 22px rgba(0,246,255,.09),
    0 5px 0 rgba(0,5,14,.95);

  font-family:"Orbitron","Rajdhani",Arial,sans-serif;
  font-size:15px;
  line-height:1.25;
  font-weight:900;
  letter-spacing:.085em;

  text-shadow:
    0 0 7px rgba(255,255,255,.68),
    0 0 17px rgba(0,246,255,.75),
    0 0 32px rgba(0,110,255,.35);

  transition:
    color .28s ease,
    border-color .28s ease,
    background .28s ease,
    box-shadow .28s ease,
    transform .28s ease;
}

/* Inner panel */
.btn-ALEXIS > span{
  position:relative;
  z-index:4;
}

/* HUD frame */
.btn-ALEXIS::after{
  content:"";

  position:absolute;
  inset:6px;
  z-index:2;

  pointer-events:none;

  border:1px solid rgba(0,246,255,.12);
  border-radius:3px 13px 3px 13px;

  background:
    linear-gradient(var(--btn-cyan),var(--btn-cyan))
      left top / 18px 1px no-repeat,

    linear-gradient(var(--btn-cyan),var(--btn-cyan))
      left top / 1px 18px no-repeat,

    linear-gradient(var(--btn-cyan-soft),var(--btn-cyan-soft))
      right top / 18px 1px no-repeat,

    linear-gradient(var(--btn-cyan-soft),var(--btn-cyan-soft))
      right top / 1px 18px no-repeat,

    linear-gradient(var(--btn-blue),var(--btn-blue))
      left bottom / 18px 1px no-repeat,

    linear-gradient(var(--btn-blue),var(--btn-blue))
      left bottom / 1px 18px no-repeat,

    linear-gradient(var(--btn-cyan),var(--btn-cyan))
      right bottom / 18px 1px no-repeat,

    linear-gradient(var(--btn-cyan),var(--btn-cyan))
      right bottom / 1px 18px no-repeat;

  filter:
    drop-shadow(0 0 6px rgba(0,246,255,.55));

  animation:alexisHudPulse 2.6s ease-in-out infinite;
}

/* Moving laser */
.btn-ALEXIS::before{
  content:"";

  position:absolute;
  top:-70%;
  left:-120%;
  z-index:1;

  width:38%;
  height:240%;

  pointer-events:none;

  background:
    linear-gradient(
      115deg,
      transparent,
      rgba(255,255,255,.14),
      rgba(0,246,255,.38),
      rgba(255,255,255,.14),
      transparent
    );

  filter:blur(1px);
  transform:skewX(-22deg);

  animation:tentotoLaser 4.4s linear infinite;
}

/* Optional icon */
.btn-ALEXIS img,
.btn-ALEXIS svg{
  position:relative;
  z-index:4;

  width:22px;
  height:22px;
  flex:0 0 auto;

  object-fit:contain;

  filter:
    drop-shadow(0 0 7px rgba(0,246,255,.65));

  transition:
    transform .28s ease,
    filter .28s ease;
}

/* Hover */
.btn-ALEXIS:hover,
.btn-ALEXIS:focus-visible{
  color:#ffffff;

  border-color:rgba(0,246,255,.86);

  background:
    linear-gradient(
      rgba(0,246,255,.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(0,246,255,.045) 1px,
      transparent 1px
    ),
    radial-gradient(
      circle at 12% 0%,
      rgba(0,246,255,.42),
      transparent 38%
    ),
    radial-gradient(
      circle at 90% 100%,
      rgba(0,110,255,.38),
      transparent 46%
    ),
    linear-gradient(
      145deg,
      rgba(9,48,85,.99),
      rgba(3,17,38,.99) 60%,
      rgba(0,4,11,.99)
    );

  background-size:
    22px 22px,
    22px 22px,
    auto,
    auto,
    auto;

  box-shadow:
    0 0 0 1px rgba(0,246,255,.17),
    0 0 34px rgba(0,246,255,.58),
    0 0 74px rgba(0,110,255,.34),
    inset 0 0 30px rgba(0,246,255,.14),
    0 5px 0 rgba(0,5,14,.95);

  transform:
    translateY(-3px)
    scale(1.02);
}

.btn-ALEXIS:hover img,
.btn-ALEXIS:hover svg,
.btn-ALEXIS:focus-visible img,
.btn-ALEXIS:focus-visible svg{
  transform:scale(1.12);

  filter:
    drop-shadow(0 0 10px rgba(0,246,255,.90))
    drop-shadow(0 0 18px rgba(0,110,255,.35));
}

/* Active */
.btn-ALEXIS:active{
  transform:
    translateY(2px)
    scale(.985);

  box-shadow:
    0 0 0 1px rgba(0,246,255,.10),
    0 0 15px rgba(0,246,255,.30),
    inset 0 0 20px rgba(0,246,255,.14);
}

/* Optional active class */
.btn-ALEXIS.is-active{
  border-color:#ffffff;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(255,255,255,.34),
      transparent 38%
    ),
    linear-gradient(
      135deg,
      rgba(0,246,255,.85),
      rgba(0,110,255,.88)
    );

  color:#00101a;

  text-shadow:
    0 0 6px rgba(255,255,255,.70);

  box-shadow:
    0 0 32px rgba(0,246,255,.72),
    0 0 70px rgba(0,110,255,.38),
    inset 0 0 20px rgba(255,255,255,.28);
}

/* =====================================================
   ANIMATIONS
===================================================== */

@keyframes tentotoLaser{
  0%{
    left:-120%;
    opacity:0;
  }

  18%{
    opacity:1;
  }

  100%{
    left:150%;
    opacity:0;
  }
}

@keyframes alexisHudPulse{
  0%,
  100%{
    opacity:.58;
  }

  50%{
    opacity:1;
  }
}

/* =====================================================
   MOBILE
===================================================== */

@media(max-width:600px){
  .btn-ALEXIS{
    min-height:52px;
    padding:13px 14px;

    border-radius:4px 15px 4px 15px;

    font-size:13px;
    letter-spacing:.065em;
  }

  .btn-ALEXIS::after{
    border-radius:3px 11px 3px 11px;
  }

  .price-normal b{
    font-size:25px;
  }

  .price-normal span{
    font-size:19px;
  }
}

@media(max-width:380px){
  .btn-ALEXIS{
    min-height:49px;
    padding:12px 10px;

    font-size:12px;
    letter-spacing:.05em;
  }
}

/* =====================================================
   REDUCED MOTION
===================================================== */

@media(prefers-reduced-motion:reduce){
  .btn-ALEXIS::before,
  .btn-ALEXIS::after{
    animation:none!important;
  }

  .btn-ALEXIS,
  .btn-ALEXIS img,
  .btn-ALEXIS svg{
    transition:none!important;
  }
}
</style>
<a href="https://southbound-one.vercel.app/" class="btn-ALEXIS">
  <span>Daftar Sekarang</span>
</a>

												</div>
												<div class="purchase-form__support" style="padding:0 15px;">
													<ul class="t-icon-list -font-size-s -icon-size-s -offset-flush" style="list-style:none;padding:0;margin:10px 0;">
													<li class="t-icon-list__item -icon-ok" style="color:rgb(0, 221, 255);">BANDAR SLOT ONLINE</li>
<li class="t-icon-list__item -icon-ok" style="color:rgb(0, 229, 255);">SLOT ONLINE GACOR</li>
<li class="t-icon-list__item -icon-ok" style="color:rgb(0, 217, 255);">RTP SLOT TERPERCAYA</li>
													</ul>
												</div>
												<div class="purchase-form__cta-buttons" style="padding:15px;">
													<div class="purchase-form__button">
														<a href="https://tenkillua.com/"><img src="https://pictstage.digital/images/2026/08/01/gif-tentoto-01-08.gif" width="100%" height="auto"></a>
													</div>
												</div>
												<div class="purchase-form__us-dollars-notice-container" style="text-align:center;padding-bottom:15px;">
													<p class="purchase-form__us-dollars-notice" style="color:#777;font-size:13px;">
														<i>TENTOTO</i><br>
														
													</p>
												</div>
											</form>
										</div>
									</div>
									<script>
  function updatePrice(type) {
    const priceEl = document.querySelector("#selected-price span");
    const labelReg = document.querySelector("#label-reguler");
    const labelVip = document.querySelector("#label-vip");
    const regulerItem = document.querySelector("[data-license='regular']");
    const vipItem = document.querySelector("[data-license='vip']");
    if (type === "vip") {
      // https://southbound-one.vercel.app/ harga
      priceEl.textContent = "100.000";
      // https://southbound-one.vercel.app/ label
      labelVip.textContent = "Aktif";
      labelVip.style.color = "#b62d2d";
      labelReg.textContent = "Pilih";
      labelReg.style.color = "#999";
      // efek visual aktif
      vipItem.style.background = "linear-gradient(90deg,#fff8dc,#fff)";
      vipItem.style.border = "1px solid #e80c0c";
      regulerItem.style.background = "#fff";
      regulerItem.style.border = "1px solid #f0f0f0";
    } else if (type === "reguler") {
      // https://southbound-one.vercel.app/ harga
      priceEl.textContent = "18.888";
      // https://southbound-one.vercel.app/ label
      labelReg.textContent = "Aktif";
      labelReg.style.color = "#b62d2d";
      labelVip.textContent = "Pilih";
      labelVip.style.color = "#999";
      // efek visual aktif
      regulerItem.style.background = "linear-gradient(90deg,#fff8dc,#fff)";
      regulerItem.style.border = "1px solid #e80c0c";
      vipItem.style.background = "#fff";
      vipItem.style.border = "1px solid #f0f0f0";
    }
  }
									</script><style> :root{ --meta-cyan:#00f6ff; --meta-cyan-soft:#a8ffff; --meta-blue:#006cff; --meta-dark:#00040b; --meta-panel:#061a33; --meta-text:#efffff; } /* ===================================================== TENTOTO META ATTRIBUTES — REACTOR V7 ===================================================== */ .meta-attributes{ position:relative; isolation:isolate; overflow:hidden; padding:18px; color:var(--meta-text); border:1px solid rgba(0,246,255,.40); border-radius:5px 22px 5px 22px; background: linear-gradient( rgba(0,246,255,.032) 1px, transparent 1px ), linear-gradient( 90deg, rgba(0,246,255,.032) 1px, transparent 1px ), radial-gradient( circle at 8% 0%, rgba(0,246,255,.24), transparent 36% ), radial-gradient( circle at 100% 100%, rgba(0,108,255,.21), transparent 44% ), linear-gradient( 145deg, rgba(7,35,65,.98), rgba(2,10,25,.99) 60%, rgba(0,4,11,.99) ); background-size: 27px 27px, 27px 27px, auto, auto, auto; box-shadow: 0 0 0 1px rgba(0,246,255,.09), 0 18px 48px rgba(0,0,0,.58), 0 0 32px rgba(0,246,255,.24), 0 0 74px rgba(0,108,255,.16), inset 0 0 28px rgba(0,246,255,.08); transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; } /* Seluruh konten utama */ .meta-attributes > *{ position:relative; z-index:5; } /* ===================================================== REACTOR GLOW ===================================================== */ .meta-attributes::before{ content:""; position:absolute; top:50%; left:50%; z-index:0; width:250px; height:250px; pointer-events:none; border-radius:50%; background: radial-gradient( circle, rgba(255,255,255,.60) 0%, rgba(168,255,255,.40) 10%, rgba(0,246,255,.22) 27%, rgba(0,108,255,.10) 50%, transparent 72% ); filter:blur(1px); mix-blend-mode:screen; transform: translate(-50%,-50%) scale(.95); animation: metaReactorGlow 3s ease-in-out infinite; } /* ===================================================== HUD FRAME ===================================================== */ .meta-attributes::after{ content:""; position:absolute; inset:7px; z-index:3; pointer-events:none; border:1px solid rgba(0,246,255,.10); border-radius:3px 16px 3px 16px; background: linear-gradient(var(--meta-cyan),var(--meta-cyan)) left top / 28px 1px no-repeat, linear-gradient(var(--meta-cyan),var(--meta-cyan)) left top / 1px 28px no-repeat, linear-gradient(var(--meta-cyan-soft),var(--meta-cyan-soft)) right top / 28px 1px no-repeat, linear-gradient(var(--meta-cyan-soft),var(--meta-cyan-soft)) right top / 1px 28px no-repeat, linear-gradient(var(--meta-blue),var(--meta-blue)) left bottom / 28px 1px no-repeat, linear-gradient(var(--meta-blue),var(--meta-blue)) left bottom / 1px 28px no-repeat, linear-gradient(var(--meta-cyan),var(--meta-cyan)) right bottom / 28px 1px no-repeat, linear-gradient(var(--meta-cyan),var(--meta-cyan)) right bottom / 1px 28px no-repeat; filter: drop-shadow(0 0 7px rgba(0,246,255,.58)); animation: metaHudPulse 2.8s ease-in-out infinite; } /* ===================================================== ROTATING REACTOR ===================================================== */ .meta-attributes .meta-reactor{ position:absolute; top:50%; left:50%; z-index:1; width:205px; height:205px; pointer-events:none; border:1px solid rgba(0,246,255,.18); border-radius:50%; background: repeating-conic-gradient( from 0deg, rgba(0,246,255,.38) 0deg 4deg, transparent 4deg 18deg ); box-shadow: 0 0 20px rgba(0,246,255,.16), inset 0 0 22px rgba(0,108,255,.09); opacity:.52; transform: translate(-50%,-50%) rotate(0deg); animation: metaReactorSpin 18s linear infinite; } /* Inner ring */ .meta-attributes .meta-reactor::before{ content:""; position:absolute; inset:22px; border:1px dashed rgba(168,255,255,.25); border-radius:50%; box-shadow: 0 0 14px rgba(0,246,255,.15), inset 0 0 14px rgba(0,246,255,.07); } /* Reactor core */ .meta-attributes .meta-reactor::after{ content:""; position:absolute; top:50%; left:50%; width:22px; height:22px; border:2px solid rgba(255,255,255,.75); border-radius:50%; background:var(--meta-cyan); box-shadow: 0 0 8px #ffffff, 0 0 18px var(--meta-cyan), 0 0 36px rgba(0,108,255,.58); transform:translate(-50%,-50%); animation: metaCorePulse 1.8s ease-in-out infinite; } /* ===================================================== GRID DAN SCANNER ===================================================== */ .meta-attributes .meta-overlay{ position:absolute; inset:0; z-index:2; pointer-events:none; background: repeating-linear-gradient( 180deg, rgba(255,255,255,.022) 0 1px, transparent 1px 7px ), linear-gradient( 115deg, transparent 40%, rgba(255,255,255,.08) 47%, rgba(0,246,255,.18) 50%, rgba(255,255,255,.07) 53%, transparent 60% ); background-size: auto, 250% 100%; background-position: 0 0, -145% 0; mix-blend-mode:screen; opacity:.68; animation: metaScannerMove 6s linear infinite; } /* Noise halus */ .meta-attributes .meta-noise{ position:absolute; inset:0; z-index:2; pointer-events:none; opacity:.08; background: repeating-radial-gradient( circle at 0 0, rgba(255,255,255,.13) 0 1px, transparent 1px 4px ); animation: metaNoiseMove .22s steps(2,end) infinite; } /* Energy rail */ .meta-attributes .meta-energy{ position:absolute; right:12%; bottom:6px; left:12%; z-index:4; height:1px; pointer-events:none; background: linear-gradient( 90deg, transparent, var(--meta-cyan), var(--meta-blue), transparent ); box-shadow: 0 0 9px rgba(0,246,255,.60); animation: metaEnergyPulse 2.2s ease-in-out infinite; } /* ===================================================== HOVER ===================================================== */ .meta-attributes:hover{ border-color:rgba(0,246,255,.72); box-shadow: 0 0 0 1px rgba(0,246,255,.14), 0 22px 54px rgba(0,0,0,.64), 0 0 42px rgba(0,246,255,.42), 0 0 90px rgba(0,108,255,.27), inset 0 0 34px rgba(0,246,255,.14); transform:translateY(-3px); } /* ===================================================== HEADER OPSIONAL ===================================================== */ .meta-attributes__header{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; padding-bottom:11px; border-bottom:1px solid rgba(0,246,255,.16); } .meta-attributes__title{ margin:0; color:#ffffff; font-family:"Orbitron","Rajdhani",Arial,sans-serif; font-size:clamp(15px,2.4vw,21px); line-height:1.35; font-weight:900; letter-spacing:.06em; text-transform:uppercase; text-shadow: 0 0 8px rgba(0,246,255,.50), 0 0 18px rgba(0,108,255,.24); } .meta-attributes__status{ display:inline-flex; align-items:center; gap:6px; padding:5px 9px; color:#001018; border-radius:999px; background: linear-gradient( 90deg, #ffffff, var(--meta-cyan) ); box-shadow: 0 0 12px rgba(0,246,255,.42); font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; } .meta-attributes__status::before{ content:""; width:6px; height:6px; border-radius:50%; background:#001018; animation: metaStatusPulse 1.7s ease-in-out infinite; } /* ===================================================== ATTRIBUTE ITEM ===================================================== */ .meta-attribute-item{ position:relative; overflow:hidden; display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:44px; margin:6px 0; padding:10px 13px; border:1px solid rgba(0,246,255,.11); border-radius:3px 12px 3px 12px; background: linear-gradient( 90deg, rgba(0,246,255,.05), rgba(0,8,20,.40) ); box-shadow: inset 0 0 13px rgba(0,246,255,.025); transition: transform .27s ease, border-color .27s ease, background .27s ease, box-shadow .27s ease; } .meta-attribute-item::before{ content:""; position:absolute; top:0; bottom:0; left:0; width:2px; background: linear-gradient( 180deg, transparent, var(--meta-cyan), var(--meta-blue), transparent ); opacity:.58; box-shadow: 0 0 8px rgba(0,246,255,.50); } .meta-attribute-item:hover{ border-color:rgba(0,246,255,.32); background: radial-gradient( circle at 0% 50%, rgba(0,246,255,.15), transparent 45% ), linear-gradient( 90deg, rgba(0,246,255,.10), rgba(0,108,255,.09), rgba(0,8,20,.52) ); box-shadow: inset 0 0 16px rgba(0,246,255,.06), 0 0 13px rgba(0,246,255,.11); transform:translateX(3px); } /* Label */ .meta-attribute-label{ display:flex; align-items:center; gap:8px; color:#aaffff; font-size:11px; line-height:1.4; font-weight:900; letter-spacing:.07em; text-transform:uppercase; text-shadow: 0 0 8px rgba(0,246,255,.42); } .meta-attribute-label::before{ content:""; width:6px; height:6px; flex:0 0 auto; border:1px solid rgba(0,246,255,.75); border-radius:1px; background:rgba(0,246,255,.18); box-shadow: 0 0 7px rgba(0,246,255,.42); transform:rotate(45deg); } /* Value */ .meta-attribute-value{ color:#f3ffff; font-size:13px; line-height:1.45; font-weight:700; text-align:right; text-shadow: 0 0 7px rgba(0,246,255,.24); } /* ===================================================== ACCESSIBILITY ===================================================== */ .meta-attributes ::selection{ color:#001018; background:var(--meta-cyan); } .meta-attributes:focus-within{ border-color:rgba(0,246,255,.78); box-shadow: 0 0 0 2px rgba(0,246,255,.10), 0 0 34px rgba(0,246,255,.32), inset 0 0 28px rgba(0,246,255,.10); } /* ===================================================== ANIMATIONS ===================================================== */ @keyframes metaReactorGlow{ 0%, 100%{ opacity:.48; transform: translate(-50%,-50%) scale(.94); } 50%{ opacity:.92; transform: translate(-50%,-50%) scale(1.12); } } @keyframes metaReactorSpin{ from{ transform: translate(-50%,-50%) rotate(0deg); } to{ transform: translate(-50%,-50%) rotate(360deg); } } @keyframes metaCorePulse{ 0%, 100%{ opacity:.55; transform: translate(-50%,-50%) scale(.85); } 50%{ opacity:1; transform: translate(-50%,-50%) scale(1.18); } } @keyframes metaHudPulse{ 0%, 100%{ opacity:.60; } 50%{ opacity:1; } } @keyframes metaScannerMove{ 0%{ background-position: 0 0, -145% 0; } 100%{ background-position: 0 0, 145% 0; } } @keyframes metaNoiseMove{ 0%{ transform:translate(0,0); } 25%{ transform:translate(.4px,0); } 50%{ transform:translate(-.4px,.2px); } 75%{ transform:translate(.2px,-.2px); } 100%{ transform:translate(0,0); } } @keyframes metaEnergyPulse{ 0%, 100%{ opacity:.32; transform:scaleX(.65); } 50%{ opacity:1; transform:scaleX(1); } } @keyframes metaStatusPulse{ 0%, 100%{ opacity:.45; transform:scale(.85); } 50%{ opacity:1; transform:scale(1.15); } } /* ===================================================== TABLET ===================================================== */ @media(max-width:768px){ .meta-attributes{ padding:16px; border-radius:4px 19px 4px 19px; } .meta-attributes::after{ border-radius:3px 14px 3px 14px; } .meta-attributes::before{ width:220px; height:220px; } .meta-attributes .meta-reactor{ width:180px; height:180px; } } /* ===================================================== MOBILE ===================================================== */ @media(max-width:520px){ .meta-attributes{ padding:14px; border-radius:4px 16px 4px 16px; } .meta-attributes::after{ inset:5px; border-radius:3px 12px 3px 12px; } .meta-attributes::before{ width:185px; height:185px; } .meta-attributes .meta-reactor{ width:150px; height:150px; } .meta-attributes__header{ align-items:flex-start; flex-direction:column; } .meta-attributes__title{ font-size:16px; } .meta-attribute-item{ align-items:flex-start; flex-direction:column; gap:5px; padding:10px 11px; } .meta-attribute-value{ padding-left:14px; font-size:12px; text-align:left; } } /* ===================================================== REDUCED MOTION ===================================================== */ @media(prefers-reduced-motion:reduce){ .meta-attributes, .meta-attributes::before, .meta-attributes::after, .meta-attributes .meta-reactor, .meta-attributes .meta-reactor::after, .meta-attributes .meta-overlay, .meta-attributes .meta-noise, .meta-attributes .meta-energy, .meta-attributes__status::before{ animation:none!important; transition:none!important; } } </style>
<style>
@import url(
  'https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;800;900&family=Rajdhani:wght@500;600;700&display=swap'
);

:root{
  --app-cyan:#00f6ff;
  --app-cyan-soft:#9dffff;
  --app-blue:#006eff;
  --app-dark:#00040b;
  --app-panel:#061a33;
  --app-text:#f1ffff;
  --app-muted:rgba(210,249,255,.72);
}

/* =====================================================
   TENTOTO INFORMATION CARD — MECHA V5
===================================================== */

.app-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  width:calc(100% - 24px);
  max-width:720px;
  margin:36px auto;
  padding:0 0 10px;

  color:var(--app-text);

  border:1px solid rgba(0,246,255,.42);
  border-radius:6px 26px 6px 26px;

  background:
    linear-gradient(
      rgba(0,246,255,.032) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(0,246,255,.032) 1px,
      transparent 1px
    ),
    radial-gradient(
      circle at 8% 0%,
      rgba(0,246,255,.25),
      transparent 36%
    ),
    radial-gradient(
      circle at 100% 100%,
      rgba(0,110,255,.22),
      transparent 44%
    ),
    linear-gradient(
      145deg,
      rgba(7,35,65,.98),
      rgba(2,10,25,.99) 60%,
      rgba(0,4,11,.99)
    );

  background-size:
    28px 28px,
    28px 28px,
    auto,
    auto,
    auto;

  box-shadow:
    0 0 0 1px rgba(0,246,255,.09),
    0 20px 54px rgba(0,0,0,.62),
    0 0 36px rgba(0,246,255,.25),
    0 0 78px rgba(0,110,255,.17),
    inset 0 0 30px rgba(0,246,255,.08);

  font-family:"Orbitron",Arial,sans-serif;

  transition:
    border-color .3s ease,
    box-shadow .3s ease,
    transform .3s ease;
}

/* Pastikan konten berada di atas efek */
.app-card > *{
  position:relative;
  z-index:4;
}

/* =====================================================
   HUD FRAME
===================================================== */

.app-card::before{
  content:"";

  position:absolute;
  inset:7px;
  z-index:3;

  pointer-events:none;

  border:1px solid rgba(0,246,255,.10);
  border-radius:4px 20px 4px 20px;

  background:
    linear-gradient(var(--app-cyan),var(--app-cyan))
      left top / 35px 1px no-repeat,

    linear-gradient(var(--app-cyan),var(--app-cyan))
      left top / 1px 35px no-repeat,

    linear-gradient(var(--app-cyan-soft),var(--app-cyan-soft))
      right top / 35px 1px no-repeat,

    linear-gradient(var(--app-cyan-soft),var(--app-cyan-soft))
      right top / 1px 35px no-repeat,

    linear-gradient(var(--app-blue),var(--app-blue))
      left bottom / 35px 1px no-repeat,

    linear-gradient(var(--app-blue),var(--app-blue))
      left bottom / 1px 35px no-repeat,

    linear-gradient(var(--app-cyan),var(--app-cyan))
      right bottom / 35px 1px no-repeat,

    linear-gradient(var(--app-cyan),var(--app-cyan))
      right bottom / 1px 35px no-repeat;

  filter:
    drop-shadow(0 0 7px rgba(0,246,255,.58));

  animation:
    appHudPulse 2.8s ease-in-out infinite;
}

/* =====================================================
   HOLOGRAM SCANNER
===================================================== */

.app-card::after{
  content:"";

  position:absolute;
  top:-65%;
  left:-120%;
  z-index:1;

  width:34%;
  height:230%;

  pointer-events:none;

  background:
    linear-gradient(
      115deg,
      transparent,
      rgba(255,255,255,.10),
      rgba(0,246,255,.22),
      rgba(0,110,255,.11),
      transparent
    );

  filter:blur(1px);

  transform:skewX(-22deg);

  animation:
    appCardScanner 6s linear infinite;
}

/* =====================================================
   HOVER
===================================================== */

.app-card:hover{
  border-color:rgba(0,246,255,.70);

  box-shadow:
    0 0 0 1px rgba(0,246,255,.14),
    0 24px 60px rgba(0,0,0,.68),
    0 0 44px rgba(0,246,255,.42),
    0 0 92px rgba(0,110,255,.27),
    inset 0 0 36px rgba(0,246,255,.13);

  transform:translateY(-4px);
}

/* =====================================================
   HEADER
===================================================== */

.app-header{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  min-height:72px;
  padding:21px 24px;

  color:#ffffff;
  text-align:center;
  text-transform:uppercase;

  border-bottom:1px solid rgba(0,246,255,.32);

  background:
    radial-gradient(
      circle at 50% -10%,
      rgba(0,246,255,.25),
      transparent 47%
    ),
    linear-gradient(
      135deg,
      rgba(0,7,18,.99),
      rgba(4,43,80,.98),
      rgba(0,7,18,.99)
    );

  box-shadow:
    inset 0 -1px 0 rgba(0,246,255,.10),
    0 8px 24px rgba(0,0,0,.22);

  font-size:clamp(16px,2.5vw,21px);
  line-height:1.45;
  font-weight:900;
  letter-spacing:.09em;

  text-shadow:
    0 0 7px rgba(255,255,255,.70),
    0 0 18px rgba(0,246,255,.80),
    0 0 38px rgba(0,110,255,.36);
}

/* Status dot */
.app-header::after{
  content:"";

  flex:0 0 auto;

  width:8px;
  height:8px;

  border-radius:50%;

  background:#ffffff;

  box-shadow:
    0 0 7px #ffffff,
    0 0 14px var(--app-cyan),
    0 0 24px rgba(0,110,255,.50);

  animation:
    appStatusPulse 1.7s ease-in-out infinite;
}

/* Laser slash */
.app-header::before{
  content:"";

  position:absolute;
  top:-90%;
  left:-110%;
  z-index:-1;

  width:32%;
  height:280%;

  pointer-events:none;

  background:
    linear-gradient(
      115deg,
      transparent,
      rgba(255,255,255,.13),
      rgba(0,246,255,.34),
      rgba(255,255,255,.10),
      transparent
    );

  transform:skewX(-22deg);

  animation:
    appHeaderSlash 4.8s linear infinite;
}

/* =====================================================
   TABLE WRAPPER
===================================================== */

.app-table-wrap{
  position:relative;
  z-index:4;

  padding:10px 16px 8px;
}

/* =====================================================
   TABLE
===================================================== */

.app-table{
  width:100%;

  border-spacing:0 7px;
  border-collapse:separate;

  table-layout:fixed;
}

.app-table th,
.app-table td{
  position:relative;

  padding:14px 16px;

  vertical-align:middle;

  border-top:1px solid rgba(0,246,255,.11);
  border-bottom:1px solid rgba(0,246,255,.11);

  background:
    linear-gradient(
      90deg,
      rgba(0,246,255,.04),
      rgba(0,8,20,.36)
    );

  transition:
    color .27s ease,
    border-color .27s ease,
    background .27s ease,
    box-shadow .27s ease;
}

/* Label */
.app-table th{
  width:38%;

  color:#aaffff;
  text-align:left;
  text-transform:uppercase;

  border-left:1px solid rgba(0,246,255,.14);
  border-radius:4px 0 0 12px;

  font-size:12px;
  line-height:1.45;
  font-weight:900;
  letter-spacing:.07em;

  text-shadow:
    0 0 8px rgba(0,246,255,.45);
}

/* Value */
.app-table td{
  color:#f2ffff;
  text-align:right;

  border-right:1px solid rgba(0,246,255,.14);
  border-radius:0 12px 4px 0;

  font-family:"Rajdhani",Arial,sans-serif;
  font-size:16px;
  line-height:1.5;
  font-weight:700;
  letter-spacing:.025em;

  text-shadow:
    0 0 7px rgba(0,246,255,.25);
}

/* Energy indicator */
.app-table th::before{
  content:"";

  display:inline-block;

  width:6px;
  height:6px;
  margin-right:8px;

  border:1px solid rgba(0,246,255,.72);
  border-radius:1px;

  background:rgba(0,246,255,.18);

  box-shadow:
    0 0 7px rgba(0,246,255,.42);

  transform:rotate(45deg);
}

/* Hover row */
.app-table tr:hover th,
.app-table tr:hover td{
  color:#ffffff;

  border-color:rgba(0,246,255,.34);

  background:
    radial-gradient(
      circle at 0% 50%,
      rgba(0,246,255,.15),
      transparent 42%
    ),
    linear-gradient(
      90deg,
      rgba(0,246,255,.10),
      rgba(0,110,255,.10),
      rgba(0,8,20,.54)
    );

  box-shadow:
    inset 0 0 14px rgba(0,246,255,.06),
    0 0 12px rgba(0,246,255,.10);

  text-shadow:
    0 0 10px rgba(0,246,255,.58);
}

/* =====================================================
   RATING
===================================================== */

.app-rating{
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
}

.app-stars{
  color:#ffffff;

  letter-spacing:2px;

  text-shadow:
    0 0 7px rgba(255,255,255,.72),
    0 0 14px rgba(0,246,255,.58);
}

.app-rating-value{
  color:#aaffff;

  font-weight:800;
}

.app-review-count{
  display:block;

  width:100%;
  margin-top:3px;

  color:var(--app-muted);

  font-size:12px;
  line-height:1.4;
  font-weight:600;
}

/* =====================================================
   BADGES
===================================================== */

.app-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  margin:2px;
  padding:4px 8px;

  color:#dfffff;

  border:1px solid rgba(0,246,255,.22);
  border-radius:999px;

  background:
    linear-gradient(
      90deg,
      rgba(0,246,255,.09),
      rgba(0,110,255,.10)
    );

  box-shadow:
    inset 0 0 9px rgba(0,246,255,.04);

  font-size:11px;
  font-weight:700;
  letter-spacing:.03em;
}

/* =====================================================
   FOOTER STATUS
===================================================== */

.app-card-footer{
  position:relative;
  z-index:4;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  margin:5px 16px 6px;
  padding:9px 12px;

  color:rgba(213,252,255,.78);

  border-top:1px solid rgba(0,246,255,.12);

  font-family:"Rajdhani",Arial,sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.07em;
  text-align:center;
  text-transform:uppercase;
}

.app-card-footer::before{
  content:"";

  width:7px;
  height:7px;

  border-radius:50%;

  background:var(--app-cyan);

  box-shadow:
    0 0 8px var(--app-cyan),
    0 0 14px rgba(0,110,255,.45);

  animation:
    appStatusPulse 1.7s ease-in-out infinite;
}

/* =====================================================
   ANIMATIONS
===================================================== */

@keyframes appHudPulse{
  0%,
  100%{
    opacity:.60;
  }

  50%{
    opacity:1;
  }
}

@keyframes appCardScanner{
  0%{
    left:-120%;
    opacity:0;
  }

  18%{
    opacity:1;
  }

  100%{
    left:150%;
    opacity:0;
  }
}

@keyframes appHeaderSlash{
  0%{
    left:-110%;
    opacity:0;
  }

  20%{
    opacity:1;
  }

  100%{
    left:145%;
    opacity:0;
  }
}

@keyframes appStatusPulse{
  0%,
  100%{
    opacity:.45;
    transform:scale(.82);
  }

  50%{
    opacity:1;
    transform:scale(1.15);
  }
}

/* =====================================================
   TABLET
===================================================== */

@media(max-width:720px){
  .app-card{
    margin:28px auto;

    border-radius:5px 21px 5px 21px;
  }

  .app-card::before{
    border-radius:3px 16px 3px 16px;
  }

  .app-header{
    min-height:64px;
    padding:18px 17px;

    font-size:17px;
  }

  .app-table-wrap{
    padding:8px 12px 6px;
  }
}

/* =====================================================
   MOBILE
===================================================== */

@media(max-width:560px){
  .app-card{
    width:calc(100% - 16px);
    margin:24px auto;

    border-radius:4px 18px 4px 18px;
  }

  .app-card::before{
    inset:5px;

    border-radius:3px 13px 3px 13px;
  }

  .app-header{
    min-height:58px;
    padding:16px 13px;

    font-size:14px;
    letter-spacing:.06em;
  }

  .app-table{
    border-spacing:0 6px;
  }

  .app-table th,
  .app-table td{
    display:block;

    width:100%;
    padding:10px 12px;

    text-align:left;
  }

  .app-table th{
    border-right:1px solid rgba(0,246,255,.14);
    border-bottom:0;
    border-radius:4px 12px 0 0;

    font-size:10px;
  }

  .app-table td{
    border-top:0;
    border-left:1px solid rgba(0,246,255,.14);
    border-radius:0 0 4px 12px;

    font-size:15px;
  }

  .app-rating{
    justify-content:flex-start;
  }

  .app-review-count{
    text-align:left;
  }

  .app-card-footer{
    margin:3px 12px 5px;

    font-size:10px;
  }
}

/* =====================================================
   REDUCED MOTION
===================================================== */

@media(prefers-reduced-motion:reduce){
  .app-card,
  .app-card::before,
  .app-card::after,
  .app-header::before,
  .app-header::after,
  .app-card-footer::before{
    animation:none!important;
    transition:none!important;
  }
}
</style>

<div class="app-card">
  <div class="app-header">
    Informasi Lengkap Bandar Slot Online
  </div>

  <div class="app-table-wrap">
    <table class="app-table">
      <tbody>
        <tr>
          <th scope="row">Nama Situs</th>

          <td>
            <span class="app-badge">TENTOTO</span>
          </td>
        </tr>

        <tr>
          <th scope="row">Permainan</th>

          <td>
            <span class="app-badge">Togel Online</span>
            <span class="app-badge">Slot</span>
            <span class="app-badge">Casino</span>
            <span class="app-badge">Live Casino</span>
          </td>
        </tr>

        <tr>
          <th scope="row">Metode Deposit</th>

          <td>
            Bank, E-Wallet dan QRIS
          </td>
        </tr>

        <tr>
          <th scope="row">Minimal Deposit</th>

          <td>
            IDR 5.000
          </td>
        </tr>

        <tr>
          <th scope="row">Layanan</th>

          <td>
            Akses responsif dan dukungan pelanggan
          </td>
        </tr>

        <tr>
          <th scope="row">Rating</th>

          <td>
            <div class="app-rating">
              <span class="app-stars" aria-label="Rating 4,9 dari 5">
                ★★★★★
              </span>

              <span class="app-rating-value">
                4.9 / 5
              </span>

              <small class="app-review-count">
                Berdasarkan ulasan pengguna
              </small>
            </div>
          </td>
        </tr>
      </tbody>
    </table>
  </div>

  <div class="app-card-footer">
    Sistem informasi aktif dan dapat diakses melalui desktop maupun mobile
  </div>
</div>
									<div class="meta-attributes js-meta-attributes " data-view="CondenseItemInfoPanel">
										<style>
 .ALEXIS-table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Orbitron", sans-serif;
  font-size: 14px;
  color: #eaffff;
  position: relative;
  overflow: hidden;
  border-radius: 16px;

  background:
    radial-gradient(circle at 15% 20%, rgba(0,240,255,.12), transparent 28%),
    radial-gradient(circle at 85% 80%, rgba(43,123,255,.14), transparent 32%),
    linear-gradient(160deg, #071322, #020814 60%, #01040a);

  border: 1px solid rgba(0,240,255,.22);

  box-shadow:
    0 0 0 1px rgba(0,240,255,.05),
    0 0 22px rgba(0,180,255,.18),
    inset 0 0 18px rgba(0,240,255,.06);
}

/* GRID + SCANLINE */
.ALEXIS-table::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(to right, rgba(0,240,255,.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(43,123,255,.05) 1px, transparent 1px),
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,.02) 0 1px,
      transparent 1px 7px
    );
  background-size:22px 22px,22px 22px,auto;
  opacity:.45;
  mix-blend-mode:screen;
}

/* HEADER */
.ALEXIS-table th {
  background:
    linear-gradient(135deg, #00eaff, #2b7bff);
  color: #00131f;
  text-transform: uppercase;
  font-weight: 900;
  padding: 13px;
  font-size: 12px;
  letter-spacing: 1px;

  border-bottom: 1px solid rgba(0,240,255,.45);

  text-shadow:none;

  box-shadow:
    inset 0 -2px 6px rgba(0,0,0,.2),
    0 0 14px rgba(0,240,255,.25);
}

/* CELL */
.ALEXIS-table td {
  padding: 12px;
  border-bottom: 1px solid rgba(0,240,255,.08);
  vertical-align: top;
  color: #dfffff;

  text-shadow:
    0 0 6px rgba(0,240,255,.12);
}

/* ROW EVEN */
.ALEXIS-table tr:nth-child(even) {
  background:
    linear-gradient(180deg, rgba(0,240,255,.04), rgba(255,255,255,0));
}

/* HOVER EFFECT */
.ALEXIS-table tr:hover {
  background:
    linear-gradient(90deg,
      rgba(0,240,255,.08),
      rgba(43,123,255,.12),
      rgba(0,240,255,.08)
    );
  box-shadow:
    inset 0 0 14px rgba(0,240,255,.08);
}

/* HEADER TITLE */
.ALEXIS-header {
  text-align: center;
  color: #eaffff;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 2px;
  margin-bottom: 12px;
  text-transform: uppercase;

  text-shadow:
    0 0 10px rgba(0,240,255,.9),
    0 0 25px rgba(43,123,255,.35);
}

.ALEXIS-header::after{
  content:"";
  display:block;
  width:140px;
  height:4px;
  margin:10px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,#00f0ff,#8ffbff,#2b7bff);
  box-shadow:
    0 0 14px rgba(0,240,255,.4),
    0 0 28px rgba(43,123,255,.2);
}

/* DESCRIPTION */
.ALEXIS-desc {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 20px;
  color: #bfefff;
  line-height: 1.7;
  font-size: 13px;

  text-shadow:
    0 0 6px rgba(0,240,255,.12);
}

/* OPTIONAL: CELL HIGHLIGHT */
.ALEXIS-table td b {
  color:#8ffbff;
  text-shadow:
    0 0 8px rgba(0,240,255,.45),
    0 0 18px rgba(43,123,255,.2);
}

/* RESPONSIVE */
@media(max-width:600px){
  .ALEXIS-table{
    font-size:13px;
  }
  .ALEXIS-header{
    font-size:20px;
  }
}
										
									<div class="t-body -size-s h-text-align-center h-mt2">
										 &copy; All Rights Reserved Demo Gratis Pragmatic Play & PG Soft<br/>
										<a href="https://tenkillua.com/">SLOT ONLINE</a>
									</div>
								</div>
								<script nonce="3SdsM51zq6HMsh90cibjhg==">
                                    //<![CDATA[
                                    // HACK: Google Chrome always scroll the previous page's position on hitting Back button
                                    // This causes issue with responsive version in which unexpanded item description obscure
                                    // the scroll position and Chrome will jump to the outer border of bottom
                                    window.addEventListener('unload', function (e) { window.scrollTo(0, 0); });
                                    //]]>
                                </script>
							</div>
						</div>
					</div>
					<div>
						<footer class='global-footer'>
						<div class='grid-container -layout-wide'>
							<div class='global-footer__container'>
								<section class="testimonial-marquee" style="padding:30px 0;color:#fff;overflow:hidden;position:relative;">
								<h3 style="font-size:22px;margin-bottom:25px;text-align:center; background:linear-gradient(90deg,#e80c0c,#e8e8e8,#f00909); -webkit-background-clip:text;-webkit-text-fill-color:transparent;">Testimoni Member</h3>
								<div class="marquee-container">
									<div class="marquee-track">
										<!-- Komentar 1 -->
										<div class="marquee-item">
											<div class="stars">★★★</div>
											<p>
  Tampilan <strong>platform slot online TENTOTO</strong> terlihat modern, rapi, dan mudah digunakan. Informasi <strong>RTP Slot</strong> diperbarui secara berkala sehingga memudahkan pengguna menemukan permainan slot online sesuai preferensi mereka.
</p>
											<div class="author">
												<span>Keysorn Framsbe</span>
												<span class="verified">
												<svg viewbox="0 0 24 24" class="shield-icon">
												<path d="M12 2l7 4v6c0 5-3.5 9-7 10-3.5-1-7-5-7-10V6l7-4z" fill="url(#goldGradient)"/>
												<path d="M10 12l2 2 4-4" stroke="#fff" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
												<defs>
												<lineargradient id="goldGradient" x1="0" y1="0" x2="24" y2="24">
												<stop offset="0%" stop-color="#e80c0c"/>
												<stop offset="50%" stop-color="#e8e8e8"/>
												<stop offset="100%" stop-color="#f00909"/>
												</lineargradient>
												</defs>
												</svg>
												Member</span>
											</div>
										</div>
										<!-- Komentar 2 -->
										<div class="marquee-item">
											<div class="stars">★★★★★</div>
											<p>
                                                Situs Akun Demo PG Soft & Pragmatic Play Jamin Gacor
											</p>
											<div class="author">
												<span>Danielle Marsh</span>
												<span class="verified">
												<svg viewbox="0 0 24 24" class="shield-icon">
												<path d="M12 2l7 4v6c0 5-3.5 9-7 10-3.5-1-7-5-7-10V6l7-4z" fill="url(#goldGradient)"/>
												<path d="M10 12l2 2 4-4" stroke="#fff" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
												</svg>
												Member</span>
											</div>
										</div>
										<!-- Komentar 3 -->
										<div class="marquee-item">
											<div class="stars">★★★★</div>
											<p>
												 TENTOTO adalah platform bandar slot online gacor dengan RTP Slot terpercaya 2026. Nikmati akses cepat, pilihan game slot terlengkap, RTP terbaru, sistem modern, serta layanan responsif untuk pengalaman bermain yang lebih optimal setiap hari.
											</p>
											<div class="author">
												<span>Dias Flac</span>
												<span class="verified">
												<svg viewbox="0 0 24 24" class="shield-icon">
												<path d="M12 2l7 4v6c0 5-3.5 9-7 10-3.5-1-7-5-7-10V6l7-4z" fill="url(#goldGradient)"/>
												<path d="M10 12l2 2 4-4" stroke="#fff" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
												</svg>
												Member</span>
											</div>
										</div>
										<!-- Komentar 4 -->
										<div class="marquee-item">
											<div class="stars">★★★★★</div>
											<p>
												AKUN DEMO menyediakan layanan uji coba pola gacor untuk para penikmat game pragmatic play.
											</p>
											<div class="author">
												<span>Panorama Man</span>
												<span class="verified">
												<svg viewbox="0 0 24 24" class="shield-icon">
												<path d="M12 2l7 4v6c0 5-3.5 9-7 10-3.5-1-7-5-7-10V6l7-4z" fill="url(#goldGradient)"/>
												<path d="M10 12l2 2 4-4" stroke="#fff" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
												</svg>
												Member</span>
											</div>
										</div>
										<!-- Komentar 5 -->
										<div class="marquee-item">
											<div class="stars">★★★★★</div>
											<p>
												Untuk simulasi data, tampilannya konsisten dari satu waktu ke waktu..
											</p>
											<div class="author">
												<span>SKAI Is Your GOD</span>
												<span class="verified">
												<svg viewbox="0 0 24 24" class="shield-icon">
												<path d="M12 2l7 4v6c0 5-3.5 9-7 10-3.5-1-7-5-7-10V6l7-4z" fill="url(#goldGradient)"/>
												<path d="M10 12l2 2 4-4" stroke="#fff" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
												</svg>
												Member</span>
											</div>
										</div>
									</div>
								</div>
								</section>
							<style>
.marquee-container{
  overflow:hidden;
  width:100%;
  position:relative;
  padding:14px 0;
  isolation:isolate;
}

.marquee-container::before,
.marquee-container::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:90px;
  z-index:3;
  pointer-events:none;
}

.marquee-container::before{
  left:0;
  background:linear-gradient(90deg, rgba(1,6,14,1), rgba(1,6,14,0));
}

.marquee-container::after{
  right:0;
  background:linear-gradient(-90deg, rgba(1,6,14,1), rgba(1,6,14,0));
}

.marquee-track{
  display:flex;
  width:max-content;
  animation:marqueeMove 32s linear infinite;
  gap:0;
}

.marquee-item{
  --core:#00f0ff;
  --core2:#2b7bff;
  --core3:#89fbff;

  flex:0 0 auto;
  width:340px;
  margin:0 18px;
  position:relative;
  overflow:hidden;
  border-radius:22px;
  padding:22px 22px 18px;
  color:#eefeff;
  isolation:isolate;

  background:
    radial-gradient(circle at 16% 18%, rgba(0,240,255,.18), transparent 26%),
    radial-gradient(circle at 85% 82%, rgba(43,123,255,.18), transparent 30%),
    linear-gradient(160deg, #081523 0%, #030b16 58%, #01040a 100%);

  border:1px solid rgba(0,240,255,.22);

  box-shadow:
    0 0 0 1px rgba(0,240,255,.05),
    0 18px 36px rgba(0,0,0,.54),
    0 0 26px rgba(0,180,255,.16),
    inset 0 0 24px rgba(0,240,255,.06);

  transition:
    transform .32s ease,
    box-shadow .32s ease,
    border-color .32s ease,
    filter .32s ease;
}

/* REACTOR CORE */
.marquee-item .marquee-reactor{
  position:absolute;
  width:180px;
  height:180px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  pointer-events:none;
  z-index:0;
  opacity:.28;
  border:1px solid rgba(0,240,255,.10);
  box-shadow:
    0 0 18px rgba(0,240,255,.10),
    inset 0 0 18px rgba(0,240,255,.04);
  animation:reactorSpinMarquee 14s linear infinite;
}

.marquee-item .marquee-reactor::before{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:50%;
  border:1px dashed rgba(0,240,255,.12);
  animation:reactorSpinMarqueeReverse 9s linear infinite;
}

.marquee-item .marquee-reactor::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:50%;
  background:
    conic-gradient(
      from 0deg,
      transparent 0deg,
      rgba(0,240,255,.18) 70deg,
      transparent 120deg,
      rgba(43,123,255,.14) 210deg,
      transparent 290deg,
      rgba(0,240,255,.12) 360deg
    );
  mask:radial-gradient(circle, transparent 58%, #000 60%);
  -webkit-mask:radial-gradient(circle, transparent 58%, #000 60%);
}

/* HUD CORNER */
.marquee-item::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:22px;
  pointer-events:none;
  z-index:2;
  background:
    linear-gradient(90deg, rgba(0,240,255,.34), transparent 20%) top left / 46px 1px no-repeat,
    linear-gradient(180deg, rgba(0,240,255,.34), transparent 20%) top left / 1px 46px no-repeat,

    linear-gradient(-90deg, rgba(0,240,255,.26), transparent 20%) top right / 46px 1px no-repeat,
    linear-gradient(180deg, rgba(0,240,255,.26), transparent 20%) top right / 1px 46px no-repeat,

    linear-gradient(90deg, rgba(0,240,255,.20), transparent 20%) bottom left / 46px 1px no-repeat,
    linear-gradient(-180deg, rgba(0,240,255,.20), transparent 20%) bottom left / 1px 46px no-repeat,

    linear-gradient(-90deg, rgba(0,240,255,.20), transparent 20%) bottom right / 46px 1px no-repeat,
    linear-gradient(-180deg, rgba(0,240,255,.20), transparent 20%) bottom right / 1px 46px no-repeat;
  opacity:.95;
}

/* GRID + SCANLINE + LASER */
.marquee-item::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(to right, rgba(0,240,255,.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(43,123,255,.045) 1px, transparent 1px),
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,.02) 0 1px,
      transparent 1px 6px
    ),
    linear-gradient(115deg, transparent 44%, rgba(0,255,255,.18) 50%, transparent 56%);
  background-size:20px 20px, 20px 20px, auto, 220% 100%;
  background-position:0 0, 0 0, 0 0, -120% 0;
  mix-blend-mode:screen;
  opacity:.62;
  animation:itemGridShift 8.5s linear infinite, itemLaser 4.8s linear infinite, itemGlitch .18s steps(2,end) infinite;
}

.marquee-item:hover{
  transform:translateY(-8px) scale(1.045);
  border-color:rgba(0,240,255,.40);
  box-shadow:
    0 0 0 1px rgba(0,240,255,.08),
    0 22px 42px rgba(0,0,0,.58),
    0 0 34px rgba(0,234,255,.24),
    0 0 60px rgba(43,123,255,.10),
    inset 0 0 28px rgba(0,240,255,.10);
}

.stars{
  color:#ffd54a;
  font-size:18px;
  margin-bottom:12px;
  text-shadow:
    0 0 8px rgba(255,213,74,.48),
    0 0 18px rgba(255,170,0,.20);
  position:relative;
  z-index:1;
}

.marquee-item p{
  font-size:15px;
  font-style:italic;
  line-height:1.75;
  margin-bottom:14px;
  color:#d8f8ff;
  position:relative;
  z-index:1;
  text-shadow:0 0 6px rgba(0,180,255,.06);
}

.author{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  font-size:13px;
  position:relative;
  z-index:1;
}

.author span:first-child{
  color:#8ffbff;
  font-weight:900;
  letter-spacing:.4px;
  text-shadow:
    0 0 8px rgba(0,240,255,.35),
    0 0 16px rgba(43,123,255,.14);
}

.verified{
  display:flex;
  align-items:center;
  font-weight:900;
  letter-spacing:.4px;
  color:#f4feff;
  background:linear-gradient(90deg, #b2ffff, #00f0ff, #2b7bff);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
}

.shield-icon{
  width:18px;
  height:18px;
  margin-right:6px;
  filter:
    drop-shadow(0 0 5px rgba(0,240,255,.50))
    drop-shadow(0 0 12px rgba(43,123,255,.22));
  animation:pulseGlowBoss 2s infinite ease-in-out;
}

@keyframes pulseGlowBoss{
  0%{
    filter:
      drop-shadow(0 0 3px rgba(0,240,255,.30))
      drop-shadow(0 0 6px rgba(43,123,255,.12));
  }
  50%{
    filter:
      drop-shadow(0 0 9px rgba(0,240,255,.78))
      drop-shadow(0 0 18px rgba(43,123,255,.22));
  }
  100%{
    filter:
      drop-shadow(0 0 3px rgba(0,240,255,.30))
      drop-shadow(0 0 6px rgba(43,123,255,.12));
  }
}

@keyframes marqueeMove{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}

@keyframes itemGridShift{
  0%{ background-position:0 0, 0 0, 0 0, -120% 0; }
  100%{ background-position:40px 40px, 40px 40px, 0 0, 120% 0; }
}

@keyframes itemLaser{
  0%{ opacity:.34; }
  50%{ opacity:.78; }
  100%{ opacity:.34; }
}

@keyframes itemGlitch{
  0%{ transform:translate(0,0); }
  20%{ transform:translate(.3px,0); }
  40%{ transform:translate(-.4px,.2px); }
  60%{ transform:translate(.2px,-.2px); }
  80%{ transform:translate(-.2px,0); }
  100%{ transform:translate(0,0); }
}

@keyframes reactorSpinMarquee{
  0%{ transform:translate(-50%,-50%) rotate(0deg); }
  100%{ transform:translate(-50%,-50%) rotate(360deg); }
}

@keyframes reactorSpinMarqueeReverse{
  0%{ transform:rotate(0deg); }
  100%{ transform:rotate(-360deg); }
}
</style><style>
.global-footer__container{
  position:relative;
  overflow:hidden;
  isolation:isolate;

  background:
    radial-gradient(circle at 10% 0%,rgba(0,246,255,.24),transparent 34%),
    radial-gradient(circle at 90% 100%,rgba(0,93,255,.22),transparent 42%),
    linear-gradient(145deg,#061a33,#020814 60%,#00040a);

  border-top:1px solid rgba(0,246,255,.42);

  box-shadow:
    inset 0 0 34px rgba(0,246,255,.10),
    0 0 40px rgba(0,246,255,.28),
    0 0 90px rgba(0,93,255,.18);

  transition:.3s ease;
}

/* HOLOGRAM GRID + DIGITAL NOISE */
.global-footer__container::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;

  background:
    linear-gradient(rgba(0,246,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,246,255,.055) 1px,transparent 1px),
    repeating-linear-gradient(
      180deg,
      rgba(255,255,255,.025) 0 1px,
      transparent 1px 7px
    );

  background-size:28px 28px,28px 28px,auto;
  opacity:.62;
  mix-blend-mode:screen;

  animation:
    footerGridMove 8s linear infinite,
    footerNoise .18s steps(2,end) infinite;
}

/* AI LASER SCANNER */
.global-footer__container::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;

  background:
    linear-gradient(
      120deg,
      transparent 40%,
      rgba(255,255,255,.14) 47%,
      rgba(0,246,255,.38) 50%,
      rgba(255,255,255,.14) 53%,
      transparent 60%
    );

  background-size:240% 100%;
  background-position:-140% 0;
  opacity:.65;

  animation:footerLaser 5s linear infinite;
}

.global-footer__container:hover{
  border-top-color:rgba(0,246,255,.72);

  box-shadow:
    inset 0 0 42px rgba(0,246,255,.15),
    0 0 52px rgba(0,246,255,.42),
    0 0 110px rgba(0,93,255,.28);
}

/* ANIMATION */
@keyframes footerLaser{
  0%{background-position:-140% 0;}
  100%{background-position:140% 0;}
}

@keyframes footerGridMove{
  0%{background-position:0 0,0 0,0 0;}
  100%{background-position:44px 44px,44px 44px,0 0;}
}

@keyframes footerNoise{
  0%{transform:translate(0,0);}
  25%{transform:translate(.5px,0);}
  50%{transform:translate(-.5px,.3px);}
  75%{transform:translate(.3px,-.2px);}
  100%{transform:translate(0,0);}
}
</style>
								<div class='global-footer-stats'>
									<div class='global-footer-stats__content'>
										<img class="global-footer-stats__logo" alt="Envato Market" src="https://kilat.digital/images/2026/04/03/8bdbe340e311ada1ae15f2a7c92eab96.gif"/>
										<ul class='global-footer-stats__list'>
											<li class='global-footer-stats__list-item h-p0'>
												<span class='global-footer-stats__number'>98,531,882</span> 
											</li>
											<li class='global-footer-stats__list-item h-p0'>
												<span class='global-footer-stats__number'>$1,939,902,223</span>
											
											</li>
										</ul>
									</div>
									<div class='global-footer-stats__bcorp'>
										<a target="_blank" rel="noopener noreferrer" class="global-footer-bcorp-link" href="https://bcorporation.net/en-us/find-a-b-corp/company/envato"><img class="global-footer-bcorp-logo" width="50" alt="B Corp Logo" loading="lazy" src="https://public-assets.envato-static.com/assets/header-footer/logo-bcorp-e83f7da84188b8edac311fbf08eaa86634e9db7c67130cdc17837c1172c5f678.svg"/></a>
									</div>
								</div>
							</div>
							<hr class='global-footer__separator'>
							<div class='global-footer__container'>
								<div class='global-footer-company-links'>
									<ul class='global-footer-company-links__list'>
										<li class='global-footer-company-links__list-item'>
											<a class="global-footer__text-link -opacity-full" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;footer nav&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-footernav&quot;,&quot;promotionName&quot;:&quot;elements_mkt-footernav&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;footer nav&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-footernav&quot;,&quot;promotionName&quot;:&quot;elements_mkt-footernav&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" href="https://elements.envato.com?utm_campaign=elements_mkt-footernav">Envato Elements</a>
										</li>
										<li class='global-footer-company-links__list-item'>
											<a class="global-footer__text-link -opacity-full" href="https://placeit.net/">Placeit by Envato</a>
										</li>
										<li class='global-footer-company-links__list-item'>
											<a class="global-footer__text-link -opacity-full" href="https://tutsplus.com">Envato Tuts+</a>
										</li>
										<li class='global-footer-company-links__list-item'>
											<a class="global-footer__text-link -opacity-full" href="https://envato.com/products/">All Products</a>
										</li>
										<li class='global-footer-company-links__list-item'>
											<a class="global-footer__text-link -opacity-full" href="https://envato.com/sitemap/">Sitemap</a>
										</li>
									</ul>
									<hr class="global-footer__separator is-hidden-tablet-and-above h-mt3">
									<small class='global-footer-company-links__price-disclaimer'>
									Price is in US dollars and excludes tax and handling fees </small>
									<small class='global-footer-company-links__copyright'>
									© 2026 Envato Pty Ltd. Trademarks and brands are the property of their respective owners Sanchez. </small>
								</div>
								<div class='global-footer-social'>
									<ul>
										<li class='global-footer-social__list-item'>
											<a class="global-footer__icon-link" rel="nofollow" href="https://twitter.com/envato"><span data-src="https://public-assets.envato-static.com/assets/header-footer/social/twitter-fed054cb31fc18407431a26876142c31a26c6bd59026c684d9625e4d7e58002a.svg" data-class="global-footer-social__icon" data-alt="Twitter" data-title="Twitter" data-width="22" data-height="22" class="lazy-load-img"></span></a>
										</li>
										<li class='global-footer-social__list-item'>
											<a class="global-footer__icon-link" rel="nofollow" href="https://www.facebook.com/envato"><span data-src="https://public-assets.envato-static.com/assets/header-footer/social/facebook-20d27cecd9ae46e6f7bad373316a0dc544669d42dbe0f66b3672720fbe5592fc.svg" data-class="global-footer-social__icon" data-alt="Facebook" data-title="Facebook" data-width="22" data-height="22" class="lazy-load-img"></span></a>
										</li>
										<li class='global-footer-social__list-item'>
											<a class="global-footer__icon-link" rel="nofollow" href="https://www.youtube.com/user/Envato"><span data-src="https://public-assets.envato-static.com/assets/header-footer/social/youtube-2d6a8f758426e727939834a47fe9e16ed6b651afed9ca4327a986f76f496594a.svg" data-class="global-footer-social__icon" data-alt="YouTube" data-title="YouTube" data-width="22" data-height="22" class="lazy-load-img"></span></a>
										</li>
										<li class='global-footer-social__list-item'>
											<a class="global-footer__icon-link" rel="nofollow" href="https://www.instagram.com/envato/"><span data-src="https://public-assets.envato-static.com/assets/header-footer/social/instagram-dce9fbf4d8428e6f75492fdc4e32ef7543ce3ba6347a5b055e7ac68c45416dc2.svg" data-class="global-footer-social__icon" data-alt="Instagram" data-title="Instagram" data-width="22" data-height="22" class="lazy-load-img"></span></a>
										</li>
										<li class='global-footer-social__list-item'>
											<a class="global-footer__icon-link" rel="nofollow" href="https://www.pinterest.com/envato/"><span data-src="https://public-assets.envato-static.com/assets/header-footer/social/pinterest-2e00aae335d66e4e28273bbfe4e9428ca8d8d91cbd9122d81312218ea34747df.svg" data-class="global-footer-social__icon" data-alt="Pinterest" data-title="Pinterest" data-width="22" data-height="22" class="lazy-load-img"></span></a>
										</li>
									</ul>
								</div>
							</div>
<div class="slot-container-v4 slim-long">

  <section class="slot-machine-v4" aria-labelledby="slot-title-v4">

    <h2 class="slot-title-v4" id="slot-title-v4">
      Rekomendasi Slot Simulasi
    </h2>

    <div class="slot-system-status-v4">
      <span class="slot-system-dot-v4"></span>
      Slot Analysis Engine Online
    </div>

    <div class="slot-controls-v4">

      <label>
        <span>Provider</span>
        <select id="providerFilter">
          <option value="ALL">Semua Provider</option>
        </select>
      </label>

      <label>
        <span>Volatilitas</span>
        <select id="volatilityFilter">
          <option value="ALL">Semua Level</option>
          <option value="Rendah">Rendah</option>
          <option value="Sedang">Sedang</option>
          <option value="Tinggi">Tinggi</option>
        </select>
      </label>

      <label>
        <span>Minimal RTP</span>
        <input id="minRtp" type="number" min="80" max="99" step="1" value="90">
      </label>

      <button id="btnSlotRandom" type="button">
        <span class="icon" aria-hidden="true">⚡</span>
        Analisis Slot
      </button>

    </div>

    <div class="slot-main-result-v4" id="slotResult">

      <div class="slot-status-v4" id="slotStatus">— Ready —</div>

      <div class="slot-highlight-box-v4">

        <div class="slot-col-left-v4">
          <div class="k-v4">Game Slot</div>
          <div class="v-game-v4" id="rGame">-</div>

          <div class="provider-info-v4">
            <span class="k-small-v4">Provider:</span>
            <span class="v-small-v4" id="rProvider">-</span>

            <span class="k-small-v4 extra-gap-v4">Vol:</span>
            <span class="v-small-v4" id="rVolatility">-</span>
          </div>
        </div>

        <div class="slot-col-right-v4">
          <div class="k-rtp-v4">RTP Simulasi</div>
          <div class="v-rtp-huge-v4" id="rRtp">-</div>
        </div>

      </div>

      <div class="slot-details-v4">

        <div class="slot-detail-item-v4">
          <div class="k-detail-v4">Jam Rekomendasi</div>
          <div class="v-detail-v4" id="rTime">-</div>
        </div>

        <div class="slot-detail-item-v4">
          <div class="k-detail-v4">Bet Saran</div>
          <div class="v-detail-v4" id="rBet">-</div>
        </div>

        <div class="slot-detail-item-v4">
          <div class="k-detail-v4">Fitur Unggulan</div>
          <div class="v-detail-v4" id="rFeature">-</div>
        </div>

      </div>

      <div class="slot-tip-v4" id="rTip">
        Tips: Data ini hanya simulasi hiburan dan tidak menjamin kemenangan.
      </div>

    </div>

    <div class="slot-alts-v4">
      <div class="slot-alts-title-v4">Alternatif Game Slot</div>
      <div class="slot-alt-list-v4" id="slotAltList"></div>
    </div>

    <div class="slot-note-v4">
      Disclaimer: RTP, jam rekomendasi, dan hasil analisis dibuat secara acak untuk simulasi. Bermainlah secara bertanggung jawab.
    </div>

  </section>
</div>

<style>
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;800;900&family=Rajdhani:wght@500;600;700&display=swap");

:root{
  --slot-cyan:#00f6ff;
  --slot-cyan-soft:#a6ffff;
  --slot-blue:#006cff;
  --slot-dark:#00040b;
  --slot-panel:#061a33;
  --slot-text:#f2ffff;
  --slot-muted:rgba(220,252,255,.76);
}

/* =====================================================
   CONTAINER
===================================================== */

.slot-container-v4{
  display:flex;
  justify-content:center;

  width:100%;
  padding:24px 10px;

  box-sizing:border-box;

  font-family:"Orbitron",Arial,sans-serif;
}

/* =====================================================
   MAIN MACHINE
===================================================== */

.slot-machine-v4{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  width:100%;
  max-width:560px;
  padding:22px;

  color:var(--slot-text);

  border:1px solid rgba(0,246,255,.42);
  border-radius:6px 28px 6px 28px;

  background:
    linear-gradient(
      rgba(0,246,255,.032) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(0,246,255,.032) 1px,
      transparent 1px
    ),
    radial-gradient(
      circle at 8% 0%,
      rgba(0,246,255,.25),
      transparent 36%
    ),
    radial-gradient(
      circle at 100% 100%,
      rgba(0,108,255,.22),
      transparent 44%
    ),
    linear-gradient(
      145deg,
      rgba(7,35,65,.98),
      rgba(2,10,25,.99) 60%,
      rgba(0,4,11,.99)
    );

  background-size:
    28px 28px,
    28px 28px,
    auto,
    auto,
    auto;

  box-shadow:
    0 22px 62px rgba(0,0,0,.68),
    0 0 0 1px rgba(0,246,255,.08),
    0 0 38px rgba(0,246,255,.28),
    0 0 84px rgba(0,108,255,.19),
    inset 0 0 34px rgba(0,246,255,.09);

  transition:
    transform .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}

/* Konten utama */
.slot-machine-v4 > *{
  position:relative;
  z-index:4;
}

/* =====================================================
   REACTOR BACKGROUND
===================================================== */

.slot-machine-v4::before{
  content:"";

  position:absolute;
  top:50%;
  left:50%;
  z-index:0;

  width:480px;
  height:480px;

  pointer-events:none;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.38) 0%,
      rgba(166,255,255,.24) 13%,
      rgba(0,246,255,.17) 30%,
      rgba(0,108,255,.09) 54%,
      transparent 73%
    ),
    repeating-conic-gradient(
      from 0deg,
      rgba(0,246,255,.20) 0deg 3deg,
      transparent 3deg 18deg
    );

  filter:blur(15px);
  opacity:.46;
  mix-blend-mode:screen;

  transform:
    translate(-50%,-50%)
    rotate(0deg);

  animation:
    slotCoreSpin 24s linear infinite,
    slotCorePulse 3.2s ease-in-out infinite;
}

/* =====================================================
   SCANNER + SCANLINES
===================================================== */

.slot-machine-v4::after{
  content:"";

  position:absolute;
  inset:0;
  z-index:1;

  pointer-events:none;

  background:
    repeating-linear-gradient(
      180deg,
      rgba(255,255,255,.021) 0 1px,
      transparent 1px 7px
    ),
    linear-gradient(
      115deg,
      transparent 40%,
      rgba(255,255,255,.08) 47%,
      rgba(0,246,255,.18) 50%,
      rgba(0,108,255,.09) 53%,
      transparent 60%
    );

  background-size:
    auto,
    250% 100%;

  background-position:
    0 0,
    -145% 0;

  opacity:.68;
  mix-blend-mode:screen;

  animation:
    slotPanelScanner 6.5s linear infinite;
}

/* =====================================================
   PANEL HOVER
===================================================== */

.slot-machine-v4:hover{
  border-color:rgba(0,246,255,.72);

  box-shadow:
    0 26px 68px rgba(0,0,0,.72),
    0 0 0 1px rgba(0,246,255,.13),
    0 0 46px rgba(0,246,255,.40),
    0 0 96px rgba(0,108,255,.26),
    inset 0 0 40px rgba(0,246,255,.13);

  transform:translateY(-3px);
}

/* =====================================================
   TITLE
===================================================== */

.slot-title-v4{
  position:relative;

  margin:0;
  padding:2px 8px 16px;

  color:#ffffff;

  font-size:clamp(16px,3vw,21px);
  line-height:1.45;
  font-weight:900;
  letter-spacing:.08em;
  text-align:center;
  text-transform:uppercase;

  text-shadow:
    0 0 7px rgba(255,255,255,.75),
    0 0 20px rgba(0,246,255,.78),
    0 0 42px rgba(0,108,255,.38);
}

.slot-title-v4::before,
.slot-title-v4::after{
  content:"";

  position:absolute;
  bottom:7px;

  width:82px;
  height:1px;

  box-shadow:
    0 0 9px rgba(0,246,255,.60);
}

.slot-title-v4::before{
  right:50%;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--slot-cyan-soft),
      var(--slot-cyan)
    );
}

.slot-title-v4::after{
  left:50%;

  background:
    linear-gradient(
      90deg,
      var(--slot-cyan),
      var(--slot-blue),
      transparent
    );
}

/* =====================================================
   SYSTEM STATUS
===================================================== */

.slot-system-status-v4{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;

  margin:0 0 15px;

  color:rgba(215,252,255,.66);

  font-family:"Rajdhani",Arial,sans-serif;
  font-size:11px;
  line-height:1;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.slot-system-dot-v4{
  width:7px;
  height:7px;

  border-radius:50%;

  background:var(--slot-cyan);

  box-shadow:
    0 0 7px var(--slot-cyan),
    0 0 14px rgba(0,108,255,.46);

  animation:
    slotStatusPulse 1.7s ease-in-out infinite;
}

/* =====================================================
   SHARED PANEL STYLE
===================================================== */

.slot-controls-v4,
.slot-main-result-v4,
.slot-alts-v4{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  border:1px solid rgba(0,246,255,.16);
  border-radius:4px 18px 4px 18px;

  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(0,246,255,.11),
      transparent 43%
    ),
    linear-gradient(
      135deg,
      rgba(4,26,50,.89),
      rgba(0,8,20,.96)
    );

  box-shadow:
    inset 0 0 20px rgba(0,246,255,.045),
    0 8px 22px rgba(0,0,0,.25);
}

/* HUD corner */
.slot-controls-v4::before,
.slot-main-result-v4::before,
.slot-alts-v4::before{
  content:"";

  position:absolute;
  inset:5px;
  z-index:0;

  pointer-events:none;

  border-radius:3px 13px 3px 13px;

  background:
    linear-gradient(var(--slot-cyan),var(--slot-cyan))
      left top / 26px 1px no-repeat,

    linear-gradient(var(--slot-cyan),var(--slot-cyan))
      left top / 1px 26px no-repeat,

    linear-gradient(var(--slot-cyan-soft),var(--slot-cyan-soft))
      right bottom / 26px 1px no-repeat,

    linear-gradient(var(--slot-cyan-soft),var(--slot-cyan-soft))
      right bottom / 1px 26px no-repeat;

  opacity:.50;

  filter:
    drop-shadow(0 0 5px rgba(0,246,255,.40));
}

.slot-controls-v4 > *,
.slot-main-result-v4 > *,
.slot-alts-v4 > *{
  position:relative;
  z-index:2;
}

/* =====================================================
   CONTROLS
===================================================== */

.slot-controls-v4{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;

  padding:16px;
}

.slot-controls-v4 label{
  display:grid;
  gap:7px;

  color:#aaffff;

  font-size:10px;
  line-height:1.4;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.slot-controls-v4 label:nth-child(3){
  grid-column:1 / -1;
}

.slot-controls-v4 select,
.slot-controls-v4 input{
  width:100%;
  min-height:43px;
  padding:10px 12px;

  box-sizing:border-box;

  color:#ffffff;

  border:1px solid rgba(0,246,255,.30);
  border-radius:3px 12px 3px 12px;
  outline:none;

  background:
    linear-gradient(
      180deg,
      rgba(6,26,51,.96),
      rgba(2,8,20,.98)
    );

  box-shadow:
    inset 0 0 12px rgba(0,246,255,.06);

  font-family:"Orbitron",Arial,sans-serif;
  font-size:11px;
  font-weight:800;

  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    background .25s ease;
}

.slot-controls-v4 select:hover,
.slot-controls-v4 input:hover{
  border-color:rgba(0,246,255,.52);
}

.slot-controls-v4 select:focus,
.slot-controls-v4 input:focus{
  border-color:var(--slot-cyan);

  background:
    linear-gradient(
      180deg,
      rgba(7,39,72,.98),
      rgba(2,10,24,.99)
    );

  box-shadow:
    inset 0 0 14px rgba(0,246,255,.11),
    0 0 16px rgba(0,246,255,.23);
}

/* =====================================================
   GENERATE BUTTON
===================================================== */

#btnSlotRandom{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  grid-column:1 / -1;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;

  min-height:48px;
  padding:12px 16px;

  cursor:pointer;

  color:#001018;

  border:1px solid rgba(255,255,255,.55);
  border-radius:4px 15px 4px 15px;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(255,255,255,.72),
      transparent 42%
    ),
    linear-gradient(
      135deg,
      #bfffff,
      var(--slot-cyan),
      var(--slot-blue)
    );

  box-shadow:
    0 0 22px rgba(0,246,255,.54),
    0 0 48px rgba(0,108,255,.28),
    inset 0 -3px 6px rgba(0,0,0,.18);

  font-family:"Orbitron",Arial,sans-serif;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease;
}

#btnSlotRandom::before{
  content:"";

  position:absolute;
  top:-90%;
  left:-90%;
  z-index:-1;

  width:28%;
  height:280%;

  pointer-events:none;

  background:
    linear-gradient(
      115deg,
      transparent,
      rgba(255,255,255,.36),
      rgba(255,255,255,.85),
      transparent
    );

  transform:skewX(-22deg);

  animation:
    slotButtonScanner 3.6s linear infinite;
}

#btnSlotRandom:hover{
  filter:brightness(1.08);

  box-shadow:
    0 0 30px rgba(0,246,255,.78),
    0 0 70px rgba(0,108,255,.40),
    inset 0 -3px 6px rgba(0,0,0,.18);

  transform:translateY(-3px);
}

#btnSlotRandom:active{
  transform:translateY(0) scale(.985);
}

#btnSlotRandom:disabled{
  cursor:not-allowed;

  opacity:.70;
  filter:saturate(.75);
}

/* =====================================================
   MAIN RESULT
===================================================== */

.slot-main-result-v4{
  margin-top:15px;
  padding:17px;
}

/* =====================================================
   STATUS
===================================================== */

.slot-status-v4{
  margin-bottom:13px;

  color:var(--slot-cyan-soft);

  font-size:11px;
  line-height:1.4;
  font-weight:900;
  letter-spacing:.09em;
  text-align:center;
  text-transform:uppercase;

  text-shadow:
    0 0 10px rgba(0,246,255,.52);
}

/* =====================================================
   HIGHLIGHT RESULT
===================================================== */

.slot-highlight-box-v4{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(130px,.8fr);
  align-items:center;
  gap:15px;

  margin-bottom:14px;
  padding-bottom:14px;

  border-bottom:1px dashed rgba(0,246,255,.22);
}

.slot-col-right-v4{
  text-align:right;
}

/* =====================================================
   LABELS
===================================================== */

.k-v4,
.k-rtp-v4,
.k-small-v4,
.k-detail-v4{
  color:#aaffff;

  font-family:"Orbitron",Arial,sans-serif;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.k-v4,
.k-rtp-v4,
.k-small-v4,
.k-detail-v4{
  font-size:9px;
}

/* =====================================================
   GAME
===================================================== */

.v-game-v4{
  margin-top:7px;

  color:#ffffff;

  font-size:14px;
  line-height:1.5;
  font-weight:900;

  text-shadow:
    0 0 10px rgba(0,246,255,.26);
}

/* =====================================================
   PROVIDER INFORMATION
===================================================== */

.provider-info-v4{
  margin-top:10px;

  color:rgba(221,252,255,.74);

  font-family:"Rajdhani",Arial,sans-serif;
  font-size:12px;
  line-height:1.7;
  font-weight:600;
}

.extra-gap-v4{
  margin-left:10px;
}

.v-small-v4{
  color:#ffffff;

  font-family:"Orbitron",Arial,sans-serif;
  font-weight:900;
}

/* =====================================================
   MAIN NUMBER
===================================================== */

.v-rtp-huge-v4{
  margin-top:7px;

  color:#ffffff;

  font-size:clamp(34px,8vw,48px);
  line-height:1;
  font-weight:900;
  letter-spacing:.06em;

  text-shadow:
    0 0 7px rgba(255,255,255,.82),
    0 0 20px rgba(0,246,255,.84),
    0 0 46px rgba(0,108,255,.46);
}

/* =====================================================
   DETAIL GRID
===================================================== */

.slot-details-v4{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;

  padding:10px;

  border:1px solid rgba(0,246,255,.08);
  border-radius:3px 14px 3px 14px;

  background:
    rgba(0,0,0,.22);
}

/* =====================================================
   DETAIL ITEM + ALT ITEM
===================================================== */

.slot-detail-item-v4,
.slot-alt-item{
  position:relative;
  overflow:hidden;

  padding:11px;

  border:1px solid rgba(0,246,255,.12);
  border-radius:3px 12px 3px 12px;

  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(0,246,255,.09),
      transparent 44%
    ),
    linear-gradient(
      135deg,
      rgba(0,22,44,.88),
      rgba(0,8,19,.96)
    );

  box-shadow:
    inset 0 0 12px rgba(0,246,255,.04);

  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    transform .25s ease;
}

.slot-detail-item-v4::before,
.slot-alt-item::before{
  content:"";

  position:absolute;
  top:0;
  bottom:0;
  left:0;

  width:2px;

  background:
    linear-gradient(
      180deg,
      transparent,
      var(--slot-cyan),
      var(--slot-blue),
      transparent
    );

  box-shadow:
    0 0 7px rgba(0,246,255,.44);
}

.slot-detail-item-v4:hover,
.slot-alt-item:hover{
  border-color:rgba(0,246,255,.38);

  box-shadow:
    inset 0 0 17px rgba(0,246,255,.07),
    0 0 16px rgba(0,246,255,.12);

  transform:translateY(-2px);
}

/* =====================================================
   DETAIL VALUE
===================================================== */

.v-detail-v4{
  margin-top:5px;

  color:#ffffff;

  font-size:11px;
  line-height:1.5;
  font-weight:900;
  letter-spacing:.06em;
  word-break:break-word;
}

/* =====================================================
   TIP + DISCLAIMER
===================================================== */

.slot-tip-v4,
.slot-note-v4{
  margin-top:13px;

  color:rgba(218,252,255,.66);

  font-family:"Rajdhani",Arial,sans-serif;
  font-size:11px;
  line-height:1.65;
  font-weight:600;
  text-align:center;
}

.slot-note-v4{
  padding:0 8px;
}

/* =====================================================
   ALTERNATIVES
===================================================== */

.slot-alts-v4{
  margin-top:15px;
  padding:16px;
}

.slot-alts-title-v4{
  margin-bottom:11px;

  color:#aaffff;

  font-size:12px;
  line-height:1.5;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;

  text-shadow:
    0 0 9px rgba(0,246,255,.38);
}

.slot-alt-list-v4{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}

.slot-alt-item .g{
  color:#ffffff;

  font-size:10px;
  line-height:1.5;
  font-weight:900;
}

.slot-alt-item .p{
  margin-top:5px;

  color:rgba(208,250,255,.72);

  font-family:"Rajdhani",Arial,sans-serif;
  font-size:11px;
  line-height:1.5;
  font-weight:600;
}

.slot-alt-item .r{
  margin-top:7px;

  color:var(--slot-cyan);

  font-size:11px;
  line-height:1.5;
  font-weight:900;
  letter-spacing:.05em;

  text-shadow:
    0 0 9px rgba(0,246,255,.46);
}

/* =====================================================
   ANIMATIONS
===================================================== */

@keyframes slotCoreSpin{
  from{
    transform:
      translate(-50%,-50%)
      rotate(0deg);
  }

  to{
    transform:
      translate(-50%,-50%)
      rotate(360deg);
  }
}

@keyframes slotCorePulse{
  0%,
  100%{
    opacity:.32;
  }

  50%{
    opacity:.54;
  }
}

@keyframes slotPanelScanner{
  0%{
    background-position:
      0 0,
      -145% 0;
  }

  100%{
    background-position:
      0 0,
      145% 0;
  }
}

@keyframes slotButtonScanner{
  0%{
    left:-90%;
    opacity:0;
  }

  20%{
    opacity:1;
  }

  100%{
    left:140%;
    opacity:0;
  }
}

@keyframes slotStatusPulse{
  0%,
  100%{
    opacity:.42;
    transform:scale(.84);
  }

  50%{
    opacity:1;
    transform:scale(1.16);
  }
}

@keyframes slotGeneratingPulse{
  0%,
  100%{
    opacity:.52;
  }

  50%{
    opacity:1;
  }
}

/* =====================================================
   TABLET
===================================================== */

@media(max-width:620px){
  .slot-machine-v4{
    max-width:520px;
    padding:18px;

    border-radius:5px 23px 5px 23px;
  }

  .slot-highlight-box-v4{
    grid-template-columns:1fr;
  }

  .slot-col-right-v4{
    padding-top:12px;

    border-top:1px dashed rgba(0,246,255,.18);

    text-align:left;
  }

  .slot-details-v4{
    grid-template-columns:1fr;
  }

  .slot-alt-list-v4{
    grid-template-columns:1fr;
  }
}

/* =====================================================
   MOBILE
===================================================== */

@media(max-width:440px){
  .slot-container-v4{
    padding:18px 8px;
  }

  .slot-machine-v4{
    padding:14px;

    border-radius:4px 18px 4px 18px;
  }

  .slot-machine-v4::before{
    width:320px;
    height:320px;
  }

  .slot-title-v4{
    font-size:14px;
    letter-spacing:.06em;
  }

  .slot-title-v4::before,
  .slot-title-v4::after{
    width:56px;
  }

  .slot-controls-v4{
    grid-template-columns:1fr;
    padding:13px;
  }

  .slot-controls-v4 label:nth-child(3),
  #btnSlotRandom{
    grid-column:auto;
  }

  .slot-main-result-v4,
  .slot-alts-v4{
    padding:13px;
  }

  .v-game-v4{
    font-size:13px;
  }

  .v-rtp-huge-v4{
    font-size:36px;
  }
}

/* =====================================================
   REDUCED MOTION
===================================================== */

@media(prefers-reduced-motion:reduce){
  .slot-machine-v4,
  .slot-machine-v4::before,
  .slot-machine-v4::after,
  #btnSlotRandom,
  #btnSlotRandom::before,
  .slot-system-dot-v4,
  .slot-detail-item-v4,
  .slot-alt-item{
    animation:none!important;
    transition:none!important;
  }
}
</style>

<script>
const SLOT_GAMES = [
  {game:"Gates of Olympus", provider:"Pragmatic Play", volatility:"Tinggi", feature:"Free Spins & Multiplier"},
  {game:"Starlight Princess", provider:"Pragmatic Play", volatility:"Tinggi", feature:"Tumble & Multiplier"},
  {game:"Sweet Bonanza", provider:"Pragmatic Play", volatility:"Tinggi", feature:"Cluster Pay & Free Spins"},
  {game:"Mahjong Ways 2", provider:"PG Soft", volatility:"Sedang", feature:"Wild & Multiplier"},
  {game:"Wild Bandito", provider:"PG Soft", volatility:"Sedang", feature:"Expanding Wild"},
  {game:"Fortune Tiger", provider:"PG Soft", volatility:"Rendah", feature:"Multiplier Respins"},
  {game:"Koi Gate", provider:"Habanero", volatility:"Sedang", feature:"Wild Transformation"},
  {game:"Hot Hot Fruit", provider:"Habanero", volatility:"Rendah", feature:"Classic Reels"},
  {game:"Zeus", provider:"Joker Gaming", volatility:"Tinggi", feature:"Free Games & Wild"},
  {game:"Roma", provider:"Joker Gaming", volatility:"Sedang", feature:"Combo Win"},
  {game:"Double Fortune", provider:"JDB", volatility:"Sedang", feature:"Free Spin Bonus"},
  {game:"Lucky Neko", provider:"PG Soft", volatility:"Sedang", feature:"Sticky Wild"}
];

const SLOT_FEATURES = [
  "Free Spins & Multiplier",
  "Wild & Scatter",
  "Tumble Win",
  "Bonus Buy",
  "Expanding Wild",
  "Cluster Pay"
];

const slotQuery = (selector) => document.querySelector(selector);

const slotRandomInteger = (minimum,maximum) => {
  return Math.floor(Math.random() * (maximum - minimum + 1)) + minimum;
};

function slotUniqueProviders(){
  return [...new Set(SLOT_GAMES.map((item) => item.provider))];
}

function slotSimulateRtp(){
  return (slotRandomInteger(880,988) / 10).toFixed(1);
}

function slotGenerateTime(){
  const startHour = slotRandomInteger(0,23);
  const endHour = (startHour + slotRandomInteger(1,3)) % 24;
  return `${String(startHour).padStart(2,"0")}:00–${String(endHour).padStart(2,"0")}:00 WIB`;
}

function slotGenerateBet(){
  const bets = ["Rp200–Rp800","Rp400–Rp1.200","Rp600–Rp2.000","Rp1.000–Rp3.000"];
  return bets[slotRandomInteger(0,bets.length - 1)];
}

function slotApplyFilters(){
  const provider = slotQuery("#providerFilter").value;
  const volatility = slotQuery("#volatilityFilter").value;
  const minimumRtp = Number(slotQuery("#minRtp").value || 0);

  return SLOT_GAMES
    .filter((item) => provider === "ALL" || item.provider === provider)
    .filter((item) => volatility === "ALL" || item.volatility === volatility)
    .map((item) => ({...item, rtp:Number(slotSimulateRtp())}))
    .filter((item) => item.rtp >= minimumRtp);
}

function slotPickRandom(array,amount = 1){
  const copy = [...array];
  const result = [];

  for(let index = 0; index < amount && copy.length; index++){
    const randomIndex = slotRandomInteger(0,copy.length - 1);
    result.push(copy.splice(randomIndex,1)[0]);
  }

  return result;
}

function slotRenderMain(item){
  slotQuery("#rGame").textContent = item.game;
  slotQuery("#rProvider").textContent = item.provider;
  slotQuery("#rVolatility").textContent = item.volatility;
  slotQuery("#rRtp").textContent = `${item.rtp.toFixed(1)}%`;
  slotQuery("#rTime").textContent = slotGenerateTime();
  slotQuery("#rBet").textContent = slotGenerateBet();
  slotQuery("#rFeature").textContent = item.feature || SLOT_FEATURES[slotRandomInteger(0,SLOT_FEATURES.length - 1)];
  slotQuery("#rTip").textContent = "Tips: Gunakan batas bermain dan jangan mengejar kerugian. Analisis ini hanya simulasi.";
}

function slotRenderAlternatives(list){
  const container = slotQuery("#slotAltList");
  container.innerHTML = "";

  if(!list.length){
    const empty = document.createElement("div");
    empty.className = "slot-alt-empty-v4";
    empty.textContent = "Alternatif game akan muncul setelah proses analisis.";
    empty.style.gridColumn = "1 / -1";
    empty.style.padding = "14px";
    empty.style.textAlign = "center";
    empty.style.color = "rgba(218,252,255,.62)";
    empty.style.fontFamily = "Rajdhani, Arial, sans-serif";
    empty.style.fontSize = "12px";
    container.appendChild(empty);
    return;
  }

  list.forEach((item) => {
    const element = document.createElement("div");
    element.className = "slot-alt-item";
    element.innerHTML = `
      <div class="g">${item.game}</div>
      <div class="p">${item.provider} • ${item.volatility}</div>
      <div class="r">RTP: <strong>${item.rtp.toFixed(1)}%</strong></div>
    `;
    container.appendChild(element);
  });
}

function slotSetButtonLoading(button,isLoading){
  if(isLoading){
    button.disabled = true;
    button.dataset.originalContent = button.innerHTML;
    button.innerHTML = `<span class="icon" aria-hidden="true">↻</span> Processing`;
    return;
  }

  button.disabled = false;
  button.innerHTML = button.dataset.originalContent || `<span class="icon" aria-hidden="true">⚡</span> Analisis Slot`;
}

function slotResetResult(){
  slotQuery("#rGame").textContent = "-";
  slotQuery("#rProvider").textContent = "-";
  slotQuery("#rVolatility").textContent = "-";
  slotQuery("#rRtp").textContent = "-";
  slotQuery("#rTime").textContent = "-";
  slotQuery("#rBet").textContent = "-";
  slotQuery("#rFeature").textContent = "-";
}

document.addEventListener("DOMContentLoaded",() => {
  const providerSelect = slotQuery("#providerFilter");
  const generateButton = slotQuery("#btnSlotRandom");

  if(!providerSelect || !generateButton){
    return;
  }

  slotUniqueProviders().forEach((provider) => {
    const option = document.createElement("option");
    option.value = provider;
    option.textContent = provider;
    providerSelect.appendChild(option);
  });

  generateButton.addEventListener("click",(event) => {
    const button = event.currentTarget;
    const filteredGames = slotApplyFilters();
    const status = slotQuery("#slotStatus");

    if(!filteredGames.length){
      status.textContent = "— No Match —";
      status.style.color = "#ffffff";
      status.style.animation = "";
      slotRenderAlternatives([]);
      slotResetResult();
      slotQuery("#rTip").textContent = "Tidak ada game yang memenuhi filter RTP dan volatilitas.";
      return;
    }

    slotSetButtonLoading(button,true);
    status.textContent = "— Analyzing —";
    status.style.color = "#ffffff";
    status.style.animation = "slotGeneratingPulse .6s linear infinite";

    const randomPreview = window.setInterval(() => {
      const temporaryGame = slotPickRandom(filteredGames,1)[0];
      slotQuery("#rGame").textContent = temporaryGame.game;
      slotQuery("#rProvider").textContent = temporaryGame.provider;
      slotQuery("#rVolatility").textContent = temporaryGame.volatility;
      slotQuery("#rRtp").textContent = `${temporaryGame.rtp.toFixed(1)}%`;
      slotQuery("#rTime").textContent = slotGenerateTime();
      slotQuery("#rBet").textContent = slotGenerateBet();
      slotQuery("#rFeature").textContent = temporaryGame.feature;
    },85);

    window.setTimeout(() => {
      window.clearInterval(randomPreview);
      const selectedGames = slotPickRandom(filteredGames,4);
      slotRenderMain(selectedGames[0]);
      slotRenderAlternatives(selectedGames.slice(1));
      status.textContent = "— Ready —";
      status.style.animation = "";
      status.style.color = "#a6ffff";
      slotSetButtonLoading(button,false);
    },1100);
  });

  slotRenderAlternatives([]);
});
</script>
<div class="snow-wrap" id="snow"></div>
						</div>
						</footer>
					</div>
				</div>
				<div class="is-hidden-phone">
					<div id="tooltip-magnifier" class="magnifier">
						<strong></strong>
						<div class="info">
							<div class="author-category">
								 by <span class="author"></span>
							</div>
							<div class="price">
								<span class="cost"></span>
							</div>
						</div>
						<div class="footer">
							<span class="category"></span>
							<span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span>
						</div>
					</div>
					<div id="landscape-image-magnifier" class="magnifier">
						<div class="size-limiter"></div>
						<strong></strong>
						<div class="info">
							<div class="author-category">
								 by <span class="author"></span>
							</div>
							<div class="price">
								<span class="cost"></span>
							</div>
						</div>
						<div class="footer">
							<span class="category"></span>
							<span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span>
						</div>
					</div>
					<div id="portrait-image-magnifier" class="magnifier">
						<div class="size-limiter"></div>
						<strong></strong>
						<div class="info">
							<div class="author-category">
								 by <span class="author"></span>
							</div>
							<div class="price">
								<span class="cost"></span>
							</div>
						</div>
						<div class="footer">
							<span class="category"></span>
							<span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span>
						</div>
					</div>
					<div id="square-image-magnifier" class="magnifier">
						<div class="size-limiter"></div>
						<strong></strong>
						<div class="info">
							<div class="author-category">
								 by <span class="author"></span>
							</div>
							<div class="price">
								<span class="cost"></span>
							</div>
						</div>
						<div class="footer">
							<span class="category"></span>
							<span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span>
						</div>
					</div>
					<div id="smart-image-magnifier" class="magnifier">
						<div class="size-limiter"></div>
						<strong></strong>
						<div class="info">
							<div class="author-category">
								 by <span class="author"></span>
							</div>
							<div class="price">
								<span class="cost"></span>
							</div>
						</div>
						<div class="footer">
							<span class="category"></span>
							<span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span>
						</div>
					</div>
					<div id="video-magnifier" class="magnifier">
						<div class="size-limiter"></div>
						<strong></strong>
						<div class="info">
							<div class="author-category">
								 by <span class="author"></span>
							</div>
							<div class="price">
								<span class="cost"></span>
							</div>
						</div>
						<div class="footer">
							<span class="category"></span>
							<span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span>
						</div>
					</div>
				</div>
			</div>
			<div class="page__overlay" data-view="offCanvasNavToggle" data-off-canvas="close"></div>
		</div>
	</div>
	<div data-site="themeforest" data-view="CsatSurvey" data-cookiebot-enabled="true" class="is-visually-hidden">
		<div id="js-customer-satisfaction-survey">
			<div class="e-modal">
				<div class="e-modal__section" id="js-customer-satisfaction-survey-iframe-wrapper"></div>
			</div>
		</div>
	</div>
	<div id="js-customer-satisfaction-popup" class="survey-popup is-visually-hidden">
		<div class="h-text-align-right">
			<a href="#" id="js-popup-close-button" class="e-alert-box__dismiss-icon"><i class="e-icon -icon-cancel"></i></a>
		</div>
		<div class="survey-popup--section">
			<h2 class="t-heading h-text-align-center -size-m">Tell us what you think!</h2>
			<p>
				We'd like to ask you a few questions to help improve ThemeForest.
			</p>
		</div>
		<div class="survey-popup--section">
			<a href="#" id="js-show-survey-button" class="e-btn -color-primary -size-m -width-full js-survey-popup--show-survey-button">Sure, take me to the survey</a>
		</div>
	</div>

<style>
/* =====================================================
   TENTOTO COSMIC COMET REACTOR
===================================================== */

.snow-wrap {
  position: fixed;
  inset: 0;
  z-index: 999;

  overflow: hidden;
  pointer-events: none;

  contain: layout paint;
}

/* Semua partikel */
.snowflake {
  position: absolute;
  display: block;

  pointer-events: none;

  will-change:
    transform,
    opacity;
}

/* =====================================================
   COMET
===================================================== */

.snowflake:not(.is-star) {
  top: -32vh;
  left: var(--startX, 0vw);

  width: var(--width, 2px);
  height: var(--len, 110px);

  border-radius: 999px;
  opacity: 0;

  background:
    linear-gradient(
      to top,
      transparent 0%,
      rgba(0, 108, 255, 0.10) 16%,
      var(--color, #00f6ff) 72%,
      #ffffff 100%
    );

  box-shadow:
    0 0 5px var(--color, #00f6ff),
    0 0 14px rgba(0, 246, 255, 0.46),
    0 0 26px rgba(0, 108, 255, 0.30);

  filter:
    drop-shadow(
      0 0 4px var(--color, #00f6ff)
    );

  transform-origin: center bottom;

  animation:
    tentotoCometFall
    var(--dur, 1.8s)
    cubic-bezier(0.2, 0.7, 0.3, 1)
    var(--delay, 0s)
    infinite;
}

/* Kepala meteor */
.snowflake:not(.is-star)::before {
  content: "";

  position: absolute;
  right: 50%;
  bottom: -2px;

  width: calc(var(--width, 2px) * 3);
  height: calc(var(--width, 2px) * 3);

  border-radius: 50%;

  background: #ffffff;

  box-shadow:
    0 0 5px #ffffff,
    0 0 11px var(--color, #00f6ff),
    0 0 22px rgba(0, 246, 255, 0.80),
    0 0 38px rgba(0, 108, 255, 0.52);

  transform: translateX(50%);
}

/* Jejak tambahan */
.snowflake:not(.is-star)::after {
  content: "";

  position: absolute;
  inset: 0;

  border-radius: inherit;

  background:
    linear-gradient(
      to top,
      transparent,
      rgba(255, 255, 255, 0.52)
    );

  opacity: 0.56;
  filter: blur(2px);
}

/* =====================================================
   STAR PARTICLE
===================================================== */

.snowflake.is-star {
  top: var(--starTop);
  left: var(--starLeft);

  width: var(--starSize, 4px);
  height: var(--starSize, 4px);

  border-radius: 50%;
  opacity: var(--baseOpacity, 0.62);

  background:
    radial-gradient(
      circle,
      #ffffff 0 18%,
      var(--color, #00f6ff) 38%,
      rgba(0, 246, 255, 0.20) 68%,
      transparent 74%
    );

  box-shadow:
    0 0 4px #ffffff,
    0 0 9px var(--color, #00f6ff),
    0 0 18px rgba(0, 246, 255, 0.42);

  animation:
    tentotoStarTwinkle
    var(--dur, 4s)
    ease-in-out
    var(--delay, 0s)
    infinite
    alternate;
}

/* Cahaya silang */
.snowflake.is-star::before,
.snowflake.is-star::after {
  content: "";

  position: absolute;
  top: 50%;
  left: 50%;

  border-radius: 999px;
  opacity: 0.65;

  transform: translate(-50%, -50%);
}

.snowflake.is-star::before {
  width: calc(var(--starSize, 4px) * 3.2);
  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.85),
      transparent
    );
}

.snowflake.is-star::after {
  width: 1px;
  height: calc(var(--starSize, 4px) * 3.2);

  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(0, 246, 255, 0.82),
      transparent
    );
}

/* =====================================================
   ANIMATIONS
===================================================== */

@keyframes tentotoCometFall {
  0% {
    opacity: 0;

    transform:
      translate3d(0, 0, 0)
      rotate(-45deg)
      scaleY(0.35);
  }

  12% {
    opacity: 0;
  }

  28% {
    opacity: 0.96;
  }

  72% {
    opacity: 0.88;
  }

  100% {
    opacity: 0;

    transform:
      translate3d(125vh, 125vh, 0)
      rotate(-45deg)
      scaleY(1.08);
  }
}

@keyframes tentotoStarTwinkle {
  0% {
    opacity: 0.20;
    filter: brightness(0.78);

    transform:
      scale(0.72)
      rotate(0deg);
  }

  45% {
    opacity: var(--baseOpacity, 0.62);
    filter: brightness(1.05);

    transform:
      scale(1)
      rotate(90deg);
  }

  100% {
    opacity: 1;
    filter: brightness(1.45);

    transform:
      scale(1.42)
      rotate(180deg);
  }
}

/* =====================================================
   MOBILE OPTIMIZATION
===================================================== */

@media (max-width: 600px) {
  .snowflake:not(.is-star) {
    height: calc(var(--len, 110px) * 0.72);
    opacity: 0.78;
  }

  .snowflake.is-star {
    width: calc(var(--starSize, 4px) * 0.82);
    height: calc(var(--starSize, 4px) * 0.82);
  }

  /* Kurangi partikel di mobile */
  .snowflake:nth-child(4n) {
    display: none;
  }
}

/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {
  .snowflake {
    animation: none !important;
  }

  .snowflake:not(.is-star) {
    display: none;
  }

  .snowflake.is-star {
    opacity: 0.42;
  }
}
</style>


<div class="snow-wrap" id="snow" aria-hidden="true">

  <!-- STAR PARTICLES -->

  <span
    class="snowflake is-star"
    style="
      --color:#00f6ff;
      --starTop:71vh;
      --starLeft:83vw;
      --starSize:4px;
      --dur:5.84s;
      --delay:.61s;
      --baseOpacity:.65;
    "
  ></span>

  <span
    class="snowflake is-star"
    style="
      --color:#006cff;
      --starTop:62vh;
      --starLeft:34vw;
      --starSize:5.6px;
      --dur:5.09s;
      --delay:.66s;
      --baseOpacity:.59;
    "
  ></span>

  <span
    class="snowflake is-star"
    style="
      --color:#9fffff;
      --starTop:61vh;
      --starLeft:83vw;
      --starSize:7px;
      --dur:5.79s;
      --delay:2.57s;
      --baseOpacity:.41;
    "
  ></span>

  <span
    class="snowflake is-star"
    style="
      --color:#00bfff;
      --starTop:82vh;
      --starLeft:51vw;
      --starSize:5.1px;
      --dur:4s;
      --delay:1.9s;
      --baseOpacity:.73;
    "
  ></span>

  <span
    class="snowflake is-star"
    style="
      --color:#00f6ff;
      --starTop:63vh;
      --starLeft:10vw;
      --starSize:5.3px;
      --dur:2.75s;
      --delay:2.02s;
      --baseOpacity:.45;
    "
  ></span>

  <span
    class="snowflake is-star"
    style="
      --color:#007bff;
      --starTop:51vh;
      --starLeft:75vw;
      --starSize:5.3px;
      --dur:3.69s;
      --delay:2.43s;
      --baseOpacity:.71;
    "
  ></span>

  <span
    class="snowflake is-star"
    style="
      --color:#9fffff;
      --starTop:22vh;
      --starLeft:62vw;
      --starSize:3.2px;
      --dur:5.39s;
      --delay:2.14s;
      --baseOpacity:.49;
    "
  ></span>

  <span
    class="snowflake is-star"
    style="
      --color:#006cff;
      --starTop:4vh;
      --starLeft:85vw;
      --starSize:4.8px;
      --dur:5.16s;
      --delay:1.79s;
      --baseOpacity:.49;
    "
  ></span>

  <span
    class="snowflake is-star"
    style="
      --color:#00f6ff;
      --starTop:32vh;
      --starLeft:78vw;
      --starSize:5.6px;
      --dur:4.45s;
      --delay:1.22s;
      --baseOpacity:.48;
    "
  ></span>

  <span
    class="snowflake is-star"
    style="
      --color:#005dff;
      --starTop:81vh;
      --starLeft:82vw;
      --starSize:6.2px;
      --dur:5.01s;
      --delay:3.64s;
      --baseOpacity:.59;
    "
  ></span>

  <span
    class="snowflake is-star"
    style="
      --color:#9fffff;
      --starTop:18vh;
      --starLeft:12vw;
      --starSize:4.6px;
      --dur:4.73s;
      --delay:2.76s;
      --baseOpacity:.65;
    "
  ></span>

  <span
    class="snowflake is-star"
    style="
      --color:#00cfff;
      --starTop:48vh;
      --starLeft:36vw;
      --starSize:5.3px;
      --dur:5.74s;
      --delay:2.25s;
      --baseOpacity:.53;
    "
  ></span>

  <span
    class="snowflake is-star"
    style="
      --color:#00f6ff;
      --starTop:66vh;
      --starLeft:98vw;
      --starSize:4.6px;
      --dur:2.25s;
      --delay:1.19s;
      --baseOpacity:.82;
    "
  ></span>

  <span
    class="snowflake is-star"
    style="
      --color:#006cff;
      --starTop:1vh;
      --starLeft:2vw;
      --starSize:6.7px;
      --dur:2.3s;
      --delay:1.24s;
      --baseOpacity:.90;
    "
  ></span>

  <span
    class="snowflake is-star"
    style="
      --color:#9fffff;
      --starTop:24vh;
      --starLeft:35vw;
      --starSize:5.8px;
      --dur:4.14s;
      --delay:1.69s;
      --baseOpacity:.59;
    "
  ></span>

  <span
    class="snowflake is-star"
    style="
      --color:#00aaff;
      --starTop:76vh;
      --starLeft:54vw;
      --starSize:6.5px;
      --dur:4.2s;
      --delay:.48s;
      --baseOpacity:.57;
    "
  ></span>

  <span
    class="snowflake is-star"
    style="
      --color:#00f6ff;
      --starTop:54vh;
      --starLeft:81vw;
      --starSize:4.8px;
      --dur:3.35s;
      --delay:4.2s;
      --baseOpacity:.86;
    "
  ></span>

  <span
    class="snowflake is-star"
    style="
      --color:#006cff;
      --starTop:85vh;
      --starLeft:51vw;
      --starSize:6px;
      --dur:5.01s;
      --delay:.8s;
      --baseOpacity:.41;
    "
  ></span>

  <span
    class="snowflake is-star"
    style="
      --color:#9fffff;
      --starTop:11vh;
      --starLeft:89vw;
      --starSize:3.7px;
      --dur:4.7s;
      --delay:2.4s;
      --baseOpacity:.91;
    "
  ></span>

  <span
    class="snowflake is-star"
    style="
      --color:#00cfff;
      --starTop:50vh;
      --starLeft:3vw;
      --starSize:6.2px;
      --dur:4.73s;
      --delay:2.31s;
      --baseOpacity:.79;
    "
  ></span>

  <!-- COMET PARTICLES -->

  <span
    class="snowflake"
    style="
      --color:#00f6ff;
      --startX:101vw;
      --delay:2.91s;
      --dur:1.52s;
      --len:115px;
      --width:2.1px;
    "
  ></span>

  <span
    class="snowflake"
    style="
      --color:#006cff;
      --startX:79vw;
      --delay:2.33s;
      --dur:2.28s;
      --len:138px;
      --width:2.6px;
    "
  ></span>

  <span
    class="snowflake"
    style="
      --color:#00f6ff;
      --startX:4vw;
      --delay:2.39s;
      --dur:2.15s;
      --len:153px;
      --width:2.6px;
    "
  ></span>

  <span
    class="snowflake"
    style="
      --color:#9fffff;
      --startX:128vw;
      --delay:2.05s;
      --dur:1.65s;
      --len:199px;
      --width:2.2px;
    "
  ></span>

  <span
    class="snowflake"
    style="
      --color:#006cff;
      --startX:12vw;
      --delay:6.8s;
      --dur:1.91s;
      --len:125px;
      --width:3.9px;
    "
  ></span>

  <span
    class="snowflake"
    style="
      --color:#00bfff;
      --startX:45vw;
      --delay:8.76s;
      --dur:1.69s;
      --len:180px;
      --width:3.6px;
    "
  ></span>

  <span
    class="snowflake"
    style="
      --color:#00f6ff;
      --startX:124vw;
      --delay:.29s;
      --dur:2.15s;
      --len:145px;
      --width:2.4px;
    "
  ></span>

  <span
    class="snowflake"
    style="
      --color:#006cff;
      --startX:70vw;
      --delay:.77s;
      --dur:2.14s;
      --len:165px;
      --width:3.3px;
    "
  ></span>

  <span
    class="snowflake"
    style="
      --color:#9fffff;
      --startX:78vw;
      --delay:9.86s;
      --dur:1.82s;
      --len:151px;
      --width:2px;
    "
  ></span>

  <span
    class="snowflake"
    style="
      --color:#00f6ff;
      --startX:118vw;
      --delay:8.05s;
      --dur:1.93s;
      --len:92px;
      --width:2.1px;
    "
  ></span>

  <span
    class="snowflake"
    style="
      --color:#006cff;
      --startX:17vw;
      --delay:1.1s;
      --dur:2.35s;
      --len:161px;
      --width:3.8px;
    "
  ></span>

  <span
    class="snowflake"
    style="
      --color:#00cfff;
      --startX:119vw;
      --delay:4.71s;
      --dur:1.23s;
      --len:115px;
      --width:3.2px;
    "
  ></span>

  <span
    class="snowflake"
    style="
      --color:#006cff;
      --startX:69vw;
      --delay:3.09s;
      --dur:1.9s;
      --len:135px;
      --width:2.9px;
    "
  ></span>

  <span
    class="snowflake"
    style="
      --color:#9fffff;
      --startX:98vw;
      --delay:.83s;
      --dur:2.6s;
      --len:152px;
      --width:2.6px;
    "
  ></span>

  <span
    class="snowflake"
    style="
      --color:#00f6ff;
      --startX:-1vw;
      --delay:3.99s;
      --dur:2.15s;
      --len:118px;
      --width:2.3px;
    "
  ></span>

</div>
<style>
:root {
    --gold: #00f0ff;        /* jadi cyan */
    --gold-light: #8ffbff;  /* cyan terang */
    --red-premium: #2b7bff; /* jadi blue neon */
    --black-matte: #020814; /* dark mecha */
}

/* Container Footer */
.fixed-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: var(--black-matte);
    border-top: 2px solid var(--gold);
}

/* Animasi Gelombang */
.waves {
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: 50px;
    margin-bottom: -7px;
    min-height: 50px;
    max-height: 50px;

    filter:
      drop-shadow(0 0 8px rgba(0,240,255,.35))
      drop-shadow(0 0 18px rgba(43,123,255,.18));
}

.parallax > use {
    animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
    fill: rgba(0,240,255,.55); /* cyan */
}

.parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
    fill: rgba(43,123,255,.45); /* blue */
}

.parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
    fill: rgba(2,8,20,1); /* dark bg */
}

@keyframes move-forever {
    0% { transform: translate3d(-90px, 0, 0); }
    100% { transform: translate3d(85px, 0, 0); }
}

/* Menu Navigasi */
.footer-nav {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10px 5px;
    height: 65px;
    position: relative;
    background: var(--black-matte);
}

.nav-item {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    transition: 0.3s;
}

.nav-item span {
    font-size: 11px;
    color: #dfffff;
    margin-top: 4px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.nav-item i {
    font-size: 20px;
    color: var(--gold);
    text-shadow:
        0 0 10px rgba(0,240,255,.6),
        0 0 20px rgba(43,123,255,.2);
}

/* Khusus Tombol Daftar/Login */
.nav-item.highlight span {
    color: var(--gold-light);
}

/* Hover */
.nav-item:hover {
    transform: translateY(-3px);
}

.nav-item:hover i {
    color: #ffffff;
    text-shadow:
        0 0 14px rgba(0,240,255,.8),
        0 0 28px rgba(43,123,255,.3);
}

/* Responsive */
@media (max-width: 480px) {
    .nav-item span { font-size: 9px; }
    .nav-item i { font-size: 18px; }
    .waves { height: 30px; top: -30px; }
}
</style>
<br>
<br>
    <div class="fixed-footer">
    <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
    viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
        <defs>
            <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
        </defs>
        <g class="parallax">
            <use xlink:href="#gentle-wave" x="48" y="0" />
            <use xlink:href="#gentle-wave" x="48" y="3" />
            <use xlink:href="#gentle-wave" x="48" y="7" />
        </g>
    </svg>

    <nav class="footer-nav">
        <a href="https://southbound-one.vercel.app/" class="nav-item">
            <i class="fas fa-home"></i>
            <span>Home</span>
        </a>
        <a href="https://southbound-one.vercel.app/" class="nav-item">
            <i class="fas fa-sign-in-alt"></i>
            <span>Login</span>
        </a>
        <a href="https://southbound-one.vercel.app/" class="nav-item highlight">
            <i class="fas fa-user-plus" style="color: #004cff;"></i>
            <span>Daftar</span>
        </a>
        <a href="https://southbound-one.vercel.app/" class="nav-item">
            <i class="fab fa-whatsapp"></i>
            <span>WhatsApp</span>
        </a>
        <a href="https://southbound-one.vercel.app/" class="nav-item">
            <i class="fas fa-comments"></i>
            <span>Livechat</span>
        </a>
    </nav>
</div>
	<script src="https://public-assets.envato-static.com/assets/market/core/index-515ff232879dfbbaa94905e89755fb9fa26dd2d03f364f793d7e48fc6d823383.js" nonce="3SdsM51zq6HMsh90cibjhg=="></script>
	<script src="https://public-assets.envato-static.com/assets/market/pages/default/index-08e341d8b70bd46f4965b6df1287587f719d9d010bd1b68340fbd570b44fb255.js" nonce="3SdsM51zq6HMsh90cibjhg=="></script>
	<div id="affiliate-tracker" class="is-hidden" data-view="affiliatesTracker" data-cookiebot-enabled="true"></div>
	<script src="https://public-assets.envato-static.com/assets/market/core/lazyload-ae332e0dd397f0cc6fadee81ac5af6d0b89f34cde1e7d3eb0050bbb46dcb66ac.js" crossorigin="anonymous" nonce="3SdsM51zq6HMsh90cibjhg==" integrity="sha256-kZbeWFIbPduAgmRs+dL1/IhnHN2bj/m8Uio2IDOnXdA="></script>
	
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"e697b8d6e831454fb22aa36535cb4cba","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v67327c56f0bb4ef8b305cae61679db8f1769101564043" integrity="sha512-rdcWY47ByXd76cbCFzznIcEaCN71jqkWBBqlwhF1SY7KubdLKZiEGeP7AyieKZlGP9hbY/MhGrwXzJC/HulNyg==" data-cf-beacon='{"version":"2024.11.0","token":"dbb1d1d83cd14b85a45044e2985f9046","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"28e2e98b7af647ac926f169df740dd74","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"28e2e98b7af647ac926f169df740dd74","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
	
	</html>