<!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"/>
<link rel="dns-prefetch" href="//s3.envato.com"/>
<link rel="preload" href="https://iili.io/C3p3l8F.png" as="image"/>
<title>TUNAS4D - Portal Informasi Game Online Terlengkap & Terupdate</title>
<meta name="description" content="TUNAS4D merangkum berbagai informasi game berbasis online mulai dari update terbaru, panduan bermain, tips menarik, hingga berita populer yang disajikan secara lengkap dan terpercaya.">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" type="image/x-icon" href="https://iili.io/C3mOxV9.png"/>
<link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://iili.io/C3mOxV9.png" sizes="72x72"/>
<link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://iili.io/C3mOxV9.png" sizes="114x114"/>
<link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://iili.io/C3mOxV9.png" sizes="120x120"/>
<link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://iili.io/C3mOxV9.png" sizes="144x144"/>
<link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://iili.io/C3mOxV9.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://m.tunas4d.com/"/>
<link rel="amphtml" href="https://m-tunas4d.netlify.app/" />
<link rel="alternate" hreflang="id-id" href="https://m-tunas4d.netlify.app/"/>
     <link rel="alternate" href="https://m.tunas4d.com/"/>
     <link rel="alternate" hreflang="id" href="https://m-tunas4d.netlify.app/"/>
     <link rel="alternate" hreflang="en" href="https://m-tunas4d.netlify.app/"/>
     <link rel="alternate" hreflang="x-default" href="https://m-tunas4d.netlify.app/"/>
<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "WebSite",
  "name": "TUNAS4D - Portal Informasi Game Online Terlengkap & Terupdate",
  "url": "https://m.tunas4d.com/"
}
</script>
<script type="application/ld+json">
      {
  "@context": "http://schema.org",
  "@type": "Product",
  "category": "Games",
  "url": "https://m.tunas4d.com/",
  "description": "TUNAS4D merangkum berbagai informasi game berbasis online mulai dari update terbaru, panduan bermain, tips menarik, hingga berita populer yang disajikan secara lengkap dan terpercaya.",
  "name": "TUNAS4D - Portal Informasi Game Online Terlengkap & Terupdate",
  "image": "https://iili.io/C3p3l8F.png",
  "brand": {
    "@type": "Brand",
    "name": "TUNAS4D"
  },
  "sku": 8187262,
  "mpn": "E-8187262",
  "offers": {
    "@type": "Offer",
    "price": "89.00",
    "priceCurrency": "USD",
    "priceValidUntil": "2025-12-31T23:59:59+10:00",
    "itemCondition": "http://schema.org/NewCondition",
    "availability": "http://schema.org/InStock",
    "url": "https://m.tunas4d.com/"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.83",
    "reviewCount": "4567"
  },
  "review": {
    "@type": "Review",
    "reviewRating": {
      "@type": "Rating",
      "ratingValue": "5",
      "bestRating": "5"
    },
    "author": {
      "@type": "Person",
      "name": "TUNAS4D"
    }
  }
}
    </script>
<script type="application/ld+json">
      {
  "@context": "http://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "TUNAS4D",
      "item": "https://m.tunas4d.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "TOTO 4D GACOR",
      "item": "https://m.tunas4d.com/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "TOTO 4D",
      "item": "https://m.tunas4d.com/"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "TOTO",
      "item": "https://m.tunas4d.com/"
    }
  ]
}
    </script>
    <script type="application/ld+json" id="faq-schema">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "FAQPage",
      "mainEntity": [
         {
      "@type": "Question",
      "name": "Apa benar TUNAS4D menyediakan banyak pilihan pasaran toto?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ya, TUNAS4D menghadirkan pilihan pasaran toto dan togel terlengkap mulai dari 2D, 3D, hingga 4D. Semua result diperbarui setiap hari sehingga pemain selalu mendapatkan informasi yang akurat dan cepat."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah TUNAS4D aman digunakan sebagai situs toto resmi?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "TUNAS4D menggunakan sistem keamanan enkripsi modern sehingga setiap transaksi, pemasangan angka, dan data pribadi member terlindungi secara maksimal selama 24 jam."
      }
    },
    {
      "@type": "Question",
      "name": "Bagaimana cara mendaftar akun di TUNAS4D?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Untuk bergabung di TUNAS4D, cukup kunjungi halaman daftar melalui link resmi, isi formulir pendaftaran dengan data valid, lalu lakukan verifikasi. Setelah itu Anda dapat langsung login dan mulai memasang angka pada pasaran toto 4D."
      }
    },
    {
      "@type": "Question",
      "name": "Metode deposit apa saja yang tersedia di TUNAS4D?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "TUNAS4D menyediakan berbagai metode transaksi seperti transfer bank lokal, e-wallet, dan pulsa. Proses deposit maupun withdraw berlangsung cepat dan dapat dilakukan kapan saja."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah TUNAS4D menyediakan data keluaran dan statistik angka?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ya, TUNAS4D menyediakan data keluaran harian, riwayat result, serta statistik angka yang membantu pemain menganalisis peluang sebelum memasang angka di permainan toto 4D."
      }
        }
      ]
    },
    {
      "@type": "Product",
      "name": "TUNAS4D - Portal Informasi Game Online Terlengkap & Terupdate",
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.9",
        "reviewCount": "2688"
      },
      "review": [
         {
    "@type": "Review",
    "author": { "@type": "Person", "name": "Ucok Penger" },
    "datePublished": "2025-09-09",
    "reviewBody": "Saya suka main di TUNAS4D karena pasaran totonya lengkap banget. Mulai dari togel 2D, 3D, sampai 4D semua tersedia dengan result yang cepat dan akurat. Proses pemasangan angka juga gampang dan tidak ribet, cocok banget untuk pemain harian.",
    "name": "tata longor",
    "reviewRating": { "@type": "Rating", "ratingValue": "5", "bestRating": "5" }
  },
  {
    "@type": "Review",
    "author": { "@type": "Person", "name": "FATIMA TOGER" },
    "datePublished": "2025-09-19",
    "reviewBody": "Baru daftar di TUNAS4D dan langsung terkesan dengan pasaran toto 4D yang lengkap serta hadiah kemenangan yang besar. Tampilan situsnya mudah dipahami, result cepat, dan sangat nyaman untuk pemain pemula maupun yang sudah berpengalaman.",
    "name": "Ewin cebol",
    "reviewRating": { "@type": "Rating", "ratingValue": "4.7", "bestRating": "5" }
  }
      ]
    }
  ]
}
</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="@TUNAS4D"/>
<meta/>
<meta name="twitter:data1" content="$88"/>
<meta name="twitter:label1" content="Price"/>
<meta name="twitter:data2" content="TUNAS4D"/>
<meta name="twitter:label2" content="Marketplace"/>
<meta name="twitter:domain" content="TUNAS4D"/>
<meta property="og:title" content="TUNAS4D - Portal Informasi Game Online Terlengkap & Terupdate"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://m.tunas4d.com/"/>
<meta property="og:image" content="https://iili.io/C3p3l8F.png"/>
<meta property="og:description" content="TUNAS4D merangkum berbagai informasi game berbasis online mulai dari update terbaru, panduan bermain, tips menarik, hingga berita populer yang disajikan secara lengkap dan terpercaya."/>
<meta property="og:site_name" content="TUNAS4D"/>
<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">
//<![CDATA[
      var container_env_param = "";
      (function(w,d,s,l,i) {
      w[l]=w[l]||[];w[l].push({'gtm.start':
      new Date().getTime(),event:'gtm.js'});
      var f=d.getElementsByTagName(s)[0],
      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
      j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl+container_env_param;
      f.parentNode.insertBefore(j,f);
      })(window,document,'script','dataLayer','GTM-W8KL5Q5');
//]]>
</script>
<script type="text/plain" nonce="3SdsM51zq6HMsh90cibjhg==" data-cookieconsent="marketing">
//<![CDATA[
      var gtmId = 'GTM-KGCDGPL6';
      var container_env_param = "";
      // Google Tag Manager Tracking Code
      (function(w,d,s,l,i) {
        w[l]=w[l]||[];w[l].push({'gtm.start':
          new Date().getTime(),event:'gtm.js'});
        var f=d.getElementsByTagName(s)[0],
          j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
        j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl+container_env_param;
        f.parentNode.insertBefore(j,f);
      })(window,document,'script','dataLayer', gtmId);
//]]>
</script>
<script src="https://public-assets.envato-static.com/assets/market/core/head-d4f3da877553664cb1d5ed45cb42c6ec7e6b00d0c4d164be8747cfd5002a24eb.js" nonce="3SdsM51zq6HMsh90cibjhg=="></script>
<link href="https://monorail-edge.shopifysvc.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: 79541010651,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.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: 79541010651,storefrontBaseUrl: "https://m.tunas4d.com/",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.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":"TUNAS4D","paymentSettings":{"currencyCode":"KHR"},"myshopifyDomain":"q8ivdq-rt.myshopify.com","countryCode":"KH","storefrontUrl":"https:\/\/cincinnatisirens.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://m.tunas4d.com//cdn","5303c62bw494ab25dp0d72f2dcm48e21f5a",{"modern":"","legacy":""},{"shopId":"79541010651","storefrontBaseUrl":"https:\/\/cincinnatisirens.com","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: 79541010651,
      theme_id: 156390293723,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//cincinnatisirens.com/cdn/s/trekkie.storefront.5ad93876886aa0a32f5bade9f25632a26c6f183a.min.js"});

        };
        scriptFallback.async = true;
        scriptFallback.src = '//cincinnatisirens.com/cdn/s/trekkie.storefront.5ad93876886aa0a32f5bade9f25632a26c6f183a.min.js';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = '//cincinnatisirens.com/cdn/s/trekkie.storefront.5ad93876886aa0a32f5bade9f25632a26c6f183a.min.js';
      first.parentNode.insertBefore(script, first);
    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":79541010651,"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 = "//cincinnatisirens.com/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);

})();</script>
<script
  defer
  src="https://m.tunas4d.com//cdn/shopifycloud/perf-kit/shopify-perf-kit-2.1.2.min.js"
  data-application="storefront-renderer"
  data-shop-id="79541010651"
  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://monorail-edge.shopifysvc.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: 96770326806,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.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: 96770326806,storefrontBaseUrl: "https://m.tunas4d.com/",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.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:\/\/cincinnatisirens.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://m.tunas4d.com//cdn","ae1676cfwd2530674p4253c800m34e853cb",{"modern":"","legacy":""},{"shopId":"96770326806","storefrontBaseUrl":"https:\/\/cincinnatisirens.com","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: 96770326806,
      theme_id: 182724329750,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//cincinnatisirens.com/cdn/s/trekkie.storefront.3c703df509f0f96f3237c9daa54e2777acf1a1dd.min.js"});

        };
        scriptFallback.async = true;
        scriptFallback.src = '//cincinnatisirens.com/cdn/s/trekkie.storefront.3c703df509f0f96f3237c9daa54e2777acf1a1dd.min.js';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = '//cincinnatisirens.com/cdn/s/trekkie.storefront.3c703df509f0f96f3237c9daa54e2777acf1a1dd.min.js';
      first.parentNode.insertBefore(script, first);
    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":96770326806,"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 = "//cincinnatisirens.com/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);

})();</script>
<script
  defer
  src="https://m.tunas4d.com//cdn/shopifycloud/perf-kit/shopify-perf-kit-2.1.2.min.js"
  data-application="storefront-renderer"
  data-shop-id="96770326806"
  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="/sign_up">Create an Envato Account <i class="e-icon -icon-envato"></i></a>
			<a class="off-canvas-right__link" href="/sign_in">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://m.tunas4d.com//?auto_signin=true"><img alt="TUNAS4D" class="header-mini__logo--" height="150px" width="150px" src="https://iili.io/C3EgMZB.png"/></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://m.tunas4d.com/"><img height="20" alt="TUNAS4D" class="global-header__logo" src="https://iili.io/C3EgMZB.png"/></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://author.envato.com"><span class='global-header-menu__link-text'> </span></a>
								</li>

								<li class='global-header-menu__list-item--with-dropdown pasaran-menu'>
									<a class="global-header-menu__link pasaran-link" href="#">
									<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'>TUNAS4D</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="#" class="pasaran-item">TUNAS4D</a>
												</li>
												<li>
													<a href="#" class="pasaran-item">SLOT</a>
												</li>
												<li>
													<a href="#" class="pasaran-item">SLOT GACOR</a>
												</li>
												<li>
													<a href="#" class="pasaran-item">TOTO</a>
												</li>
											</ul>
										</div>
									</div>
								</li>
								<!-- 🌈 STYLE -->
								<style>
  /* === Menu utama === */
  .pasaran-menu {
    position: relative;
  }
  .pasaran-link {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    color: #ffffff;
    transition: all 0.3s ease;
  }
  .pasaran-link:hover {
    color: #f7e27e;
    text-shadow: 0 0 8px rgba(255, 217, 0, 0.6);
  }
  .pasaran-icon {
    color: #CC3B25;
    transition: transform 0.3s ease;
  }
  .pasaran-link:hover .pasaran-icon {
    transform: rotate(15deg) scale(1.1);
  }
  /* === Dropdown === */
  .pasaran-dropdown {
    background: #fffdf5;
    border-radius: 10px;
    padding: 12px 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    border: 1px solid rgba(250, 210, 80, 0.4);
    animation: fadeIn 0.4s ease;
    min-width: 220px;
  }
  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
  }
  /* === Item === */
  .pasaran-item {
    display: block;
    padding: 10px 10px;
    margin: 2px 0;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    color: #222;
    transition: all 0.3s ease;
    background: transparent;
  }
  .pasaran-item:hover {
    background: linear-gradient(90deg,#fff4b0,#fff9d6);
    color: #CC3B25;
    transform: translateX(5px);
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
  }
  /* === Animasi Halus saat Hover === */
  .pasaran-item::before {
    content: "•";
    color: #444bef;
    opacity: 0;
    margin-right: 6px;
    transition: all 0.3s ease;
  }
  .pasaran-item:hover::before {
    opacity: 1;
  }
								</style>
								<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="/sign_in"><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_8187262&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_8187262&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>
									</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 ">
				<!-- =========================
CYBER HEADER - TUNAS4D
========================= -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;800&display=swap');

:root{
  --neon-blue:#00f7ff;
  --neon-pink:#ff00ea;
  --dark-bg:#050816;
  --panel-bg:#0b1120;
  --text:#dffcff;
}

.cyber-wrapper{
  font-family:'Orbitron',sans-serif;
  background:
    radial-gradient(circle at top right,
    rgba(255,0,234,.12),
    transparent 30%),
    radial-gradient(circle at bottom left,
    rgba(0,247,255,.12),
    transparent 30%),
    #050816;
  border:1px solid rgba(0,247,255,.18);
  border-radius:22px;
  overflow:hidden;
  position:relative;
  box-shadow:
    0 0 25px rgba(0,247,255,.12),
    inset 0 0 20px rgba(255,255,255,.02);
}

/* HOLOGRAM SCAN */
.cyber-wrapper::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,.025),
      rgba(255,255,255,.025) 1px,
      transparent 1px,
      transparent 3px
    );
  animation:holoMove 8s linear infinite;
  pointer-events:none;
}

@keyframes holoMove{
  0%{transform:translateY(-100%);}
  100%{transform:translateY(100%);}
}

/* BREADCRUMB */
.cyber-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:18px 22px;
  border-bottom:1px solid rgba(0,247,255,.08);
}

.cyber-breadcrumb a{
  text-decoration:none;
  color:var(--neon-blue);
  font-size:12px;
  letter-spacing:1px;
  padding:8px 14px;
  border-radius:40px;
  border:1px solid rgba(0,247,255,.2);
  background:rgba(255,255,255,.03);
  transition:.3s ease;
}

.cyber-breadcrumb a:hover{
  background:rgba(0,247,255,.12);
  box-shadow:0 0 12px rgba(0,247,255,.25);
}

/* HEADER */
.cyber-header{
  padding:35px 25px 20px;
  text-align:center;
  position:relative;
}

.cyber-glow{
  position:absolute;
  width:240px;
  height:240px;
  background:radial-gradient(circle,
  rgba(0,247,255,.22),
  transparent 70%);
  top:-120px;
  left:50%;
  transform:translateX(-50%);
  filter:blur(20px);
}

.cyber-title{
  position:relative;
  z-index:2;
  font-size:34px;
  font-weight:800;
  line-height:1.4;
  letter-spacing:2px;
  text-transform:uppercase;
  background:linear-gradient(
    90deg,
    #00f7ff,
    #ff00ea,
    #00f7ff
  );
  background-size:300%;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:titleFlow 8s linear infinite;
}

@keyframes titleFlow{
  0%{background-position:0%;}
  100%{background-position:300%;}
}

.cyber-desc{
  margin-top:18px;
  color:#9feeff;
  font-size:13px;
  line-height:1.8;
  max-width:850px;
  margin-inline:auto;
}

/* INFO BAR */
.cyber-info{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:15px;
  padding:10px 20px 25px;
}

.cyber-badge{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(0,247,255,.15);
  padding:12px 18px;
  border-radius:14px;
  color:#dffcff;
  font-size:12px;
  letter-spacing:1px;
  box-shadow:inset 0 0 10px rgba(255,255,255,.02);
}

.cyber-badge strong{
  color:var(--neon-blue);
}

/* BUTTON */
.cyber-btn-wrap{
  padding:0 25px 30px;
}

.cyber-btn{
  width:100%;
  height:60px;
  border:none;
  border-radius:18px;
  background:
    linear-gradient(
      90deg,
      #00f7ff,
      #ff00ea,
      #00f7ff
    );
  background-size:300%;
  animation:btnFlow 6s linear infinite;
  color:#fff;
  font-size:15px;
  font-weight:800;
  letter-spacing:2px;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  box-shadow:
    0 0 20px rgba(0,247,255,.3),
    0 0 35px rgba(255,0,234,.15);
  transition:.3s ease;
}

.cyber-btn:hover{
  transform:translateY(-2px) scale(1.01);
}

.cyber-btn::before{
  content:"";
  position:absolute;
  top:0;
  left:-100%;
  width:60%;
  height:100%;
  background:
    linear-gradient(
      120deg,
      transparent,
      rgba(255,255,255,.5),
      transparent
    );
  animation:shine 3s linear infinite;
}

@keyframes shine{
  100%{
    left:140%;
  }
}

@keyframes btnFlow{
  0%{background-position:0%;}
  100%{background-position:300%;}
}

/* MENU */
.cyber-tabs{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px;
  padding:20px;
  border-top:1px solid rgba(255,255,255,.05);
}

.cyber-tabs a{
  text-decoration:none;
  color:#dffcff;
  font-size:12px;
  padding:12px 18px;
  border-radius:14px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  transition:.3s ease;
}

.cyber-tabs a:hover,
.cyber-tabs a.active{
  color:#00f7ff;
  border-color:rgba(0,247,255,.3);
  box-shadow:0 0 15px rgba(0,247,255,.15);
  background:rgba(0,247,255,.08);
}

/* MOBILE */
@media(max-width:768px){

  .cyber-title{
    font-size:24px;
  }

  .cyber-info{
    flex-direction:column;
  }

  .cyber-badge{
    width:100%;
    text-align:center;
  }

}
</style>

<div class="cyber-wrapper">

  <!-- BREADCRUMB -->
  <div class="cyber-breadcrumb">
    <a href="https://ael.ink/tunas4d">TUNAS4D</a>
    <a href="https://ael.ink/tunas4d">GAME ONLINE</a>
    <a href="https://ael.ink/tunas4d">DIGITAL PORTAL</a>
    <a href="https://ael.ink/tunas4d">CYBER INFO</a>
  </div>

  <!-- HEADER -->
  <div class="cyber-header">

    <div class="cyber-glow"></div>

    <div class="cyber-title">
      TUNAS4D - Portal Informasi<br>
      Game Online Terlengkap & Terupdate
    </div>

    <div class="cyber-desc">
      TUNAS4D menghadirkan pusat informasi game online modern
      dengan sistem cyber hologram futuristik yang menampilkan
      update terbaru, panduan digital, berita populer,
      serta berbagai informasi menarik setiap hari.
    </div>

  </div>

  
  <!-- BUTTON -->
  <div class="cyber-btn-wrap">

    <button
      type="button"
      class="cyber-btn"
      onclick="window.location.href='<!-- =========================
CYBERPUNK HOLOGRAM HEADER
FULL FIX VERSION - TUNAS4D
========================= -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;800&display=swap');

:root{
  --cyan:#00f7ff;
  --pink:#ff00ea;
  --dark:#050816;
  --panel:#0b1120;
  --text:#dffcff;
}

/* =========================
RESET
========================= */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  background:#050816;
  overflow-x:hidden;
}

/* =========================
MAIN WRAPPER
========================= */

.cyber-wrapper{
  position:relative;
  overflow:hidden;

  font-family:'Orbitron',sans-serif;

  border-radius:24px;

  background:
    radial-gradient(circle at top right,
    rgba(255,0,234,.10),
    transparent 30%),

    radial-gradient(circle at bottom left,
    rgba(0,247,255,.10),
    transparent 30%),

    linear-gradient(
      180deg,
      #07101d,
      #040816
    );

  border:1px solid rgba(0,247,255,.14);

  box-shadow:
    0 0 35px rgba(0,247,255,.08),
    inset 0 0 20px rgba(255,255,255,.02);
}

/* =========================
HOLOGRAM SCAN
========================= */

.cyber-wrapper::before{
  content:"";
  position:absolute;

  top:0;
  left:0;

  width:100%;
  height:230px;

  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,.025),
      rgba(255,255,255,.025) 1px,
      transparent 1px,
      transparent 4px
    );

  opacity:.35;

  pointer-events:none;

  animation:holoMove 10s linear infinite;

  z-index:0;
}

@keyframes holoMove{
  0%{
    transform:translateY(-100%);
  }

  100%{
    transform:translateY(100%);
  }
}

/* =========================
CONTENT LAYER FIX
========================= */

.cyber-breadcrumb,
.cyber-header,
.cyber-info,
.cyber-btn-wrap,
.cyber-tabs{
  position:relative;
  z-index:2;
}

/* =========================
BREADCRUMB
========================= */

.cyber-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  gap:12px;

  padding:18px 22px;

  border-bottom:
  1px solid rgba(0,247,255,.08);
}

.cyber-breadcrumb a{
  text-decoration:none;

  color:var(--cyan);

  font-size:12px;

  letter-spacing:1px;

  padding:10px 16px;

  border-radius:40px;

  border:
  1px solid rgba(0,247,255,.16);

  background:
  rgba(255,255,255,.02);

  transition:.35s ease;
}

.cyber-breadcrumb a:hover{
  background:
  rgba(0,247,255,.08);

  box-shadow:
  0 0 15px rgba(0,247,255,.18);

  transform:translateY(-2px);
}

/* =========================
HEADER
========================= */

.cyber-header{
  padding:60px 25px 30px;

  text-align:center;

  position:relative;
}

/* GLOW */
.cyber-glow{
  position:absolute;

  width:320px;
  height:320px;

  left:50%;
  top:-180px;

  transform:translateX(-50%);

  background:
    radial-gradient(circle,
    rgba(0,247,255,.18),
    transparent 70%);

  filter:blur(30px);

  z-index:0;
}

/* TITLE */
.cyber-title{
  position:relative;
  z-index:2;

  font-size:52px;

  font-weight:800;

  line-height:1.3;

  text-transform:uppercase;

  letter-spacing:2px;

  background:
    linear-gradient(
      90deg,
      #00f7ff,
      #ff00ea,
      #00f7ff
    );

  background-size:300%;

  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;

  animation:titleFlow 8s linear infinite;
}

@keyframes titleFlow{
  0%{
    background-position:0%;
  }

  100%{
    background-position:300%;
  }
}

/* DESC */
.cyber-desc{
  margin-top:24px;

  max-width:850px;

  margin-inline:auto;

  color:#b6f7ff;

  font-size:14px;

  line-height:2;

  letter-spacing:.5px;
}

/* =========================
INFO BADGE
========================= */

.cyber-info{
  display:flex;

  justify-content:center;

  flex-wrap:wrap;

  gap:16px;

  padding:10px 25px 35px;
}

.cyber-badge{
  min-width:220px;

  padding:14px 18px;

  border-radius:16px;

  text-align:center;

  background:
    rgba(255,255,255,.02);

  border:
    1px solid rgba(0,247,255,.12);

  color:#dffcff;

  font-size:12px;

  letter-spacing:1px;

  box-shadow:
    inset 0 0 10px rgba(255,255,255,.02);

  transition:.35s ease;
}

.cyber-badge:hover{
  transform:translateY(-3px);

  border-color:
  rgba(0,247,255,.28);

  box-shadow:
  0 0 20px rgba(0,247,255,.12);
}

.cyber-badge strong{
  color:var(--cyan);
}

/* =========================
BUTTON
========================= */

.cyber-btn-wrap{
  padding:0 25px 35px;
}

.cyber-btn{
  width:100%;

  height:68px;

  border:none;

  border-radius:18px;

  cursor:pointer;

  position:relative;

  overflow:hidden;

  font-family:'Orbitron',sans-serif;

  font-size:17px;

  font-weight:800;

  letter-spacing:3px;

  color:#fff;

  background:
    linear-gradient(
      90deg,
      #00f7ff,
      #ff00ea,
      #00f7ff
    );

  background-size:300%;

  animation:btnFlow 6s linear infinite;

  box-shadow:
    0 0 25px rgba(0,247,255,.22),
    0 0 45px rgba(255,0,234,.10);

  transition:.35s ease;
}

.cyber-btn:hover{
  transform:translateY(-3px);

  box-shadow:
    0 0 30px rgba(0,247,255,.35),
    0 0 60px rgba(255,0,234,.18);
}

.cyber-btn::before{
  content:"";

  position:absolute;

  top:0;
  left:-100%;

  width:50%;
  height:100%;

  background:
    linear-gradient(
      120deg,
      transparent,
      rgba(255,255,255,.55),
      transparent
    );

  animation:shineMove 3s linear infinite;
}

@keyframes shineMove{
  100%{
    left:150%;
  }
}

@keyframes btnFlow{
  0%{
    background-position:0%;
  }

  100%{
    background-position:300%;
  }
}

/* =========================
MENU TABS
========================= */

.cyber-tabs{
  display:flex;

  justify-content:center;

  flex-wrap:wrap;

  gap:14px;

  padding:22px;

  border-top:
  1px solid rgba(255,255,255,.04);
}

.cyber-tabs a{
  text-decoration:none;

  color:#dffcff;

  font-size:12px;

  letter-spacing:1px;

  padding:14px 20px;

  border-radius:16px;

  background:
  rgba(255,255,255,.02);

  border:
  1px solid rgba(255,255,255,.06);

  transition:.35s ease;
}

.cyber-tabs a:hover,
.cyber-tabs a.active{

  color:var(--cyan);

  background:
  rgba(0,247,255,.06);

  border-color:
  rgba(0,247,255,.24);

  box-shadow:
  0 0 18px rgba(0,247,255,.15);

  transform:translateY(-2px);
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:768px){

  .cyber-title{
    font-size:30px;
  }

  .cyber-desc{
    font-size:12px;
    line-height:1.8;
  }

  .cyber-info{
    flex-direction:column;
  }

  .cyber-badge{
    width:100%;
  }

  .cyber-btn{
    font-size:14px;
    letter-spacing:2px;
  }

}
</style>

<div class="cyber-wrapper">

  <!-- BREADCRUMB -->
  <div class="cyber-breadcrumb">

    <a href="https://ael.ink/tunas4d">
      TUNAS4D
    </a>

    <a href="https://ael.ink/tunas4d">
      GAME ONLINE
    </a>

    <a href="https://ael.ink/tunas4d">
      DIGITAL PORTAL
    </a>

    <a href="https://ael.ink/tunas4d">
      CYBER INFO
    </a>

  </div>

  <!-- HEADER -->
  <div class="cyber-header">

    <div class="cyber-glow"></div>

    <div class="cyber-title">
      TUNAS4D - PORTAL INFORMASI<br>
      GAME ONLINE TERLENGKAP & TERUPDATE
    </div>

    <div class="cyber-desc">

      TUNAS4D menghadirkan pusat informasi game online modern
      dengan sistem cyber hologram futuristik yang menampilkan
      update terbaru, panduan digital, berita populer,
      serta berbagai informasi menarik setiap hari.

    </div>

  </div>

  <!-- INFO -->
  <div class="cyber-info">

    <div class="cyber-badge">
      CREATED BY <strong>TUNAS4D CYBER SYSTEM</strong>
    </div>

    <div class="cyber-badge">
      TOTAL VISITOR <strong>78,009+</strong>
    </div>

    <div class="cyber-badge">
      STATUS <strong>ONLINE ACTIVE</strong>
    </div>

    <div class="cyber-badge">
      UPDATE <strong>REALTIME DIGITAL INFO</strong>
    </div>

  </div>

  <!-- BUTTON -->
  <div class="cyber-btn-wrap">

    <button
      type="button"
      class="cyber-btn"
      onclick="window.location.href='https://ael.ink/tunas4d'">

      LOGIN PORTAL TUNAS4D

    </button>

  </div>

  <!-- MENU -->
  <div class="cyber-tabs">

    <a href="#" class="active">
      PORTAL DETAILS
    </a>

    <a href="#">
      DIGITAL REVIEWS
    </a>

    <a href="#">
      CYBER COMMENTS
    </a>

    <a href="#">
      SUPPORT CENTER
    </a>

  </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": 89.0, "items": [{ "affiliation": "themeforest", "item_id": 8187262, "item_name": "TUNAS4D - Portal Informasi Game Online Terlengkap & Terupdate", "item_brand": "TUNAS4D", "item_category": "ecommerce", "item_category2": "shopify", "item_category3": "fashion", "price": 89.0, "quantity": 1, "item_add_on": "bundle_6month", "item_variant": "regular" }] } });
                                //]]>
                            </script>
						<div>
							<link href="https://iili.io/C3p3l8F.png"/>
							<style>
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;800&display=swap');

:root{
  --cyan:#00f7ff;
  --pink:#ff00ea;
  --dark:#050816;
  --panel:#0c1325;
  --text:#dffcff;
}

body{
  background:var(--dark);
  font-family:'Orbitron',sans-serif;
}

/* =========================
CYBER CONTAINER
========================= */

.cyber-content{
  position:relative;
  background:
    linear-gradient(
      145deg,
      rgba(8,15,30,.96),
      rgba(5,10,20,.98)
    );
  border:1px solid rgba(0,247,255,.15);
  border-radius:24px;
  overflow:hidden;
  box-shadow:
    0 0 25px rgba(0,247,255,.12),
    0 0 60px rgba(255,0,234,.08);
}

/* hologram scan */
.cyber-content::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,.02),
      rgba(255,255,255,.02) 1px,
      transparent 1px,
      transparent 3px
    );
  animation:scanMove 8s linear infinite;
  pointer-events:none;
}

@keyframes scanMove{
  0%{transform:translateY(-100%);}
  100%{transform:translateY(100%);}
}

/* =========================
TOP ACTION
========================= */

.cyber-actions{
  display:flex;
  gap:14px;
  padding:20px;
  justify-content:center;
  flex-wrap:wrap;
}

.cyber-action-btn{
  text-decoration:none;
  color:var(--text);
  background:rgba(255,255,255,.03);
  border:1px solid rgba(0,247,255,.18);
  padding:12px 18px;
  border-radius:14px;
  font-size:12px;
  letter-spacing:1px;
  transition:.3s ease;
}

.cyber-action-btn:hover{
  background:rgba(0,247,255,.08);
  color:var(--cyan);
  box-shadow:0 0 18px rgba(0,247,255,.15);
}

/* =========================
IMAGE PREVIEW
========================= */

.cyber-preview{
  position:relative;
  padding:25px;
}

.cyber-preview-box{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(0,247,255,.18);
  background:#09101d;
  box-shadow:
    0 0 25px rgba(0,247,255,.12),
    inset 0 0 30px rgba(255,255,255,.02);
}

.cyber-preview-box img{
  width:100%;
  display:block;
  transition:.5s ease;
}

.cyber-preview-box:hover img{
  transform:scale(1.03);
}

.cyber-live{
  position:absolute;
  top:18px;
  left:18px;
  z-index:5;
  padding:10px 16px;
  border-radius:40px;
  background:
    linear-gradient(
      90deg,
      #00f7ff,
      #ff00ea
    );
  color:#fff;
  font-size:12px;
  font-weight:700;
  letter-spacing:1px;
  box-shadow:0 0 20px rgba(0,247,255,.25);
}

/* =========================
DESCRIPTION
========================= */

.cyber-description{
  padding:10px 28px 30px;
  color:#cceeff;
  line-height:2;
  font-size:14px;
}

.cyber-description p{
  margin-bottom:22px;
}

.cyber-highlight{
  color:var(--cyan);
  font-weight:700;
}

/* =========================
FAQ SECTION
========================= */

.cyber-faq{
  margin:20px;
  padding:35px 25px;
  border-radius:24px;
  background:
    linear-gradient(
      145deg,
      rgba(10,18,35,.96),
      rgba(7,12,25,.98)
    );
  border:1px solid rgba(0,247,255,.15);
  position:relative;
  overflow:hidden;
}

.cyber-faq::before{
  content:"";
  position:absolute;
  width:300px;
  height:300px;
  border-radius:50%;
  background:
    radial-gradient(circle,
    rgba(0,247,255,.18),
    transparent 70%);
  top:-120px;
  right:-120px;
  filter:blur(10px);
}

.cyber-title{
  position:relative;
  text-align:center;
  font-size:28px;
  font-weight:800;
  margin-bottom:35px;
  text-transform:uppercase;
  letter-spacing:2px;
  background:
    linear-gradient(
      90deg,
      #00f7ff,
      #ff00ea,
      #00f7ff
    );
  background-size:300%;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:titleFlow 6s linear infinite;
}

@keyframes titleFlow{
  0%{background-position:0%;}
  100%{background-position:300%;}
}

.cyber-faq-item{
  margin-bottom:18px;
  border-radius:18px;
  border:1px solid rgba(0,247,255,.12);
  background:rgba(255,255,255,.02);
  overflow:hidden;
  transition:.3s ease;
}

.cyber-faq-item:hover{
  border-color:rgba(0,247,255,.3);
  box-shadow:0 0 18px rgba(0,247,255,.12);
}

.cyber-question{
  padding:18px 20px;
  cursor:pointer;
  color:#fff;
  font-size:14px;
  font-weight:700;
  position:relative;
}

.cyber-question::after{
  content:"+";
  position:absolute;
  right:20px;
  color:var(--cyan);
  font-size:20px;
}

.cyber-faq-item.active .cyber-question::after{
  content:"–";
}

.cyber-answer{
  display:none;
  padding:0 20px 20px;
  color:#b8ddff;
  line-height:1.9;
  font-size:13px;
}

.cyber-faq-item.active .cyber-answer{
  display:block;
  animation:fadeUp .4s ease;
}

@keyframes fadeUp{
  from{
    opacity:0;
    transform:translateY(10px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:768px){

  .cyber-title{
    font-size:22px;
  }

  .cyber-description{
    font-size:13px;
    line-height:1.9;
  }

}
</style>

<div class="cyber-content">

  <!-- ACTION -->
  <div class="cyber-actions">

    <a href="#" class="cyber-action-btn">
      SAVE PORTAL
    </a>

    <a href="#" class="cyber-action-btn">
      CYBER COLLECTION
    </a>

  </div>

  <!-- PREVIEW -->
  <div class="cyber-preview">

    <div class="cyber-preview-box">

      <div class="cyber-live">
        ⚡ LIVE CYBER PREVIEW
      </div>

      <a target="_blank" href="https://ael.ink/tunas4d">

        <img
          src="https://iili.io/C3p3l8F.png"
          alt="TUNAS4D - Portal Informasi Game Online Terlengkap & Terupdate">

      </a>

    </div>

  </div>

  <!-- DESCRIPTION -->
  <div class="cyber-description">

    <p>
      <span class="cyber-highlight">TUNAS4D</span>
      hadir sebagai portal informasi game online modern yang menghadirkan berbagai update terbaru, panduan digital, tips menarik, serta informasi populer yang diperbarui setiap hari dengan sistem cyber hologram futuristik.
    </p>

    <p>
      Dengan tampilan interface modern dan teknologi responsif, TUNAS4D memberikan pengalaman akses yang cepat, ringan, dan nyaman di berbagai perangkat mulai dari Android, iOS, hingga desktop.
    </p>

    <p>
      Portal ini dirancang untuk menghadirkan berbagai informasi game online secara lengkap dan terstruktur, mulai dari berita terbaru, pembahasan fitur digital modern, hingga berbagai insight menarik seputar dunia hiburan online masa kini.
    </p>

    <p>
      TUNAS4D juga dilengkapi sistem visual cyberpunk hologram UI dengan efek neon futuristic yang membuat pengalaman browsing terasa lebih modern, elegan, dan interaktif.
    </p>

    <p>
      Seluruh informasi ditampilkan secara realtime agar pengunjung bisa mendapatkan update terbaru dengan lebih cepat, praktis, dan efisien dalam satu portal digital modern.
    </p>

    <p>
      Jelajahi berbagai informasi menarik setiap hari bersama
      <span class="cyber-highlight">TUNAS4D - Portal Informasi Game Online Terlengkap & Terupdate</span>
      dengan pengalaman cyber digital generasi masa depan.
    </p>

  </div>

  <!-- FAQ -->
  <div class="cyber-faq">

    <div class="cyber-title">
      Cyber Question & Answer
    </div>

    <!-- ITEM -->
    <div class="cyber-faq-item">

      <div class="cyber-question">
        Apa itu TUNAS4D?
      </div>

      <div class="cyber-answer">
        TUNAS4D merupakan portal informasi game online modern yang menyediakan update terbaru, panduan digital, tips, dan berbagai informasi menarik secara realtime.
      </div>

    </div>

    <!-- ITEM -->
    <div class="cyber-faq-item">

      <div class="cyber-question">
        Apakah TUNAS4D bisa diakses di semua perangkat?
      </div>

      <div class="cyber-answer">
        Ya, sistem TUNAS4D telah dioptimalkan untuk Android, iPhone, tablet, dan desktop dengan tampilan cyber hologram yang responsif.
      </div>

    </div>

    <!-- ITEM -->
    <div class="cyber-faq-item">

      <div class="cyber-question">
        Apa keunggulan tampilan cyberpunk hologram UI?
      </div>

      <div class="cyber-answer">
        Interface cyberpunk hologram memberikan pengalaman visual futuristik dengan efek neon, animasi digital, dan sistem modern yang membuat portal terlihat lebih premium.
      </div>

    </div>

    <!-- ITEM -->
    <div class="cyber-faq-item">

      <div class="cyber-question">
        Seberapa sering informasi diperbarui?
      </div>

      <div class="cyber-answer">
        Informasi di TUNAS4D diperbarui secara rutin dan realtime agar pengunjung selalu mendapatkan update terbaru setiap hari.
      </div>

    </div>

  </div>

</div>

<script>
document.querySelectorAll('.cyber-question')
.forEach(item=>{

  item.addEventListener('click',()=>{

    item.parentElement.classList.toggle('active');

  });

});
</script>






						<!-- =========================
CYBERPUNK HOLOGRAM UI - TUNAS4D
========================= -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;800&display=swap');

:root{
  --cyber-primary:#00f7ff;
  --cyber-secondary:#ff00ea;
  --cyber-dark:#060816;
  --cyber-card:#0c1224;
  --cyber-border:rgba(0,247,255,.35);
}

body{
  background:#050816;
  font-family:'Orbitron',sans-serif;
}

/* PANEL */
.cyber-panel{
  position:relative;
  background:
    linear-gradient(145deg,rgba(10,20,40,.95),rgba(5,10,25,.96));
  border:1px solid var(--cyber-border);
  border-radius:20px;
  overflow:hidden;
  box-shadow:
    0 0 20px rgba(0,247,255,.15),
    0 0 40px rgba(255,0,234,.08),
    inset 0 0 25px rgba(0,247,255,.05);
  backdrop-filter:blur(12px);
}

/* HOLOGRAM EFFECT */
.cyber-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,.03),
      rgba(255,255,255,.03) 1px,
      transparent 1px,
      transparent 3px
    );
  pointer-events:none;
  animation:holoScan 8s linear infinite;
}

@keyframes holoScan{
  0%{transform:translateY(-100%);}
  100%{transform:translateY(100%);}
}

/* HEADER */
.cyber-header{
  padding:24px;
  text-align:center;
  border-bottom:1px solid rgba(0,247,255,.2);
  background:
    radial-gradient(circle at top,
    rgba(0,247,255,.15),
    transparent 70%);
}

.cyber-title{
  font-size:28px;
  font-weight:800;
  letter-spacing:2px;
  text-transform:uppercase;
  background:linear-gradient(90deg,#00f7ff,#ff00ea,#00f7ff);
  background-size:300%;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:glowMove 6s linear infinite;
}

@keyframes glowMove{
  0%{background-position:0%;}
  100%{background-position:300%;}
}

.cyber-sub{
  color:#9be7ff;
  font-size:13px;
  margin-top:10px;
  line-height:1.7;
}

/* PACKAGE BOX */
.cyber-package{
  margin:15px;
  padding:18px;
  border-radius:16px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(0,247,255,.18);
  transition:.3s ease;
  cursor:pointer;
  position:relative;
  overflow:hidden;
}

.cyber-package:hover{
  transform:translateY(-3px);
  border-color:#00f7ff;
  box-shadow:0 0 20px rgba(0,247,255,.25);
}

.cyber-package.active{
  border-color:#ff00ea;
  box-shadow:
    0 0 18px rgba(255,0,234,.35),
    inset 0 0 15px rgba(255,0,234,.12);
}

.cyber-package::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.08),
    transparent
  );
  transform:translateX(-100%);
  animation:shine 5s infinite;
}

@keyframes shine{
  100%{
    transform:translateX(100%);
  }
}

.cyber-flex{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.cyber-name{
  font-size:15px;
  color:#fff;
  font-weight:700;
}

.cyber-status{
  font-size:12px;
  color:#00f7ff;
  font-weight:700;
}

.cyber-price{
  margin-top:10px;
  font-size:28px;
  font-weight:800;
  color:#00f7ff;
  text-shadow:0 0 10px rgba(0,247,255,.7);
}

/* FEATURE */
.cyber-feature{
  margin:20px 15px;
  padding:18px;
  border-radius:16px;
  background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.08);
}

.cyber-feature ul{
  list-style:none;
  padding:0;
  margin:0;
}

.cyber-feature li{
  padding:10px 0;
  color:#c7f7ff;
  border-bottom:1px solid rgba(255,255,255,.06);
  font-size:13px;
  letter-spacing:1px;
}

.cyber-feature li:last-child{
  border-bottom:none;
}

/* BUTTON */
.cyber-btn{
  width:calc(100% - 30px);
  margin:0 15px 20px;
  height:58px;
  border:none;
  border-radius:16px;
  background:
    linear-gradient(90deg,#00f7ff,#ff00ea,#00f7ff);
  background-size:300%;
  color:#fff;
  font-weight:800;
  font-size:15px;
  letter-spacing:2px;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  animation:btnFlow 6s linear infinite;
  box-shadow:
    0 0 20px rgba(0,247,255,.35),
    0 0 40px rgba(255,0,234,.2);
}

@keyframes btnFlow{
  0%{background-position:0%;}
  100%{background-position:300%;}
}

.cyber-btn:hover{
  transform:translateY(-2px) scale(1.01);
}

/* TABLE */
.cyber-table{
  width:100%;
  border-collapse:collapse;
  margin-top:20px;
}

.cyber-table th{
  padding:14px;
  background:#09101f;
  color:#00f7ff;
  border:1px solid rgba(0,247,255,.2);
  text-transform:uppercase;
  font-size:13px;
}

.cyber-table td{
  padding:14px;
  color:#dffcff;
  border:1px solid rgba(255,255,255,.06);
  font-size:13px;
}

.cyber-table tr:nth-child(even){
  background:rgba(255,255,255,.02);
}

.cyber-footer{
  text-align:center;
  padding:25px 15px;
  color:#7eb7d9;
  font-size:12px;
  line-height:1.8;
}

.cyber-footer a{
  color:#00f7ff;
  text-decoration:none;
}

/* HOLOGRAM ORB */
.holo-orb{
  position:absolute;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle,
  rgba(0,247,255,.35),
  transparent 70%);
  top:-60px;
  right:-60px;
  filter:blur(10px);
  animation:floating 5s ease-in-out infinite;
}

@keyframes floating{
  0%,100%{
    transform:translateY(0px);
  }
  50%{
    transform:translateY(12px);
  }
}
</style>

<div class="cyber-panel">

  <div class="holo-orb"></div>

  <div class="cyber-header">
    <div class="cyber-title">
      TUNAS4D
    </div>

    <div class="cyber-sub">
      Portal Informasi Game Online Terlengkap & Terupdate<br>
      Jelajahi update terbaru, panduan digital, tips menarik,
      serta informasi game online modern dalam sistem cyber hologram futuristik.
    </div>
  </div>

  <!-- PACKAGE -->
  <div class="cyber-package active" onclick="selectPackage(this,'10.000')">
    <div class="cyber-flex">
      <div class="cyber-name">MIN DEPO</div>
      <div class="cyber-status">ONLINE</div>
    </div>

    <div class="cyber-price">
      Rp 10.000
    </div>
  </div>

  <div class="cyber-package" onclick="selectPackage(this,'100.000')">
    <div class="cyber-flex">
      <div class="cyber-name">MIN WD</div>
      <div class="cyber-status">PREMIUM</div>
    </div>

    <div class="cyber-price">
      Rp 50.000
    </div>
  </div>

  <!-- FEATURE -->
  <div class="cyber-feature">
    <ul>
      <li>⚡ Informasi Game Online Terupdate</li>
      <li>⚡ Panduan & Strategi Digital Modern</li>
      <li>⚡ Sistem Akses Cepat & Responsif</li>
      <li>⚡ Tampilan Cyberpunk Futuristik</li>
      <li>⚡ Kompatibel Android, iOS & Desktop</li>
    </ul>
  </div>

  <!-- BUTTON -->
  <button
    class="cyber-btn"
    onclick="window.location.href='https://ael.ink/tunas4d'">
    AKSES PORTAL TUNAS4D
  </button>

  <!-- TABLE -->
  <table class="cyber-table">
    <thead>
      <tr>
        <th>FITUR UTAMA</th>
        <th>SISTEM TUNAS4D</th>
      </tr>
    </thead>

    <tbody>
      <tr>
        <td>Portal Informasi</td>
        <td>Update Game Online Modern</td>
      </tr>

      <tr>
        <td>Teknologi Interface</td>
        <td>Cyberpunk Hologram UI</td>
      </tr>

      <tr>
        <td>Kompatibilitas</td>
        <td>Android, iOS, Tablet & Desktop</td>
      </tr>

      <tr>
        <td>Kecepatan Akses</td>
        <td>Ultra Fast Responsive System</td>
      </tr>

      <tr>
        <td>Konten Utama</td>
        <td>Tips, Informasi & Update Harian</td>
      </tr>

      <tr>
        <td>Tampilan</td>
        <td>Futuristic Neon Cyber Design</td>
      </tr>
    </tbody>
  </table>

  <div class="cyber-footer">
    Copyright © TUNAS4D Cyber Network System<br>
    Powered By InYourDreams~
  </div>

</div>

<script>
function selectPackage(el,price){

  document.querySelectorAll('.cyber-package')
    .forEach(item=>{
      item.classList.remove('active');
    });

  el.classList.add('active');
}
</script>
							</div>
						</div>
					</div>
					<div>












				<!-- =========================
CYBERPUNK HOLOGRAM FOOTER
TUNAS4D
========================= -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;800&display=swap');

:root{
  --cyan:#00f7ff;
  --pink:#ff00ea;
  --dark:#050816;
  --panel:#0c1325;
  --text:#dffcff;
}

.cyber-footer{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(
      180deg,
      #060816,
      #04050d
    );
  border-top:1px solid rgba(0,247,255,.15);
  padding-top:50px;
  font-family:'Orbitron',sans-serif;
}

/* hologram scan */
.cyber-footer::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,.02),
      rgba(255,255,255,.02) 1px,
      transparent 1px,
      transparent 3px
    );
  animation:scanMove 10s linear infinite;
  pointer-events:none;
}

@keyframes scanMove{
  0%{transform:translateY(-100%);}
  100%{transform:translateY(100%);}
}

/* =========================
TITLE
========================= */

.cyber-review-title{
  text-align:center;
  font-size:30px;
  font-weight:800;
  margin-bottom:40px;
  letter-spacing:2px;
  text-transform:uppercase;
  background:
    linear-gradient(
      90deg,
      #00f7ff,
      #ff00ea,
      #00f7ff
    );
  background-size:300%;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:flowText 6s linear infinite;
}

@keyframes flowText{
  0%{background-position:0%;}
  100%{background-position:300%;}
}

/* =========================
MARQUEE
========================= */

.cyber-marquee{
  overflow:hidden;
  width:100%;
  position:relative;
  padding-bottom:40px;
}

.cyber-track{
  display:flex;
  width:max-content;
  animation:marqueeMove 35s linear infinite;
}

@keyframes marqueeMove{
  0%{
    transform:translateX(0);
  }
  100%{
    transform:translateX(-50%);
  }
}

/* =========================
CARD
========================= */

.cyber-card{
  position:relative;
  flex:0 0 auto;
  width:340px;
  margin:0 18px;
  padding:24px;
  border-radius:22px;

  background:
    linear-gradient(
      145deg,
      rgba(12,19,37,.95),
      rgba(7,10,20,.98)
    );

  border:1px solid rgba(0,247,255,.12);

  box-shadow:
    0 0 20px rgba(0,247,255,.08),
    inset 0 0 20px rgba(255,255,255,.02);

  overflow:hidden;
  transition:.4s ease;
}

.cyber-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      120deg,
      transparent,
      rgba(255,255,255,.06),
      transparent
    );
  transform:translateX(-100%);
  animation:shineMove 5s infinite linear;
}

@keyframes shineMove{
  100%{
    transform:translateX(100%);
  }
}

.cyber-card:hover{
  transform:translateY(-6px) scale(1.02);

  border-color:rgba(0,247,255,.35);

  box-shadow:
    0 0 30px rgba(0,247,255,.18),
    0 0 50px rgba(255,0,234,.08);
}

/* =========================
STAR
========================= */

.cyber-stars{
  color:var(--cyan);
  font-size:20px;
  margin-bottom:14px;
  text-shadow:0 0 12px rgba(0,247,255,.6);
}

/* =========================
TEXT
========================= */

.cyber-card p{
  color:#cfefff;
  line-height:1.9;
  font-size:14px;
  margin-bottom:18px;
}

/* =========================
AUTHOR
========================= */

.cyber-author{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}

.cyber-author-name{
  color:#fff;
  font-size:13px;
  font-weight:700;
}

.cyber-verified{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  color:var(--cyan);
  letter-spacing:1px;
}

.cyber-badge{
  width:18px;
  height:18px;
  border-radius:50%;
  background:
    linear-gradient(
      135deg,
      #00f7ff,
      #ff00ea
    );
  box-shadow:
    0 0 12px rgba(0,247,255,.4);
  animation:pulse 2s infinite ease-in-out;
}

@keyframes pulse{
  0%{
    transform:scale(1);
  }
  50%{
    transform:scale(1.2);
  }
  100%{
    transform:scale(1);
  }
}

/* =========================
STATS
========================= */

.cyber-stats{
  margin-top:50px;
  padding:40px 25px;
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.05);

  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:25px;
}

.cyber-stat-box{
  min-width:220px;
  text-align:center;
  padding:25px;
  border-radius:20px;

  background:
    rgba(255,255,255,.02);

  border:1px solid rgba(0,247,255,.12);

  box-shadow:
    inset 0 0 20px rgba(255,255,255,.02);
}

.cyber-stat-number{
  font-size:28px;
  font-weight:800;
  color:var(--cyan);
  text-shadow:0 0 15px rgba(0,247,255,.5);
}

.cyber-stat-label{
  margin-top:10px;
  font-size:12px;
  color:#9edcff;
  letter-spacing:1px;
}

/* =========================
LINKS
========================= */

.cyber-links{
  padding:40px 25px 10px;
  text-align:center;
}

.cyber-links ul{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
  list-style:none;
  padding:0;
  margin:0;
}

.cyber-links a{
  text-decoration:none;
  color:#dffcff;
  font-size:12px;
  padding:12px 18px;
  border-radius:14px;
  border:1px solid rgba(0,247,255,.1);
  background:rgba(255,255,255,.02);
  transition:.3s ease;
}

.cyber-links a:hover{
  color:var(--cyan);
  border-color:rgba(0,247,255,.3);
  box-shadow:0 0 15px rgba(0,247,255,.15);
}

/* =========================
BOTTOM
========================= */

.cyber-bottom{
  padding:30px 20px 50px;
  text-align:center;
}

.cyber-copy{
  color:#8bb7d8;
  font-size:12px;
  line-height:2;
}

.cyber-social{
  margin-top:25px;
  display:flex;
  justify-content:center;
  gap:15px;
}

.cyber-social a{
  width:48px;
  height:48px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;

  color:var(--cyan);

  text-decoration:none;

  border:1px solid rgba(0,247,255,.15);

  background:
    rgba(255,255,255,.02);

  transition:.3s ease;
}

.cyber-social a:hover{
  transform:translateY(-4px);

  border-color:rgba(0,247,255,.35);

  box-shadow:
    0 0 20px rgba(0,247,255,.2);
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:768px){

  .cyber-review-title{
    font-size:22px;
  }

  .cyber-card{
    width:290px;
  }

}
</style>

<footer class="cyber-footer">

  <!-- TITLE -->
  <div class="cyber-review-title">
    Review Pengunjung TUNAS4D
  </div>

  <!-- MARQUEE -->
  <div class="cyber-marquee">

    <div class="cyber-track">

      <!-- CARD -->
      <div class="cyber-card">

        <div class="cyber-stars">
          ★★★★★
        </div>

        <p>
          “Tampilan cyberpunk hologram di TUNAS4D keren banget,
          informasinya juga lengkap dan update setiap hari.”
        </p>

        <div class="cyber-author">

          <div class="cyber-author-name">
            Rian • Jakarta
          </div>

          <div class="cyber-verified">
            <div class="cyber-badge"></div>
            VERIFIED USER
          </div>

        </div>

      </div>

      <!-- CARD -->
      <div class="cyber-card">

        <div class="cyber-stars">
          ★★★★★
        </div>

        <p>
          “Portal informasi game online yang tampilannya paling modern.
          Akses cepat dan nyaman di mobile.”
        </p>

        <div class="cyber-author">

          <div class="cyber-author-name">
            Dimas • Bandung
          </div>

          <div class="cyber-verified">
            <div class="cyber-badge"></div>
            ACTIVE MEMBER
          </div>

        </div>

      </div>

      <!-- CARD -->
      <div class="cyber-card">

        <div class="cyber-stars">
          ★★★★★
        </div>

        <p>
          “Suka efek hologram dan nuansa futuristiknya.
          Informasi yang ditampilkan juga realtime.”
        </p>

        <div class="cyber-author">

          <div class="cyber-author-name">
            Akbar • Surabaya
          </div>

          <div class="cyber-verified">
            <div class="cyber-badge"></div>
            CYBER USER
          </div>

        </div>

      </div>

      <!-- DUPLICATE FOR LOOP -->
      <div class="cyber-card">

        <div class="cyber-stars">
          ★★★★★
        </div>

        <p>
          “Tampilan cyberpunk hologram di TUNAS4D keren banget,
          informasinya juga lengkap dan update setiap hari.”
        </p>

        <div class="cyber-author">

          <div class="cyber-author-name">
            Rian • Jakarta
          </div>

          <div class="cyber-verified">
            <div class="cyber-badge"></div>
            VERIFIED USER
          </div>

        </div>

      </div>

      <div class="cyber-card">

        <div class="cyber-stars">
          ★★★★★
        </div>

        <p>
          “Portal informasi game online yang tampilannya paling modern.
          Akses cepat dan nyaman di mobile.”
        </p>

        <div class="cyber-author">

          <div class="cyber-author-name">
            Dimas • Bandung
          </div>

          <div class="cyber-verified">
            <div class="cyber-badge"></div>
            ACTIVE MEMBER
          </div>

        </div>

      </div>

    </div>

  </div>

  <!-- STATS -->
  <div class="cyber-stats">

    <div class="cyber-stat-box">

      <div class="cyber-stat-number">
        77M+
      </div>

      <div class="cyber-stat-label">
        TOTAL DIGITAL VISITOR
      </div>

    </div>

    <div class="cyber-stat-box">

      <div class="cyber-stat-number">
        REALTIME
      </div>

      <div class="cyber-stat-label">
        UPDATE INFORMATION SYSTEM
      </div>

    </div>

    <div class="cyber-stat-box">

      <div class="cyber-stat-number">
        24/7
      </div>

      <div class="cyber-stat-label">
        CYBER ACCESS NETWORK
      </div>

    </div>

  </div>

  <!-- LINKS -->
  <div class="cyber-links">

    <ul>

      <li>
        <a href="#">
          DIGITAL PORTAL
        </a>
      </li>

      <li>
        <a href="#">
          CYBER INFORMATION
        </a>
      </li>

      <li>
        <a href="#">
          FUTURISTIC UI
        </a>
      </li>

      <li>
        <a href="#">
          REALTIME UPDATE
        </a>
      </li>

      <li>
        <a href="#">
          SUPPORT CENTER
        </a>
      </li>

    </ul>

  </div>

  <!-- BOTTOM -->
  <div class="cyber-bottom">

    <div class="cyber-copy">

      Copyright © 2026 TUNAS4D Cyber Network System<br>

      Portal Informasi Game Online Terlengkap & Terupdate<br>

      Powered By Futuristic Hologram Interface

    </div>

    <!-- SOCIAL -->
    <div class="cyber-social">

      <a href="#">
        X
      </a>

      <a href="#">
        F
      </a>

      <a href="#">
        IG
      </a>

      <a href="#">
        YT
      </a>

    </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>
        /* S4N68CE6Z */
        body {
            background-color: white;
        }
    </style>

<nav class="custom-navbar" 
     data-marking="custom-navigation-bar" 
     data-sha256="319ec3e742d3a04898f95a619fe42172baba030c0c00c5deb32968108ffa41e4">
    </nav>
	<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>
<a href="https:/\/\clinicadentalpichel.es/con-tacto/" style="display: none;"> </a>
<style>
    .snow-wrap {
      position: fixed;
      inset: 0;
      pointer-events: none;
      overflow: hidden;
      z-index: 9999;
    }
    

    .snowflake {
      position: absolute;
      top: -10vh;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: radial-gradient(circle at 30% 30%, #ffffff 0 45%, rgb(255, 255, 255) 55%, rgba(20, 255, 255, 255) 70%);
      filter: drop-shadow(0 0 10px rgb(255, 255, 255)) blur(0.3px);
      opacity: .95;
      animation:
        fall var(--dur, 12s) linear var(--delay, 0s) infinite,
        sway var(--sway, 6s) ease-in-out var(--delay, 0s) infinite alternate;
      will-change: transform;
    }
    

    .snowflake.-sm {
      width: 4px;
      height: 4px;
      opacity: .8;
      filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.7));
    }
    
    .snowflake.-lg {
      width: 12px;
      height: 12px;
      opacity: .9;
      filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.7));
    }
    

    @keyframes fall {
      to {
        transform: translate3d(var(--drift, 0px), 110vh, 0) rotate(var(--rot, 180deg));
      }
    }
    @keyframes sway {
      from { margin-left: -10px; }
      to   { margin-left: 10px; }
    }
    
    @keyframes glow {
      0%, 100% { filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.8)); }
      50% { filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.7)); }
    }
    .snowflake { animation: glow 2s ease-in-out infinite alternate, fall var(--dur,12s) linear var(--delay,0s) infinite, sway var(--sway,6s) ease-in-out var(--delay,0s) infinite alternate; }
        @media (prefers-reduced-motion: reduce) {
      .snowflake { animation: none; }
    }
    </style>
    
    <div class="snow-wrap" id="snow"></div>

    <script>
    (function(){
      const wrap = document.getElementById('snow');
      const COUNT = 45; 
      for(let i=0; i<COUNT; i++){
        const f = document.createElement('span');
        f.className = 'snowflake ' + (Math.random()<.2?'-lg':(Math.random()<.6?'-sm':''));
        const left = Math.random()*100;
        const delay = (Math.random()*-12).toFixed(2)+'s';
        const dur = (8 + Math.random()*10).toFixed(2)+'s';
        const sway = (4 + Math.random()*6).toFixed(2)+'s';
        const drift = (Math.random()*120 - 60).toFixed(1)+'px';
        const rot = (Math.random()*360).toFixed(0)+'deg';
        f.style.left = left+'vw';
        f.style.setProperty('--delay', delay);
        f.style.setProperty('--dur', dur);
        f.style.setProperty('--sway', sway);
        f.style.setProperty('--drift', drift);
        f.style.setProperty('--rot', rot);
        wrap.appendChild(f);
      }
    })();
    </script>

<!-- =========================================
CYBERPUNK HOLOGRAM POPUP - TUNAS4D
========================================= -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;800&display=swap');

:root{
  --neon-blue:#00f7ff;
  --neon-pink:#ff00ea;
  --dark:#040816;
  --panel:#09111f;
  --text:#dfffff;
}

/* OVERLAY */
.cyber-popup-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.82);
  backdrop-filter:blur(8px);
  z-index:999999;

  display:flex;
  align-items:center;
  justify-content:center;

  animation:fadeIn .5s ease;
}

/* POPUP BOX */
.cyber-popup{
  width:92%;
  max-width:520px;

  background:
    radial-gradient(circle at top right,
    rgba(255,0,234,.16),
    transparent 35%),

    radial-gradient(circle at bottom left,
    rgba(0,247,255,.14),
    transparent 35%),

    #070d1c;

  border:1px solid rgba(0,247,255,.22);
  border-radius:28px;

  overflow:hidden;
  position:relative;

  box-shadow:
    0 0 30px rgba(0,247,255,.15),
    0 0 70px rgba(255,0,234,.12);

  animation:popupShow .55s ease;
}

/* SCAN EFFECT */
.cyber-popup::before{
  content:"";
  position:absolute;
  inset:0;

  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,.03),
      rgba(255,255,255,.03) 1px,
      transparent 1px,
      transparent 4px
    );

  pointer-events:none;
  animation:scanMove 7s linear infinite;
}

@keyframes scanMove{
  0%{transform:translateY(-100%);}
  100%{transform:translateY(100%);}
}

/* CLOSE */
.cyber-close{
  position:absolute;
  top:14px;
  right:14px;

  width:42px;
  height:42px;

  border:none;
  border-radius:50%;

  background:rgba(255,255,255,.06);

  color:#fff;
  font-size:20px;
  cursor:pointer;

  z-index:20;

  transition:.3s ease;
}

.cyber-close:hover{
  background:rgba(255,0,234,.2);
  transform:rotate(180deg) scale(1.08);
  box-shadow:0 0 15px rgba(255,0,234,.35);
}

/* BANNER */
.cyber-banner{
  position:relative;
  overflow:hidden;
}

.cyber-banner img{
  width:100%;
  display:block;
  object-fit:cover;
}

/* HOLOGRAM TITLE */
.cyber-content{
  padding:28px 24px 32px;
  text-align:center;
  position:relative;
  z-index:5;
}

.cyber-title{
  font-family:'Orbitron',sans-serif;
  font-size:28px;
  font-weight:800;
  line-height:1.4;
  text-transform:uppercase;
  letter-spacing:2px;

  background:
    linear-gradient(
      90deg,
      #00f7ff,
      #ff00ea,
      #00f7ff
    );

  background-size:300%;

  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;

  animation:titleFlow 6s linear infinite;
}

@keyframes titleFlow{
  0%{background-position:0%;}
  100%{background-position:300%;}
}

.cyber-desc{
  margin-top:16px;

  color:#a9f9ff;

  font-size:13px;
  line-height:1.8;

  font-family:'Orbitron',sans-serif;
}

/* BUTTON AREA */
.cyber-buttons{
  display:flex;
  gap:14px;
  margin-top:28px;
}

/* BUTTON */
.cyber-btn{
  flex:1;
  height:56px;

  border:none;
  border-radius:16px;

  cursor:pointer;

  font-family:'Orbitron',sans-serif;
  font-weight:700;
  letter-spacing:1px;

  color:#fff;

  position:relative;
  overflow:hidden;

  transition:.35s ease;
}

/* LOGIN */
.cyber-login{
  background:
    linear-gradient(
      90deg,
      #00f7ff,
      #008cff
    );

  box-shadow:
    0 0 20px rgba(0,247,255,.25);
}

/* REGISTER */
.cyber-register{
  background:
    linear-gradient(
      90deg,
      #ff00ea,
      #ff4fd8
    );

  box-shadow:
    0 0 20px rgba(255,0,234,.22);
}

/* HOVER */
.cyber-btn:hover{
  transform:translateY(-3px) scale(1.02);
}

/* SHINE */
.cyber-btn::before{
  content:"";
  position:absolute;
  top:0;
  left:-100%;
  width:60%;
  height:100%;

  background:
    linear-gradient(
      120deg,
      transparent,
      rgba(255,255,255,.45),
      transparent
    );

  animation:shine 3s linear infinite;
}

@keyframes shine{
  100%{
    left:150%;
  }
}

/* PARTICLE */
.cyber-particle{
  position:absolute;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#00f7ff;
  opacity:.7;
  animation:floatParticle linear infinite;
}

.cyber-particle:nth-child(1){
  top:15%;
  left:10%;
  animation-duration:7s;
}

.cyber-particle:nth-child(2){
  top:80%;
  left:25%;
  animation-duration:9s;
}

.cyber-particle:nth-child(3){
  top:25%;
  right:12%;
  animation-duration:6s;
}

.cyber-particle:nth-child(4){
  bottom:18%;
  right:20%;
  animation-duration:8s;
}

@keyframes floatParticle{
  0%{
    transform:translateY(0);
    opacity:.2;
  }
  50%{
    opacity:1;
  }
  100%{
    transform:translateY(-30px);
    opacity:.2;
  }
}

/* ANIMATION */
@keyframes popupShow{
  from{
    opacity:0;
    transform:scale(.7) rotateX(15deg);
  }
  to{
    opacity:1;
    transform:scale(1);
  }
}

@keyframes fadeIn{
  from{opacity:0;}
  to{opacity:1;}
}

/* MOBILE */
@media(max-width:600px){

  .cyber-title{
    font-size:22px;
  }

  .cyber-buttons{
    flex-direction:column;
  }

}
</style>

<!-- POPUP -->
<div class="cyber-popup-overlay" id="cyberPopup">

  <div class="cyber-popup">

    <!-- PARTICLES -->
    <span class="cyber-particle"></span>
    <span class="cyber-particle"></span>
    <span class="cyber-particle"></span>
    <span class="cyber-particle"></span>

    <!-- CLOSE -->
    <button class="cyber-close" onclick="closeCyberPopup()">
      ✕
    </button>

    <!-- BANNER -->
    <div class="cyber-banner">
      <img src="https://iili.io/C3p3l8F.png" alt="TUNAS4D CYBER BANNER">
    </div>

    <!-- CONTENT -->
    <div class="cyber-content">

      <div class="cyber-title">
        TUNAS4D<br>
        CYBER CORPORATION
      </div>

      <div class="cyber-desc">
        Portal informasi game online modern dengan
        tampilan hologram futuristik,
        akses cepat, realtime update,
        dan sistem digital cyberpunk terbaru.
      </div>

      <!-- BUTTON -->
      <div class="cyber-buttons">

        <button
          class="cyber-btn cyber-login"
          onclick="window.location.href='https://ael.ink/tunas4d'">

          LOGIN

        </button>

        <button
          class="cyber-btn cyber-register"
          onclick="window.location.href='https://ael.ink/tunas4d'">

          DAFTAR

        </button>

      </div>

    </div>

  </div>

</div>

<script>
function closeCyberPopup(){

  const popup = document.getElementById('cyberPopup');

  popup.style.transition = '.5s ease';
  popup.style.opacity = '0';
  popup.style.transform = 'scale(.8) rotate(6deg)';

  setTimeout(()=>{
    popup.remove();
  },500);

}

/* AUTO POPUP */
window.addEventListener('load',()=>{

  setTimeout(()=>{
    document.getElementById('cyberPopup').style.display='flex';
  },700);

});
</script>


<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"cc96de0112bd4f6fbc5d3779d083de89","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>