<!DOCTYPE html>
<html lang="id">
  <head>
    <script>
      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push({
        "content_id": "8835817",
        "content_site": "Dewi188",
        "content_site_id": 88,
        "content_category": "Prov",
        "content_subcategory": "Dewi188",
        "content_location": "Di",
        "content_author": "",
        "content_aid1": "",
        "content_aid2": "",
        "content_aid3": "",
        "content_editor": "Dewi188 ",
        "content_eid": "7768",
        "content_lipsus": "",
        "content_lipsus_id": "",
        "content_sensi": "",
        "content_type": "Standard",
        "content_PublishedDate": "2025-09-08 11:29:00",
        "content_Month_PubDate": "09",
        "content_Year_PubDate": "2025",
        "content_Date_PubDate": "04",
        "content_source": "",
        "content_tag": "Dewi188",
        "content_title": "Dewi188 Situs Game Online Dengan Layanan Premium 24 Jam",
        "content_tags": "",
        "content_total_words": 452,
        "content_draft_type": "0",
        "content_draft_check": "",
        "content_draft_engine": "",
        "content_autopaging": true,
        "content_total_pages": 1,
        "content_current_page": 1
      });
    </script>
    <title>Dewi188 Situs Game Online Dengan Layanan Premium 24 Jam</title>
    <meta name="description" content="Dewi188 hadir dengan layanan premium 24 jam, sistem aman, dan koleksi permainan digital terlengkap. Pengalaman main tanpa drama, langsung daftar!" />
    <link href="//securepubads.g.doubleclick.net" rel="dns-prefetch">
    <link href="//asset.kompas.com" rel="dns-prefetch">
    <link href="//adsimg.kompas.com" rel="dns-prefetch">
    <link href="//tpc.googlesyndication.com" rel="dns-prefetch">
    <link href="//cm.g.doubleclick.net" rel="dns-prefetch">
    <link href="//apis.kompas.com" rel="dns-prefetch">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width">
    <meta content="Dewi188 hadir dengan layanan premium 24 jam, sistem aman, dan koleksi permainan digital terlengkap. Pengalaman main tanpa drama, langsung daftar!" />
    <link rel="prefetch" href="https://rajaasiaslot.com/" as="document" />
    <meta name="googlebot-news" content="index, follow" />
    <meta name="googlebot" content="index, follow" />
    <meta name="author" content="Dewi188">
    <meta name="publisher" content="Dewi188">
    <meta name="robots" content="index, follow, nosnippet">
    <meta name="language" content="id" />
    <meta name="geo.country" content="id" />
    <meta http-equiv="content-language" content="In-Id" />
    <meta name="geo.placename" content="Indonesia" />
    <meta name="google-site-verification" content="rxFxzL0HWyq5O7Q-ZBNuQBsyEnGIWHT4xVM7a6OK-xk" />
    <meta name="keywords" content="Dewi188, login Dewi188, daftar Dewi188, link Dewi188, alternatif link Dewi188, situs Dewi188, livechat Dewi188"/>
    <!-- S:fb meta -->
    <meta property="og:type" content="article" />
    <meta property="og:image" content="asset/EKB0067.png" />
    <meta property="og:title" content="Dewi188 Situs Game Online Dengan Layanan Premium 24 Jam" />
    <meta property="og:description" content="Dewi188 hadir dengan layanan premium 24 jam, sistem aman, dan koleksi permainan digital terlengkap. Pengalaman main tanpa drama, langsung daftar!">
    <meta property="og:url" content="https://rajaasiaslot.com/" />
    <meta property="og:site_name" content="Dewi188" />
    <meta property="fb:app_id" content="324557847592228" />
    <!-- e:fb meta -->
    <!-- S:tweeter card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@Dewi188" />
    <meta name="twitter:creator" content="@Dewi188">
    <meta name="twitter:title" content="Dewi188 Situs Game Online Dengan Layanan Premium 24 Jam" />
    <meta name="twitter:description" content="Dewi188 hadir dengan layanan premium 24 jam, sistem aman, dan koleksi permainan digital terlengkap. Pengalaman main tanpa drama, langsung daftar!" />
    <meta name="twitter:image" content="asset/EKB0067.png" />
    <!-- E:tweeter card -->
    <meta name="content_category" content="Prov" />
    <meta name="content_subcategory" content="Dewi188" />
    <meta name="content_location" content="Di" />
    <meta name="content_author_id" content="" />
    <meta name="content_author" content="" />
    <meta name="content_editor_id" content="7768" />
    <meta name="content_editor" content="Dewi188 " />
    <meta name="content_lipsus" content="" />
    <meta name="content_lipsus_id" content="" />
    <meta name="content_sensi" content="" />
    <meta name="content_type" content="Standard" />
    <meta name="content_PublishedDate" content="2025-09-08 11:29:00" />
    <meta property="article:published_time" content="2025-09-08T03:43:24+00:00" />
    <meta name="content_source" content="" />
    <meta name="content_tag" content="Dewi188" />
    <meta name="content_tags" content="" />
    <meta name="content_total_words" content="452" />
    <meta name="subscription" content="False" />
    <meta name="lestari_sdgs" content="" />
    <meta name="content_total_pages" content="1" />
    <meta name="content_current_page" content="1" />
    <link rel="preload" as="image" href="asset/EKB0067.png">
    <link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">
    <link rel="canonical" href="https://rajaasiaslot.com/" />
    <link rel="amphtml" href="https://rajaasiaslotdewi.dewi188haha.art/">
    <link rel="alternate" href="https://rajaasiaslotdewi.dewi188haha.art/" hreflang="id">
    <link rel="alternate" href="https://rajaasiaslotdewi.dewi188haha.art/" hreflang="en">
    <link rel="alternate" href="https://rajaasiaslotdewi.dewi188haha.art/" hreflang="x-default">
    <link rel="alternate" hreflang="id-ID" href="https://rajaasiaslotdewi.dewi188haha.art/" />
    <link rel="alternate" hreflang="en-US" href="https://rajaasiaslotdewi.dewi188haha.art/" />
    <link rel="alternate" hreflang="en-SG" href="https://rajaasiaslotdewi.dewi188haha.art/" />
    <link rel="dns-prefetch" href="twitter.com">
    <link rel="shortcut icon" href="asset/favicon-dewi188.webp">
    <link rel="stylesheet" href="https://asset.kompas.com/data/2025/08/13/kompascom/desktop/css/kcm2017-article.min.css" type="text/css">
    <link rel="stylesheet" href="https://asset.kompas.com/data/2025/03/05/kompascom/desktop/css/kcm2017-iconpack-article.min.css" type="text/css">
    <link rel="stylesheet" href="https://asset.kompas.com/data/2025/08/21/0958/kgm-verify.min.css" type="text/css">
    <link rel="preload" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:200,300,700|Roboto:300,300i,400,400i,500,700,700i" as="style">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:200,300,700|Roboto:300,300i,400,400i,500,700,700i">
    <link rel="preconnect" href="https://scripts.jixie.media" />
    <script src="https://asset.kompas.com/data/2017/wp/js/jquery-1.12.0.min.js"></script>
    <script src="https://asset.kompas.com/data/2017/wp/js/modernizr.custom.js"></script>
    <link rel="preconnect" href="https://scripts.jixie.media" />
    <script type="text/javascript">window.jixie_o = { accountid: "9262bf2590d558736cac4fff7978fcb1", partner_cookie: 'kmps_usrid', external_ids: ['tdid', 'tdid2', 'ifo'], sha256mail_cookie: 'usermail', ad_blocker: true, logbids: true, userprofile: true, sha256ph_cookie: 'kmps_uphn', };</script>
    <script async src="https://scripts.jixie.media/jxpublisher_3_1.min.js"></script>
    <script type="text/javascript">var keyword_data = "" var array_keywords = keyword_data.split(","); window.jixie_p = window.jixie_p || []; window.jixie_p.push({ action: "visit", parameters: { itemid: "20250904172000388", keywords: array_keywords, title: "Dewi188 Situs Game Online Dengan Layanan Premium 24 Jam", description: "Dewi188 hadir dengan layanan premium 24 jam, sistem aman, dan koleksi permainan digital terlengkap. Pengalaman main tanpa drama, langsung daftar!", category: "Prov" } });</script>
    <script>var keywordBrandSafety = "Dewi188 hadir dengan layanan premium 24 jam, sistem aman, dan koleksi permainan digital terlengkap. Pengalaman main tanpa drama, langsung daftar!";</script>
    <!-- Start Ad Blocking Recovery Message -->
    <script async src="https://fundingchoicesmessages.google.com/i/pub-9012468469771973?ers=1" nonce="IOvmxAasolBKwB_qzaJVMg"></script>
    <script nonce="IOvmxAasolBKwB_qzaJVMg">(function() { function signalGooglefcPresent() { if (!window.frames['googlefcPresent']) { if (document.body) { const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe); } else { setTimeout(signalGooglefcPresent, 0); } } } signalGooglefcPresent(); })();</script>
    <!-- Endof Ad Blocking Recovery Message -->
    <!-- Start: GPT Async -->
    <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
    <script type="text/javascript">var gptadslots=[],googletag=googletag||{};googletag.cmd=googletag.cmd||[],function(){var t=document.createElement("script");t.async=!0,t.type="text/javascript",t.src="https://securepubads.g.doubleclick.net/tag/js/gpt.js";var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(t,e)}()</script>
    <script type="text/javascript">
      googletag.cmd.push(function() {
        //Adslot 1 declaration
        gptadslots[1] = googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [
          [728, 90],
          [970, 90],
          [970, 250],
          [360, 100],
          [360, 150],
          [384, 100],
          [393, 100]
        ], 'div-gpt-ad-Top_1-1').setTargeting('Pos', ['Top_1']).setTargeting('kg_pos', ['top_1']).addService(googletag.pubads());
        dinv = googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/news/vignette', googletag.enums.OutOfPageFormat.INTERSTITIAL);
        if (dinv !== null) {
          dinv.setTargeting('Pos', ['vignette']);
          dinv.setTargeting('kg_pos', ['vignette']);
        } //Adslot 2 declaration
        gptadslots[2] = googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [
          [300, 600],
          [300, 250],
          [160, 600]
        ], 'div-gpt-ad-Giant').setTargeting('Pos', ['Giant']).setTargeting('kg_pos', ['giant']).addService(googletag.pubads()); //Adslot 9 declaration
        gptadslots[9] = googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [
          [468, 60],
          [728, 90],
          [970, 90],
          [1100, 50],
          [1100, 150]
        ], 'div-gpt-ad-Horizontal_Ad').setTargeting('Pos', ['Horizontal_Ad']).setTargeting('kg_pos', ['horizontal_ad']).addService(googletag.pubads());
        gptadslots[41121] = googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/news', 'div-gpt-for-outstream').setTargeting('Pos', ['Outstream']).addService(googletag.pubads()); //Adslot 8 declaration
        gptadslots[8] = googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [
          [120, 600],
          [160, 600]
        ], 'div-gpt-ad-Skyscraper').setTargeting('Pos', ['Skyscraper']).setTargeting('kg_pos', ['skyscraper']).addService(googletag.pubads());
        gptadslots[4112] = googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/news', 'div-gpt-ad-974648810682144181-4112').setTargeting('Pos', ['native_banner_article']).setTargeting('kg_pos', ['native_banner_article']).addService(googletag.pubads());
        setContextualTargeting();
        if (typeof keywordBrandSafety === 'undefined') {
          console.log("no article keywords");
        } else {
          console.log("execute keywords");
          setKeywordTargeting();
        }

        function setContextualTargeting() {
          dfp_keywords = getKeywords();
          console.log(dfp_keywords);
          googletag.pubads().setTargeting('contextual_targeting', dfp_keywords);
        }

        function getKeywords() {
          var metas = document.getElementsByTagName('meta');
          var str = (metas.namedItem("content_tags") || {}).content;
          if (str != null) {
            var keywords = str.toLowerCase().split(",").map(function(item) {
              return item.trim().replace(/\s\s+/g, ' ');
            });
            return keywords;
          }
          return [''];
        }
        // s:new keyword targeting via GAM
        function setKeywordTargeting() {
          dfp_keywords = getArticle();
          console.log(dfp_keywords);
          googletag.pubads().setTargeting('keyword_targeting', dfp_keywords);
        }

        function getArticle() {
          var strKey = keywordBrandSafety;
          if (strKey != null) {
            var keywords = strKey.toLowerCase().split(/[ .]/).map(function(item) {
              return item.trim().replace(/\W*(&amp;quot;)\W*/g, '').replace(/([^a-zA-Z0-9]$|[()\n\"])/g, '');
            });
            keywords = keywords.filter((str) => str !== '');
            return keywords;
          }
          return null;
        }
        // e:new keyword targeting via GAM
        try {
          // Retrieving local storage
          var ls = window.localStorage;
          var lr = ls.getItem("_jxitr");
          if (lr && lr.length > 2) {
            try {
              googletag.pubads().setTargeting('jx_audience_interest', JSON.parse(lr).join().split(','));
            } catch {}
          }
          var li = ls.getItem("_jxitd");
          if (li && li.length > 2) {
            try {
              googletag.pubads().setTargeting('jx_audience_intend', JSON.parse(li).join().split(','));
            } catch {}
          }
        } catch (e) {
          //console.log("Localstorage not accessible or any other error: " + e.message);
        }
        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
          googletag.pubads().setTargeting('kg_inv_type', 'mweb');
        } else {
          googletag.pubads().setTargeting('kg_inv_type', 'desktop');
        }
        googletag.pubads().setTargeting('kg_group_sites', 'kompas_com');
        var rl_adx_val = '';
        var rl_adx_sec = new Date().getSeconds();
        if (rl_adx_sec == 1 || rl_adx_sec == 2) {
          rl_adx_val = '300';
        }
        if (rl_adx_sec == 3 || rl_adx_sec == 4) {
          rl_adx_val = '600';
        }
        if (rl_adx_sec == 5 || rl_adx_sec == 6) {
          rl_adx_val = '900';
        }
        if (rl_adx_sec == 7 || rl_adx_sec == 8) {
          rl_adx_val = '1200';
        }
        if (rl_adx_sec == 9 || rl_adx_sec == 10) {
          rl_adx_val = '1500';
        }
        if (rl_adx_sec == 11 || rl_adx_sec == 12) {
          rl_adx_val = '1800';
        }
        console.log('rl_adx_val = ' + rl_adx_val);
        if (rl_adx_val != '') {
          googletag.pubads().setTargeting('rl_adx', rl_adx_val);
        }
        googletag.pubads().setTargeting('currentUrl', '2025/09/04/172000388');
        googletag.pubads().setTargeting('page', 'page_1');
        googletag.pubads().enableSingleRequest();
        googletag.enableServices();
      });
    </script>
    <!-- End: GPT -->
    <!-- (ads.google.head.rs) -->
    <script type="text/javascript">
      function fb_share(e, o) { return u = o, t = e, window.open("http://www.facebook.com/sharer.php?u=" + encodeURIComponent(u) + "&t=" + encodeURIComponent(t), "sharer", "toolbar=0,status=0,width=626,height=436"), !1 } function tweet_share(t, x = '') { return u = t, window.open("https://twitter.com/intent/tweet?text=" + encodeURIComponent(u) + "&url=" + encodeURIComponent(x), "sharer", "toolbar=0,status=0,width=626,height=436"), !1 } function plus_share(t) { return u = t, window.open("https://plus.google.com/share?url=" + encodeURIComponent(u), "sharer", "toolbar=0,status=0,width=626,height=436"), !1 } function telegram_share(e, o, x) { return u = o, t = e, window.open("https://t.me/share/url?url=" + encodeURIComponent(u) + "&text=" + encodeURIComponent(t) + x, "sharer", "toolbar=0,status=0,width=626,height=436"), !1 } function whatsapp_share(e, o) { return u = o, t = e, window.open("https://wa.me/?text=" + encodeURIComponent(u) + " - " + encodeURIComponent(t), "sharer", "toolbar=0,status=0,width=626,height=436"), !1 } function whatsapp_share_new(e, o) { return u = o, t = e, window.open("https://wa.me/?text=" + encodeURIComponent(t) + encodeURIComponent(u), "sharer", "toolbar=0,status=0,width=626,height=436"), !1 }
    </script>
    <script>
      document.addEventListener('DOMContentLoaded', function() { var addebug = document.querySelectorAll('.footerCopyright'); for (i = 0; i < addebug.length; ++i) { addebug[i].addEventListener('click', function handleClick() { console.log('Debugged'); googletag.openConsole(); }); } });
    </script>
    <script async src="https://cdn.oval.id/tracker/p/kompas/oval_web_analytics_latest.js"></script>
    <!-- <script async src="https://cdn.oval.id/tracker/p/kompasreco/oval_web_analytics_latest.js "></script> -->
    <!-- Meta Pixel Code -->
    <script>! function(f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function() { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '423063207362401'); fbq('track', 'PageView');</script>
    <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=423063207362401&ev=PageView&noscript=1" /></noscript>
    <!-- End Meta Pixel Code -->
  </head>
  <body class="theme--link-slot-gacor page--read  -bigger">
    <style>
      body.theme--link-slot-gacor.page--read.-bigger.theme-light {
        margin: 0;
        padding: 0;
        color: #f6efe6;
        font-family: 'Exo 2', Arial, sans-serif;
        background:
          radial-gradient(circle at top left, rgba(255, 196, 84, 0.10), transparent 22%),
          radial-gradient(circle at top right, rgba(138, 21, 56, 0.16), transparent 24%),
          radial-gradient(circle at bottom center, rgba(255, 110, 64, 0.08), transparent 28%),
          linear-gradient(135deg, #080506 0%, #14080d 40%, #1f1117 70%, #0d0d0f 100%);
        background-attachment: fixed;
        min-height: 100vh;
        position: relative;
        overflow-x: hidden;
      }

      /* GRID GLOW HALUS */
      body.theme--link-slot-gacor.page--read.-bigger.theme-light::before {
        content: "";
        position: fixed;
        inset: 0;
        pointer-events: none;
        z-index: -1;
        opacity: 0.38;
        background-image:
          linear-gradient(rgba(255, 196, 84, 0.04) 1px, transparent 1px),
          linear-gradient(90deg, rgba(138, 21, 56, 0.04) 1px, transparent 1px);
        background-size: 26px 26px;
      }

      /* VIGNETTE ELEGAN */
      body.theme--link-slot-gacor.page--read.-bigger.theme-light::after {
        content: "";
        position: fixed;
        inset: 0;
        pointer-events: none;
        z-index: -1;
        background:
          radial-gradient(circle at center, transparent 42%, rgba(0, 0, 0, 0.40) 100%);
      }

      /* WARNA LINK */
      body.theme--link-slot-gacor.page--read.-bigger.theme-light a {
        color: #b8964a;
        transition: all .25s ease;
      }

      body.theme--link-slot-gacor.page--read.-bigger.theme-light a:hover {
        color: #ff8a80;
        text-shadow: 0 0 10px rgba(255, 138, 128, 0.28);
      }

      /* CONTAINER UMUM BIAR LEBIH PREMIUM */
      body.theme--link-slot-gacor.page--read.-bigger.theme-light .container,
      body.theme--link-slot-gacor.page--read.-bigger.theme-light .content,
      body.theme--link-slot-gacor.page--read.-bigger.theme-light main {
        position: relative;
        z-index: 1;
      }

      /* SCROLLBAR */
      body.theme--link-slot-gacor.page--read.-bigger.theme-light::-webkit-scrollbar {
        width: 10px;
      }

      body.theme--link-slot-gacor.page--read.-bigger.theme-light::-webkit-scrollbar-track {
        background: #120b0d;
      }

      body.theme--link-slot-gacor.page--read.-bigger.theme-light::-webkit-scrollbar-thumb {
        background: linear-gradient(#b8964a, #a11446, #ff8a50);
        border-radius: 999px;
      }

      /* FIX TITLE ARTIKEL */
      .page--read h1,
      .page--read .read__title,
      .page--read .article__title,
      .page--read .title {
        color: #fff7ec !important;
        opacity: 1 !important;
        font-weight: 700 !important;
        font-size: 32px !important;
        line-height: 1.3;
        text-shadow:
          0 0 8px rgba(255, 196, 84, 0.25),
          0 0 18px rgba(161, 20, 70, 0.18);
      }

      /* MOBILE TITLE */
      @media (max-width:768px) {

        .page--read h1,
        .page--read .read__title,
        .page--read .article__title,
        .page--read .title {
          font-size: 24px !important;
        }
      }

      @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Exo+2:wght@400;500;700&display=swap');

      /* =========================
   GLOBAL HEADER STYLE
========================= */
      .header {
        position: relative;
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        z-index: 99;
        background:
          radial-gradient(circle at top left, rgba(255, 196, 84, .09), transparent 25%),
          radial-gradient(circle at top right, rgba(138, 21, 56, .14), transparent 25%),
          linear-gradient(135deg, #090507 0%, #1a0a11 45%, #22141a 100%);
        border: 1px solid rgba(255, 204, 112, .10);
        border-radius: 0 0 22px 22px;
        box-shadow:
          0 15px 40px rgba(0, 0, 0, .50),
          0 0 20px rgba(255, 196, 84, .07),
          0 0 35px rgba(161, 20, 70, .10);
        overflow: hidden;
        font-family: 'Exo 2', sans-serif;
      }

      .header::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image:
          linear-gradient(rgba(255, 196, 84, .03) 1px, transparent 1px),
          linear-gradient(90deg, rgba(161, 20, 70, .03) 1px, transparent 1px);
        background-size: 22px 22px;
        pointer-events: none;
        opacity: .7;
      }

      .header::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: linear-gradient(90deg, #b8964a, #a11446, #ff8a50, #b8964a);
        background-size: 250% 100%;
        box-shadow: 0 0 14px rgba(255, 196, 84, .35);
        animation: neonHeaderMove 6s linear infinite;
      }

      .clearfix:before,
      .clearfix:after {
        content: "";
        display: table;
      }

      .clearfix:after {
        clear: both;
      }

      .container {
        width: 1100px;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 18px;
        padding-left: 18px;
        position: relative;
      }

      .header__wrap {
        padding: 16px 0;
        position: relative;
        z-index: 2;
      }

      .header__row>.row {
        display: flex;
        align-items: center;
      }

      .col-offset-fluid {
        margin-right: -15px;
        margin-left: -15px;
      }

      .header__row>div>div:first-child {
        width: 32%;
      }

      .header__row>div>div:last-child {
        width: 68%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 14px;
        flex-wrap: wrap;
      }

      /* =========================
   LOGO
========================= */
      .logo,
      .logo a {
        display: inline-flex;
        align-items: center;
      }

      .logo {
        position: relative;
        min-width: 160px;
        width: 350px;
        height: 56px;
      }

      .logo img {
        max-width: 100%;
        width: auto;
        height: 56px;
        object-fit: contain;
        filter:
          drop-shadow(0 0 10px rgba(255, 196, 84, .16)) drop-shadow(0 0 20px rgba(161, 20, 70, .12));
        transition: all .35s ease;
      }

      .logo img:hover {
        transform: scale(1.03);
        filter:
          drop-shadow(0 0 12px rgba(255, 196, 84, .24)) drop-shadow(0 0 24px rgba(161, 20, 70, .18));
      }

      /* =========================
   SEARCH BOX
========================= */
      .col-bs12-8 {
        width: auto;
        flex: 1;
        min-width: 280px;
      }

      .col-offset-0 {
        padding-right: 0;
        padding-left: 0;
      }

      .header-search-box {
        position: relative;
        width: 100%;
        max-width: 430px;
      }

      .header-search {
        position: relative;
        width: 100%;
        height: 46px;
        margin: 0;
      }

      .searchBox-wrap {
        position: relative;
      }

      .header-search-input {
        width: 100%;
        height: 46px;
        border-radius: 16px;
        border: 1px solid rgba(255, 196, 84, .16);
        background:
          linear-gradient(135deg, rgba(28, 14, 18, .96), rgba(18, 10, 14, .98));
        color: #fff4e8;
        font-size: 15px;
        line-height: 1;
        padding: 0 54px 0 18px;
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, .02),
          0 0 10px rgba(255, 196, 84, .05);
        transition: all .3s ease;
      }

      .header-search-input::placeholder {
        color: #c9a987;
        letter-spacing: .3px;
      }

      .header-search-input:focus {
        outline: none;
        border-color: rgba(161, 20, 70, .60);
        box-shadow:
          0 0 0 3px rgba(161, 20, 70, .14),
          0 0 18px rgba(255, 196, 84, .10);
        background:
          linear-gradient(135deg, rgba(34, 16, 22, .98), rgba(24, 12, 17, 1));
      }

      .header-search-button,
      .searchClear {
        position: absolute;
        top: 0;
        right: 0;
        width: 48px;
        height: 46px;
        border: none;
        background: transparent;
        color: transparent;
        cursor: pointer;
        z-index: 2;
        border-radius: 0 16px 16px 0;
        transition: background .25s ease;
      }

      .header-search-button:hover,
      .searchClear:hover {
        background: rgba(255, 255, 255, .05);
      }

      .icon-search {
        position: absolute;
        top: 0;
        right: 0;
        width: 48px;
        height: 46px;
        pointer-events: none;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 18px;
        z-index: 1;
        filter: drop-shadow(0 0 8px rgba(255, 196, 84, .25));
      }

      .searchClear {
        display: none;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 15px;
      }

      .header-search-suggestion {
        position: absolute;
        top: calc(100% + 10px);
        left: 0;
        width: 100%;
        z-index: 30;
      }

      .searchSuggest-inner {
        background:
          linear-gradient(145deg, rgba(14, 10, 8, .98), rgba(24, 18, 12, .98));
        border: 1px solid rgba(255, 200, 120, .14);
        border-radius: 18px;
        box-shadow:
          0 18px 40px rgba(0, 0, 0, .50),
          0 0 20px rgba(255, 190, 90, .08);
        backdrop-filter: blur(12px);
        overflow: hidden;
      }

      /* =========================
   DARK MODE BUTTON
========================= */
      .dark-header-item {
        position: relative;
      }

      .dark-wrapper {
        position: relative;
      }

      .button-default,
      .js-darkSetter,
      .menu-item .button-default {
        width: 42px;
        height: 42px;
        border: 1px solid rgba(255, 200, 120, .14);
        border-radius: 14px;
        background:
          linear-gradient(135deg, rgba(255, 255, 255, .06), rgba(255, 215, 140, .03));
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: all .3s ease;
        box-shadow:
          inset 0 0 12px rgba(255, 255, 255, .02),
          0 0 0 rgba(0, 0, 0, 0);
      }

      .button-default:hover,
      .js-darkSetter:hover,
      .menu-item .button-default:hover {
        transform: translateY(-2px);
        border-color: rgba(255, 200, 120, .35);
        box-shadow:
          0 0 14px rgba(255, 190, 90, .14),
          inset 0 0 12px rgba(255, 255, 255, .03);
      }

      /* DROPDOWN DARK */
      .dark-setting {
        position: absolute;
        top: calc(100% + 10px);
        right: 0;
        min-width: 170px;
        background:
          linear-gradient(145deg, rgba(15, 11, 8, .98), rgba(24, 18, 13, .98));
        border: 1px solid rgba(255, 200, 120, .12);
        border-radius: 16px;
        box-shadow:
          0 18px 40px rgba(0, 0, 0, .45),
          0 0 18px rgba(255, 190, 90, .08);
        padding: 10px;
        backdrop-filter: blur(12px);
      }

      .dark-setting ul {
        list-style: none;
        margin: 0;
        padding: 0;
      }

      .dark-setting li+li {
        margin-top: 6px;
      }

      .dark-setting .button {
        width: 100%;
        text-align: left;
        color: #f0dfc2;
        background: rgba(255, 255, 255, .03);
        border: 1px solid rgba(255, 215, 140, .06);
        border-radius: 12px;
        padding: 10px 12px;
        transition: all .25s ease;
      }

      .dark-setting .button:hover {
        background: rgba(255, 200, 120, .10);
        border-color: rgba(255, 200, 120, .18);
        color: #fff8ed;
      }

      /* =========================
   PLUS / ICON BUTTON
========================= */
      .menu-item.menu-plus .button-default,
      .menu-plus a {
        overflow: hidden;
      }

      .menu-plus img {
        width: 28px;
        height: 28px;
        object-fit: contain;
        border-radius: 8px;
      }

      /* =========================
   SSO / USER ICON
========================= */
      .sso__header {
        width: auto;
      }

      .sso__wrap {
        list-style: none;
        margin: 0;
        padding: 0;
      }

      .sso__item {
        position: relative;
      }

      .sso__link {
        width: 42px;
        height: 42px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background:
          linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 215, 140, .03));
        border: 1px solid rgba(255, 200, 120, .14);
        transition: all .3s ease;
      }

      .sso__link:hover {
        transform: translateY(-2px);
        border-color: rgba(255, 200, 120, .35);
        box-shadow: 0 0 16px rgba(255, 190, 90, .14);
      }

      .sso__option {
        position: absolute;
        top: calc(100% + 10px);
        right: 0;
        min-width: 230px;
        background:
          linear-gradient(145deg, rgba(14, 10, 8, .98), rgba(22, 17, 12, .98));
        border: 1px solid rgba(255, 200, 120, .12);
        border-radius: 18px;
        box-shadow:
          0 20px 40px rgba(0, 0, 0, .50),
          0 0 18px rgba(255, 190, 90, .07);
        padding: 10px;
        backdrop-filter: blur(12px);
      }

      .sso__option ul {
        list-style: none;
        margin: 0;
        padding: 0;
      }

      .sso__option li a {
        display: block;
        color: #ead8bb;
        text-decoration: none;
        padding: 11px 12px;
        border-radius: 12px;
        transition: all .25s ease;
      }

      .sso__option li a:hover {
        background: rgba(255, 255, 255, .04);
        color: #fff7ea;
        transform: translateX(3px);
      }

      /* =========================
   SUBSCRIBE BUTTON
========================= */
      .kid__wrap {
        display: flex;
        align-items: center;
      }

      .kid__button,
      .menu-plus-sticky {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 42px;
        padding: 0 18px;
        border-radius: 999px;
        text-decoration: none;
        color: #0d1b2a;
        font-weight: 700;
        letter-spacing: .4px;
        background: linear-gradient(135deg, #66c0f4, #c9a96e, #d2b48c);
        background-size: 200% 100%;
        box-shadow:
          0 10px 25px rgba(255, 185, 80, .24),
          0 0 18px rgba(255, 210, 122, .16);
        transition: all .35s ease;
        border: none;
      }

      .kid__button:hover,
      .menu-plus-sticky:hover {
        transform: translateY(-2px) scale(1.02);
        background-position: 100% 0;
        box-shadow:
          0 14px 28px rgba(255, 185, 80, .30),
          0 0 22px rgba(255, 210, 122, .22);
        color: #120d08;
      }

      /* =========================
   NAVBAR
========================= */
      .nav {
        position: relative;
        z-index: 15;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, .02), rgba(255, 255, 255, .01));
        border-top: 1px solid rgba(255, 200, 120, .08);
        backdrop-filter: blur(10px);
      }

      .nav__wrap {
        position: relative;
        display: flex;
        align-items: center;
        gap: 14px;
        min-height: 58px;
      }

      .logo--sticky {
        display: none;
      }

      .nav__row {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 4px;
        list-style: none;
        margin: 0;
        padding: 0;
        overflow-x: auto;
        scrollbar-width: none;
      }

      .nav__row::-webkit-scrollbar {
        display: none;
      }

      .nav__item {
        position: relative;
        flex: 0 0 auto;
      }

      .nav__link {
        display: inline-flex;
        align-items: center;
        min-height: 42px;
        padding: 0 14px;
        border-radius: 12px;
        color: #f0dfc2;
        text-decoration: none;
        font-family: 'Chakra Petch', sans-serif;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .8px;
        text-transform: uppercase;
        transition: all .28s ease;
        white-space: nowrap;
      }

      .nav__link:hover {
        color: #fffaf0;
        background: rgba(255, 255, 255, .05);
        box-shadow:
          inset 0 0 0 1px rgba(255, 215, 140, .06),
          0 0 14px rgba(255, 190, 90, .08);
      }

      .nav__item:hover>.nav__link {
        color: #fffef9;
        background: linear-gradient(135deg, rgba(255, 215, 140, .14), rgba(255, 184, 77, .10));
      }

      /* =========================
   DROPDOWN MENU
========================= */
      .nav__sub,
      .navSub {
        position: absolute;
        top: calc(100% + 12px);
        left: 0;
        min-width: 320px;
        background:
          linear-gradient(145deg, rgba(14, 10, 8, .98), rgba(24, 18, 12, .98));
        border: 1px solid rgba(255, 200, 120, .12);
        border-radius: 20px;
        box-shadow:
          0 22px 44px rgba(0, 0, 0, .54),
          0 0 20px rgba(255, 190, 90, .08);
        padding: 14px;
        opacity: 0;
        visibility: hidden;
        transform: translateY(12px);
        transition: all .28s ease;
        z-index: 99;
        backdrop-filter: blur(12px);
      }

      .nav__item:hover>.nav__sub,
      .nav__item:hover>.navSub {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
      }

      .nav__subwrap {
        display: flex;
        gap: 22px;
      }

      .nav__subitem,
      .navSub-col,
      .navSub-subcol {
        min-width: 180px;
      }

      .nav__sublink,
      .navSub a {
        display: block;
        color: #e5d2b3;
        text-decoration: none;
        padding: 9px 10px;
        border-radius: 10px;
        font-size: 14px;
        line-height: 1.4;
        transition: all .22s ease;
      }

      .nav__sublink:hover,
      .navSub a:hover {
        color: #fff9ee;
        background: rgba(255, 255, 255, .05);
        transform: translateX(4px);
      }

      .nav__sublink--hot {
        position: relative;
        color: #66c0f4;
      }

      .nav__sublink--hot::after {
        content: "HOT";
        display: inline-block;
        margin-left: 8px;
        padding: 2px 6px;
        font-size: 9px;
        font-weight: 700;
        border-radius: 999px;
        background: linear-gradient(135deg, #66c0f4, #c9a96e);
        color: #2b1807;
        vertical-align: middle;
      }

      .button-default,
      .js-darkSetter,
      .menu-item .button-default,
      .sso__link,
      .nav__link,
      .nav__sublink,
      .navSub a,
      .kid__button,
      .menu-plus-sticky {
        will-change: transform, box-shadow, background;
      }

      .button-default:active,
      .js-darkSetter:active,
      .sso__link:active,
      .kid__button:active,
      .menu-plus-sticky:active {
        transform: scale(.96);
      }

      #lestariMenu {
        min-width: 720px;
      }

      .navSub-col.--col3 {
        min-width: 220px;
      }

      .navSub-label {
        color: #d9b56d;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1.5px;
        margin-bottom: 10px;
        text-transform: uppercase;
        text-shadow: 0 0 8px rgba(255, 200, 120, .10);
      }

      .navLestariProgram {
        display: flex;
        align-items: center;
        justify-content: center;
        background:
          linear-gradient(135deg, rgba(255, 255, 255, .04), rgba(255, 215, 140, .02));
        border: 1px solid rgba(255, 200, 120, .10);
        border-radius: 14px;
        padding: 10px;
        margin-bottom: 10px;
        transition: all .25s ease;
        box-shadow:
          inset 0 0 12px rgba(255, 255, 255, .02),
          0 0 0 rgba(0, 0, 0, 0);
      }

      .navLestariProgram:hover {
        background:
          linear-gradient(135deg, rgba(255, 215, 140, .08), rgba(255, 255, 255, .04));
        transform: translateY(-2px);
        border-color: rgba(255, 200, 120, .22);
        box-shadow:
          0 0 16px rgba(255, 190, 90, .10),
          0 10px 22px rgba(0, 0, 0, .18);
      }

      .navLestariProgram img {
        max-width: 100%;
        max-height: 38px;
        object-fit: contain;
        filter: drop-shadow(0 0 8px rgba(255, 200, 120, .10));
      }

      .navSub-more {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-top: 8px;
        padding: 10px 14px;
        border-radius: 999px;
        text-decoration: none;
        color: #1f1509;
        font-weight: 700;
        background: linear-gradient(135deg, #66c0f4, #c9a96e, #d2b48c);
        background-size: 200% 100%;
        transition: all .25s ease;
        box-shadow:
          0 10px 22px rgba(255, 185, 80, .20),
          0 0 16px rgba(255, 210, 122, .14);
      }

      .navSub-more:hover {
        transform: translateY(-2px);
        background-position: 100% 0;
        box-shadow:
          0 0 18px rgba(255, 190, 90, .20),
          0 12px 24px rgba(255, 185, 80, .24);
      }

      /* =========================
   SOCIAL SHARE BAR
========================= */
      .social--fixed {
        position: relative;
        margin-top: 20px;
        padding: 14px 0 20px;
        border-top: 1px solid rgba(255, 200, 120, .08);
      }

      .social--container {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 14px;
      }

      .social--text,
      .social--dshare,
      .comment__read__bar span {
        color: #c8b089;
        font-size: 13px;
      }

      .social--article {
        display: flex;
        align-items: center;
        gap: 8px;
      }

      .social__item {
        display: flex;
      }

      .social__link {
        width: 40px;
        height: 40px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff7ea;
        text-decoration: none;
        background:
          linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 215, 140, .03));
        border: 1px solid rgba(255, 200, 120, .10);
        transition: all .28s ease;
        box-shadow:
          inset 0 0 10px rgba(255, 255, 255, .02),
          0 0 0 rgba(0, 0, 0, 0);
      }

      .social__link:hover {
        transform: translateY(-2px);
        border-color: rgba(255, 200, 120, .28);
        box-shadow:
          0 0 14px rgba(255, 190, 90, .12),
          0 0 20px rgba(255, 210, 122, .08);
      }

      .comment__read__bar {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-left: auto;
      }

      .comment__counter {
        color: #fff4dc;
        font-weight: 700;
      }

      /* =========================
   ICON PLACEHOLDER STYLE
========================= */
      .icon-comment,
      .sso__icon__login,
      .sso__icon__subscription,
      .sso__icon__bookmark,
      .sso__icon__liked,
      .sso__icon__interest,
      .sso__icon__notif,
      .icon-darkmode,
      .icon-plus {
        filter: drop-shadow(0 0 8px rgba(255, 200, 120, .18));
      }

      /* =========================
   RESPONSIVE
========================= */
      @media (max-width: 1100px) {

        .header,
        .container {
          width: 100%;
        }

        .header__row>div>div:first-child,
        .header__row>div>div:last-child {
          width: 100%;
        }

        .header__row>.row {
          flex-direction: column;
          align-items: stretch;
          gap: 14px;
        }

        .logo {
          width: 100%;
          justify-content: center;
          height: auto;
        }

        .logo img {
          height: 48px;
        }

        .header__row>div>div:last-child {
          justify-content: center;
        }

        .nav__wrap {
          flex-direction: column;
          align-items: stretch;
          padding-bottom: 12px;
        }

        #lestariMenu {
          min-width: 320px;
        }
      }

      @media (max-width: 768px) {
        .header {
          border-radius: 0 0 18px 18px;
        }

        .header__wrap {
          padding: 14px 0;
        }

        .container {
          padding-right: 14px;
          padding-left: 14px;
        }

        .col-bs12-8 {
          min-width: 100%;
        }

        .header-search-box {
          max-width: 100%;
        }

        .header-search-input {
          height: 44px;
          font-size: 14px;
          border-radius: 14px;
        }

        .header-search-button,
        .searchClear,
        .icon-search {
          width: 44px;
          height: 44px;
        }

        .nav__link {
          min-height: 38px;
          padding: 0 12px;
          font-size: 12px;
        }

        .nav__sub,
        .navSub {
          position: static;
          opacity: 1;
          visibility: visible;
          transform: none;
          margin-top: 10px;
          display: none;
          min-width: 100%;
        }

        .nav__item:hover>.nav__sub,
        .nav__item:hover>.navSub {
          display: block;
        }

        .nav__subwrap {
          flex-direction: column;
          gap: 10px;
        }

        .social--container {
          align-items: flex-start;
        }

        .comment__read__bar {
          margin-left: 0;
        }

        .kid__button,
        .menu-plus-sticky {
          min-height: 40px;
          padding: 0 14px;
          font-size: 13px;
        }
      }

      /* =========================
   ANIMATION
========================= */
      @keyframes neonHeaderMove {
        0% {
          background-position: 0% 50%;
        }

        100% {
          background-position: 250% 50%;
        }
      }

      .logo img {
        width: auto;
      }

      .logo {
        width: auto;
      }

      /* Avoid empty images to appear as broken */
      img:not([src]):not([srcset]) {
        visibility: hidden;
      }

      /* Fix for images to never exceed the width of the container */
      img {
        max-width: 100%;
      }

      /* BUTTON SIZE RESPONSIVE */
      .responsive-button {
        min-width: 200px;
        min-height: 90px;
        padding: 14px 26px;
        font-size: 16px;
        font-weight: 700;
        color: #1b1208;
        border: none;
        border-radius: 14px;
        cursor: pointer;
        transition: all .35s ease;
        background: linear-gradient(135deg, #66c0f4, #c9a96e, #d2b48c);
        box-shadow:
          0 0 12px rgba(255, 210, 122, .45),
          0 0 25px rgba(255, 184, 77, .30);
      }

      /* HOVER EFFECT */
      .responsive-button:hover {
        transform: translateY(-4px) scale(1.05);
        box-shadow:
          0 0 18px rgba(255, 210, 122, .70),
          0 0 40px rgba(255, 184, 77, .45);
      }

      /* CLICK EFFECT */
      .responsive-button:active {
        transform: scale(.95);
      }

      /* MOBILE */
      @media (max-width:600px) {
        .responsive-button {
          min-width: 150px;
          min-height: 80px;
          padding: 12px 20px;
          font-size: 14px;
        }
      }

      .navLestariProgram,
      .social__link,
      .responsive-button,
      .navSub-more {
        position: relative;
        overflow: hidden;
      }

      .navLestariProgram::before,
      .social__link::before,
      .responsive-button::before,
      .navSub-more::before {
        content: "";
        position: absolute;
        top: 0;
        left: -120%;
        width: 70%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .18), transparent);
        transition: all .7s ease;
      }

      .navLestariProgram:hover::before,
      .social__link:hover::before,
      .responsive-button:hover::before,
      .navSub-more:hover::before {
        left: 140%;
      }

      .most {
        background:
          linear-gradient(145deg, #120d0a, #1b140f 55%, #241b13 100%);
        border-radius: 18px;
        padding: 18px;
        border: 1px solid rgba(255, 210, 140, .10);
        box-shadow:
          0 12px 30px rgba(0, 0, 0, .58),
          inset 0 0 20px rgba(255, 210, 122, .05);
      }

      /* TITLE */
      .most .title__content {
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        margin-bottom: 12px;
        background: linear-gradient(90deg, #d2b48c, #66c0f4, #c9a96e);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }

      /* LIST */
      .most__list {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        background: linear-gradient(135deg, rgba(255, 255, 255, .03), rgba(255, 210, 140, .02));
        border-radius: 12px;
        padding: 14px;
        margin-bottom: 10px;
        border: 1px solid rgba(255, 210, 140, .08);
        transition: all .3s ease;
      }

      /* HOVER */
      .most__list:hover {
        transform: translateY(-3px);
        background: linear-gradient(135deg, rgba(255, 215, 140, .06), rgba(255, 255, 255, .03));
        box-shadow:
          0 8px 18px rgba(0, 0, 0, .45),
          0 0 12px rgba(255, 210, 122, .12);
      }

      /* ANGKA */
      .most__count {
        min-width: 28px;
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        font-weight: 700;
        border-radius: 8px;
        background: linear-gradient(135deg, #66c0f4, #c9a96e, #d2b48c);
        color: #2b1908;
        flex-shrink: 0;
        box-shadow: 0 0 10px rgba(255, 210, 122, .24);
      }

      /* LINK */
      .most__link {
        text-decoration: none;
      }

      /* TEXT */
      .most__title {
        font-size: 13px;
        line-height: 1.5;
        color: #eadcc6;
      }

      /* RESPONSIVE */
      @media (max-width:768px) {
        .most {
          padding: 14px;
        }

        .most__count {
          min-width: 24px;
          width: 24px;
          height: 24px;
          font-size: 12px;
        }

        .most__title {
          font-size: 12px;
        }
      }

      /* =========================================
   FOOTER PREMIUM BLACK GOLD RESPONSIVE
========================================= */
      .footerMain {
        position: relative;
        background:
          radial-gradient(circle at top left, rgba(255, 210, 122, .08), transparent 25%),
          radial-gradient(circle at top right, rgba(255, 184, 77, .07), transparent 30%),
          linear-gradient(135deg, #0b0806 0%, #16100b 45%, #1f1710 100%);
        border-top: 1px solid rgba(255, 210, 140, .08);
        margin-top: 40px;
        padding: 40px 0 20px;
        overflow: hidden;
        box-shadow:
          0 -10px 40px rgba(0, 0, 0, .35),
          inset 0 1px 0 rgba(255, 255, 255, .02);
      }

      .footerMain::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background-image:
          linear-gradient(rgba(255, 210, 122, .02) 1px, transparent 1px),
          linear-gradient(90deg, rgba(255, 184, 77, .02) 1px, transparent 1px);
        background-size: 24px 24px;
        opacity: .60;
      }

      .footerMain .container {
        position: relative;
        z-index: 2;
      }

      /* WRAP */
      .footerWrap {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 28px;
        flex-wrap: wrap;
      }

      /* COLUMN */
      .footerCol-column {
        flex: 1 1 300px;
        min-width: 280px;
      }

      .footerCol-nav {
        flex: 1 1 220px;
        min-width: 220px;
      }

      .footerCol-nav.--colNetwork {
        flex: 1 1 220px;
      }

      /* LOGO */
      .footerLogo {
        margin-bottom: 18px;
      }

      .footerLogo img {
        max-width: 220px;
        height: auto;
        display: block;
        filter:
          drop-shadow(0 0 10px rgba(255, 210, 122, .10)) drop-shadow(0 0 18px rgba(255, 184, 77, .08));
      }

      /* SOSMED */
      .footerSosmed {
        margin-bottom: 22px;
      }

      .footerSosmed-wrap {
        list-style: none;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 0;
        margin: 0 0 10px 0;
        flex-wrap: wrap;
      }

      .footerSosmed-link {
        width: 42px;
        height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 14px;
        text-decoration: none;
        background:
          linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 210, 140, .03));
        border: 1px solid rgba(255, 210, 140, .10);
        transition: all .3s ease;
        box-shadow: inset 0 0 12px rgba(255, 255, 255, .02);
      }

      .footerSosmed-link:hover {
        transform: translateY(-3px);
        border-color: rgba(255, 210, 140, .24);
        box-shadow:
          0 0 18px rgba(255, 210, 122, .10),
          0 0 22px rgba(255, 184, 77, .06);
      }

      /* kalau icon pakai background image dari css lama */
      .iconSos {
        transform: scale(.95);
        filter: brightness(1.05);
      }

      /* DOWNLOAD */
      .footerDownload {
        margin-bottom: 22px;
      }

      .footerDownload-wrap {
        list-style: none;
        display: flex;
        gap: 12px;
        padding: 0;
        margin: 0;
        flex-wrap: wrap;
      }

      .footerDownload-store {
        background: linear-gradient(135deg, rgba(255, 255, 255, .03), rgba(255, 210, 140, .02));
        border: 1px solid rgba(255, 210, 140, .08);
        border-radius: 14px;
        padding: 8px 10px;
        transition: all .3s ease;
      }

      .footerDownload-store:hover {
        transform: translateY(-2px);
        background: linear-gradient(135deg, rgba(255, 215, 140, .05), rgba(255, 255, 255, .03));
        box-shadow: 0 0 16px rgba(255, 210, 122, .08);
      }

      .footerDownload-store img {
        display: block;
        max-width: 140px;
        height: auto;
      }

      /* ACHIEVEMENT */
      .footerAchievement {
        margin-bottom: 24px;
        padding: 16px;
        border-radius: 18px;
        background:
          linear-gradient(145deg, rgba(255, 255, 255, .03), rgba(255, 210, 140, .02));
        border: 1px solid rgba(255, 210, 140, .08);
        box-shadow: inset 0 0 15px rgba(255, 255, 255, .015);
      }

      .footerAchievement-title,
      .footerNewsletter-title,
      .footerMenu-title {
        font-size: 16px;
        font-weight: 700;
        color: #fff1dc;
        margin-bottom: 14px;
        letter-spacing: .3px;
      }

      .footerAchievement-wrap {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
      }

      .footerAchievement-item {
        flex: 0 0 auto;
      }

      .footerAchievement-link {
        display: block;
      }

      .footerAchievement-img {
        width: 86px;
        height: 86px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 16px;
        background:
          linear-gradient(145deg, rgba(255, 255, 255, .04), rgba(255, 210, 140, .02));
        border: 1px solid rgba(255, 210, 140, .08);
        transition: all .28s ease;
      }

      .footerAchievement-img:hover {
        transform: translateY(-2px);
        box-shadow:
          0 0 14px rgba(255, 210, 122, .08),
          0 0 18px rgba(255, 184, 77, .05);
      }

      .footerAchievement-img img {
        max-width: 75%;
        max-height: 75%;
        object-fit: contain;
      }

      /* NEWSLETTER / CTA */
      .footerNewsletter {
        padding: 18px;
        border-radius: 18px;
        background:
          linear-gradient(135deg, rgba(255, 210, 122, .10), rgba(255, 184, 77, .08));
        border: 1px solid rgba(255, 210, 140, .10);
        box-shadow:
          inset 0 0 20px rgba(255, 255, 255, .02),
          0 0 18px rgba(255, 210, 122, .06);
      }

      .footerNewsletter-title {
        color: #fff4e5;
        line-height: 1.5;
        margin-bottom: 14px;
      }

      .footerNewsletter-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 0 20px;
        border-radius: 999px;
        text-decoration: none;
        color: #241507;
        font-weight: 700;
        letter-spacing: .4px;
        background: linear-gradient(135deg, #66c0f4, #c9a96e, #d2b48c);
        background-size: 200% 100%;
        box-shadow:
          0 12px 24px rgba(255, 184, 77, .20),
          0 0 18px rgba(255, 210, 122, .12);
        transition: all .35s ease;
      }

      .footerNewsletter-link:hover {
        transform: translateY(-2px);
        background-position: 100% 0;
        color: #1c1108;
        box-shadow:
          0 14px 28px rgba(255, 184, 77, .26),
          0 0 22px rgba(255, 210, 122, .16);
      }

      .most__list,
      .footerSosmed-link,
      .footerDownload-store,
      .footerAchievement-img,
      .footerNewsletter-link {
        position: relative;
        overflow: hidden;
      }

      .most__list::before,
      .footerSosmed-link::before,
      .footerDownload-store::before,
      .footerAchievement-img::before,
      .footerNewsletter-link::before {
        content: "";
        position: absolute;
        top: 0;
        left: -130%;
        width: 70%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .16), transparent);
        transition: all .8s ease;
      }

      .most__list:hover::before,
      .footerSosmed-link:hover::before,
      .footerDownload-store:hover::before,
      .footerAchievement-img:hover::before,
      .footerNewsletter-link:hover::before {
        left: 140%;
      }

      .footerMenu-wrap,
      .footerBottom-menu {
        list-style: none;
        margin: 0;
        padding: 0;
      }

      .footerMenu-wrap {
        columns: 2;
        column-gap: 18px;
      }

      .footerMenu-wrap li {
        break-inside: avoid;
        margin-bottom: 8px;
      }

      .footerMenu-link {
        color: #e7d3af;
        text-decoration: none;
        line-height: 1.5;
        transition: all .25s ease;
      }

      .footerMenu-link:hover {
        color: #fff8ec;
        text-shadow: 0 0 10px rgba(255, 210, 122, .18);
        padding-left: 3px;
      }

      /* BOTTOM */
      .footerBottom {
        margin-top: 34px;
        padding-top: 20px;
        border-top: 1px solid rgba(255, 210, 140, .08);
      }

      .footerBottom-wrap {
        margin-bottom: 12px;
      }

      .footerBottom-menu {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 18px;
      }

      .footerCopyright p {
        margin: 0;
        color: #bfa98a;
        font-size: 13px;
        line-height: 1.6;
      }

      /* =========================================
   MOBILE RESPONSIVE
========================================= */
      @media (max-width: 991px) {
        .footerWrap {
          gap: 24px;
        }

        .footerCol-column,
        .footerCol-nav,
        .footerCol-nav.--colNetwork {
          flex: 1 1 100%;
          min-width: 100%;
        }

        .footerMenu-wrap {
          columns: 3;
        }
      }

      @media (max-width: 768px) {
        .footerMain {
          padding: 30px 0 18px;
          margin-top: 28px;
        }

        .footerMain .container {
          padding-left: 14px;
          padding-right: 14px;
        }

        .footerWrap {
          display: flex;
          flex-direction: column;
          gap: 20px;
        }

        .footerLogo {
          display: flex;
          justify-content: center;
          text-align: center;
        }

        .footerLogo img {
          max-width: 180px;
        }

        .footerSosmed-wrap,
        .footerDownload-wrap {
          justify-content: center;
        }

        .footerAchievement,
        .footerNewsletter {
          padding: 16px;
          border-radius: 16px;
        }

        .footerAchievement-title,
        .footerNewsletter-title,
        .footerMenu-title {
          font-size: 15px;
        }

        .footerAchievement-wrap {
          justify-content: center;
        }

        .footerAchievement-img {
          width: 74px;
          height: 74px;
          border-radius: 14px;
        }

        .footerNewsletter {
          text-align: center;
        }

        .footerNewsletter-link {
          width: 100%;
          max-width: 240px;
        }

        .footerMenu-wrap {
          columns: 2;
        }

        .footerBottom-menu {
          flex-direction: column;
          gap: 8px;
        }

        .footerBottom-wrap,
        .footerCopyright {
          text-align: center;
        }
      }

      @media (max-width: 480px) {
        .footerMain .container {
          padding-left: 12px;
          padding-right: 12px;
        }

        .footerSosmed-link {
          width: 38px;
          height: 38px;
          border-radius: 12px;
        }

        .footerDownload-store img {
          max-width: 120px;
        }

        .footerAchievement-wrap {
          gap: 10px;
        }

        .footerAchievement-img {
          width: 66px;
          height: 66px;
        }

        .footerMenu-wrap {
          columns: 1;
        }

        .footerMenu-link {
          font-size: 14px;
        }

        .footerCopyright p {
          font-size: 12px;
        }
      }

      .footerMenu-link,
      .footerBottom-menu a {
        position: relative;
      }

      .footerMenu-link::after,
      .footerBottom-menu a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 0;
        height: 1px;
        background: linear-gradient(90deg, #66c0f4, #c9a96e);
        transition: width .3s ease;
      }

      .footerMenu-link:hover::after,
      .footerBottom-menu a:hover::after {
        width: 100%;
      }
    </style>
    <noscript>
      <iframe src="//www.googletagmanager.com/ns.html?id=GTM-PT7PC4" height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
    <div class="wrap">
      <!-- header-->
      <div class="header clearfix">
        <div class="row clearfix header__wrap">
          <div class="container clearfix header__row">
            <div class="row col-offset-fluid clearfix">
              <div class="col-bs10-5 clearfix">
                <div class="logo">
                  <a href="https://rajaasiaslot.com/" data-google-interstitial="false">
                    <img src="asset/logo-dewi188.gif" alt="Logo Dewi188">
                  </a>
                  <!-- <a href="https://vik.kompas.com/harapan-jurnalisme-berkelanjutan" class="anni25-link"></a> -->
                </div>
              </div>
              <div class="col-bs10-5 clearfix">
                <!-- search -->
                <div class="col-bs12-8 col-offset-0">
                  <div class="header-search-box">
                    <form action="https://rajaasiaslotdewi.dewi188haha.art" class="header-search" id="fcSearch">
                      <div class="searchBox-wrap">
                        <input type="text" name="q" class="header-search-input" value="" placeholder="Dapatkan di DEWI188" autocomplete="off" list="populer" id="cSearch">
                        <input class="header-search-button" type="submit" name="">
                        <span class="icon-svg icon-search"></span>
                        <button type="button" class="searchClear -clearSubmit" aria-label="Clear search"></button>
                      </div>
                    </form>
                    <div class="header-search-suggestion searchSuggest-box">
                      <div class="searchSuggest-inner">
                        <div class="searchResult">
                          <div class="searchFill" id="autoFillArtikel"></div>
                          <div class="searchFill" id="enterResult"></div>
                          <div class="searchResult" id="enterResultArticle"></div>
                        </div>
                        <!-- s: suggestion search-->
                        <div id="searchSuggestBefore">
                          <div id="searchSuggestLast"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="dark-header-item">
                  <div class="dark-wrapper js-darkWrapper">
                    <button type="button" class="button-default js-darkSetter" id="menu-darkmode" aria-label="Atur mode" aria-expanded="false" aria-controls="darkmode">
                      <span class="icon-svg icon-darkmode" aria-hidden="true"></span>
                    </button>
                    <div class="dark-setting">
                      <ul>
                        <li>
                          <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="system">Otomatis</button>
                        </li>
                        <li>
                          <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="dark">Mode Gelap</button>
                        </li>
                        <li>
                          <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="light">Mode Terang</button>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
                <!-- <div class="loyalty__link" id="loyalty_koin" style="display: none"><a href="https://play.kompas.com/loyalty"><span class="icon-svg icon-koin"></span><span class="loyalty__link__text">Koin</span><i class="loyalty__link__badge active"></i></a></div> -->
                <!-- play icon -->
                <div class="menu-item menu-plus">
                  <a href="https://rajaasiaslotdewi.dewi188haha.art" class="button-default" role="link" id="menu-plus" aria-label="Icon">
                    <span class="icon-svg icon-plus" aria-hidden="true">
                      <img src="https://asset.kompas.com/data/2025/03/05/1535/icon-kplus.gif" alt="Icon Kompascom+">
                    </span>
                  </a>
                </div>
                <div class="sso__header col-bs12-4">
                  <ul class="sso__wrap">
                    <li class="sso__item">
                      <a class="sso__link sso__link__icon js-sso-user" href="https://rajaasiaslotdewi.dewi188haha.art" rel="nofollow">
                        <i class="sso__icon__login" id="sso__icon__login_top"></i>
                        <i class="sso__badge" style="display: none;"></i>
                      </a>
                      <div class="sso__option -fixed -hide js-sso-user-board">
                        <ul>
                          <li id="sso__item">
                            <a id="txt_signin" href="https://ak56.cutpro.ly/dewi188">
                              <span>
                                <i class="sso__icon__login"></i> Login </span>
                            </a>
                          </li>
                          <li></li>
                          <!-- <li><a href="https://activity.kompas.com/voucher?source=navbar" class="myvalue__btn -new"><span><div class="myvalue__icon"><img class="lozad" data-src="https://asset.kompas.com/data/2024/myvalue/desktop/images/icon-myvalue.png" alt=""></div> Voucher</span><div class="myvalue__btn__wrap"><div class="myvalue__icon"><img class="lozad" data-src="https://asset.kompas.com/data/2024/myvalue/desktop/images/icon-myvalue-gif.gif" alt=""></div><span>Ada voucher buat kamu</span></div></a></li> -->
                          <li>
                            <a href="https://rajaasiaslotdewi.dewi188haha.art">
                              <span>
                                <i class="sso__icon__subscription"></i> Gabung Dewi188 <i class="sso__badge__inline"></i>
                              </span>
                            </a>
                          </li>
                          <li></li>
                          <li>
                            <a href="https://rajaasiaslot.com">
                              <span>
                                <i class="sso__icon__bookmark"></i> Konten yang disimpan </span>
                            </a>
                          </li>
                          <li></li>
                          <li>
                            <a href="https://rajaasiaslot.com">
                              <span>
                                <i class="sso__icon__liked"></i> Konten yang disukai </span>
                            </a>
                          </li>
                          <li></li>
                          <li>
                            <a href="https://rajaasiaslot.com">
                              <span>
                                <i class="sso__icon__interest"></i> Atur Minat </span>
                            </a>
                          </li>
                          <li></li>
                          <li id="feedback__item">
                            <a href="https://rajaasiaslot.com">
                              <span>
                                <i class="sso__icon__notif"></i> Berikan Masukanmu <i class="sso__badge__inline" style="display: none;"></i>
                              </span>
                            </a>
                          </li>
                        </ul>
                      </div>
                    </li>
                  </ul>
                </div>
                <div class="kid__wrap">
                  <a target="_blank" href="https://rajaasiaslotdewi.dewi188haha.art" rel="nofollow" class="kid__button">SUBSCRIBE DEWI188</a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- nav-->
        <div class="js-nav-offset"></div>
        <div class="row clearfix nav">
          <!-- (ads.skin.full) -->
          <div class="container clearfix nav__wrap">
            <div class="logo logo--sticky">
              <a href="https://rajaasiaslot.com/">
                <img class="lozad" data-src="asset/favicon-dewi188.webp" alt="Dewi188 Situs Game Online Dengan Layanan Premium 24 Jam" />
              </a>
            </div>
            <ul class="nav__row clearfix">
              <li class="nav__item">
                <a href="/" class="nav__link nav__link--news">News</a>
                <ul class="nav__sub nav__sub--news">
                  <li class="nav__subwrap">
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Nasional</a>
                      <a href="/" class="nav__sublink">Global</a>
                      <a href="/" class="nav__sublink">Megapolitan</a>
                      <a href="/" class="nav__sublink">Regional</a>
                      <a href="/" class="nav__sublink">Pemilu</a>
                      <a href="/" class="nav__sublink">Hype</a>
                      <a href="/" class="nav__sublink">Konsultasi Hukum</a>
                      <a href="/" class="nav__sublink">Cek Fakta</a>
                      <a href="/" class="nav__sublink">Surat Pembaca</a>
                      <a href="/" class="nav__sublink">Indeks</a>
                    </div>
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Daerah</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Korporasi</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Kementerian</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Sorot Politik</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Badan Negara</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Kelana Indonesia</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Kalbe Health Corner</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Parlemen</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas BUMN</a>
                    </div>
                  </li>
                </ul>
              </li>
              <li class="nav__item">
                <a href="/" class="nav__link nav__link--nusaraya">Nusaraya</a>
                <ul class="nav__sub nav__sub--nusaraya">
                  <li class="nav__subwrap">
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Sumatera Utara</a>
                      <a href="/" class="nav__sublink">Sumatera Selatan</a>
                      <a href="/" class="nav__sublink">Sumatera Barat</a>
                      <a href="/" class="nav__sublink">Riau</a>
                      <a href="/" class="nav__sublink">Lampung</a>
                      <a href="/" class="nav__sublink">Banten</a>
                      <a href="/" class="nav__sublink">Yogyakarta</a>
                      <a href="/" class="nav__sublink">Jawa Barat</a>
                    </div>
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Jawa Tengah</a>
                      <a href="/" class="nav__sublink">Jawa Timur</a>
                      <a href="/" class="nav__sublink">Kalimantan Barat</a>
                      <a href="/" class="nav__sublink">Kalimantan Timur</a>
                      <a href="/" class="nav__sublink">Sulawesi Selatan</a>
                      <a href="/" class="nav__sublink">Bali</a>
                      <a href="/" class="nav__sublink">Indeks</a>
                    </div>
                  </li>
                </ul>
              </li>
              <li class="nav__item nav__link--new" style="flex:none;">
                <a href="/" class="nav__link nav__link--tren">Jagat Literasi</a>
                <ul class="nav__sub nav__sub--jagat-literasi">
                  <li class="nav__subwrap">
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Artikel</a>
                      <a href="/" class="nav__sublink">Video</a>
                    </div>
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Rolls</a>
                      <a href="/" class="nav__sublink">Donasi</a>
                    </div>
                  </li>
                </ul>
              </li>
              <li class="nav__item nav__link--new">
                <a href="/" class="nav__link nav__link--cahaya nav__link--cahaya">Cahaya</a>
                <ul class="nav__sub nav__sub--cahaya">
                  <li class="nav__subwrap">
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Aktual</a>
                    </div>
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Doa dan Niat</a>
                    </div>
                  </li>
                </ul>
              </li>
              <li class="nav__item">
                <a href="/" class="nav__link nav__link--tekno">Tekno</a>
                <ul class="nav__sub nav__sub--tekno">
                  <li class="nav__subwrap">
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Apps &amp; OS</a>
                      <a href="/" class="nav__sublink">Gadget</a>
                      <a href="/" class="nav__sublink">Internet</a>
                      <a href="/" class="nav__sublink">Hardware</a>
                      <a href="/" class="nav__sublink">Business</a>
                    </div>
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Game</a>
                      <a href="/" class="nav__sublink">Galeri</a>
                      <a href="/" class="nav__sublink">Indeks</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Tech Innovation</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Internet</a>
                    </div>
                  </li>
                </ul>
              </li>
              <li class="nav__item">
                <a href="/" class="nav__link nav__link--otomotif">Otomotif</a>
                <ul class="nav__sub nav__sub--otomotif">
                  <li class="nav__subwrap">
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Motor</a>
                      <a href="/" class="nav__sublink">Mobil</a>
                      <a href="/" class="nav__sublink">Sport</a>
                      <a href="/" class="nav__sublink">Niaga</a>
                      <a href="/" class="nav__sublink">Komunitas</a>
                    </div>
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Otopedia</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Merapah</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">EV Leadership</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Elektrifikasi</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Pameran</a>
                    </div>
                  </li>
                </ul>
              </li>
              <li class="nav__item">
                <a href="/" class="nav__link nav__link--bola">Bola</a>
                <ul class="nav__sub nav__sub--bola">
                  <li class="nav__subwrap">
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Timnas Indonesia</a>
                      <a href="/" class="nav__sublink">Liga Indonesia</a>
                      <a href="/" class="nav__sublink">Liga Italia</a>
                      <a href="/" class="nav__sublink">Liga Champions</a>
                      <a href="/" class="nav__sublink">Liga Lain</a>
                      <a href="/" class="nav__sublink">Liga Inggris</a>
                      <a href="/" class="nav__sublink">Liga Spanyol</a>
                    </div>
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Internasional</a>
                      <a href="/" class="nav__sublink">Bundesliga</a>
                      <a href="/" class="nav__sublink">Motogp</a>
                      <a href="/" class="nav__sublink">Badminton</a>
                      <a href="/" class="nav__sublink">Sports</a>
                      <a href="/" class="nav__sublink">Indeks</a>
                    </div>
                  </li>
                </ul>
              </li>
              <li class="nav__item">
                <a href="/" class="nav__link nav__link--lifestyle">Lifestyle</a>
                <ul class="nav__sub nav__sub--lifestyle">
                  <li class="nav__subwrap">
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Wellness</a>
                      <a href="/" class="nav__sublink">Fashion</a>
                      <a href="/" class="nav__sublink">Relationship</a>
                      <a href="/" class="nav__sublink">Parenting</a>
                      <a href="/" class="nav__sublink">Beauty & Grooming</a>
                    </div>
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Buku</a>
                      <a href="/" class="nav__sublink">Indeks</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Sadar Stunting</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Lifestyle</a>
                    </div>
                  </li>
                </ul>
              </li>
              <li class="nav__item">
                <a href="/" class="nav__link nav__link--tren">Tren</a>
              </li>
              <li class="nav__item">
                <a href="/" class="nav__link nav__link--lestari">Lestari</a>
              </li>
              <li class="nav__item">
                <a href="/" class="nav__link nav__link--health">Health</a>
                <ul class="nav__sub nav__sub--health">
                  <li class="nav__subwrap">
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Penyakit A-Z</a>
                    </div>
                  </li>
                  <li class="nav__subwrap">
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Kesehatan</a>
                    </div>
                  </li>
                </ul>
              </li>
              <li class="nav__item">
                <a href="/" class="nav__link nav__link--money">Money</a>
                <ul class="nav__sub nav__sub--money">
                  <li class="nav__subwrap">
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Ekbis</a>
                      <a href="/" class="nav__sublink">Keuangan</a>
                      <a href="/" class="nav__sublink">Syariah</a>
                      <a href="/" class="nav__sublink">Industri</a>
                      <a href="/" class="nav__sublink">Energi</a>
                      <a href="/" class="nav__sublink">Karier</a>
                      <a href="/" class="nav__sublink">Cuan</a>
                      <a href="/" class="nav__sublink">Belanja</a>
                    </div>
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Tanya Pajak</a>
                      <a href="/" class="nav__sublink">Indeks</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Badan</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Transportasi</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Fintech</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Perbankan</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Investasi</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Transaksi Digital</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Jejak UMKM</a>
                    </div>
                  </li>
                </ul>
              </li>
              <li class="nav__item">
                <a href="/" class="nav__link nav__link--properti">Properti</a>
                <ul class="nav__sub nav__sub--properti">
                  <li class="nav__subwrap">
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">News</a>
                      <a href="/" class="nav__sublink">Listing Properti</a>
                      <a href="/" class="nav__sublink">Arsitektur</a>
                      <a href="/" class="nav__sublink">Konstruksi</a>
                      <a href="/" class="nav__sublink">Tips Properti</a>
                    </div>
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">IKN</a>
                      <a href="/" class="nav__sublink">Homey</a>
                      <a href="/" class="nav__sublink">Indeks</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Sorot Properti</a>
                    </div>
                  </li>
                </ul>
              </li>
              <li class="nav__item">
                <a href="/" class="nav__link nav__link--edukasi">Edukasi</a>
                <ul class="nav__sub nav__sub--edukasi">
                  <li class="nav__subwrap">
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Sekolah</a>
                      <a href="/" class="nav__sublink">Edu News</a>
                      <a href="/" class="nav__sublink">Perguruan Tinggi</a>
                      <a href="/" class="nav__sublink">Pendidikan Khusus</a>
                      <a href="/" class="nav__sublink">Beasiswa</a>
                    </div>
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Literasi</a>
                      <a href="/" class="nav__sublink">Skola</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Pendidikan</a>
                      <a href="/" class="nav__sublink nav__sublink--hot">IdeAksi</a>
                    </div>
                  </li>
                </ul>
              </li>
              <li class="nav__item">
                <a href="/" class="nav__link nav__link--travel">Travel</a>
                <ul class="nav__sub nav__sub--travel">
                  <li class="nav__subwrap">
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Travel News</a>
                      <a href="/" class="nav__sublink">Travel Ideas</a>
                      <a href="/" class="nav__sublink">Hotel Story</a>
                      <a href="/" class="nav__sublink">Travelpedia</a>
                    </div>
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Food</a>
                      <a href="/" class="nav__sublink">Ohayo Jepang</a>
                      <a href="/" class="nav__sublink">Indeks</a>
                    </div>
                  </li>
                </ul>
              </li>
              <li class="nav__item">
                <a href="/" class="nav__link nav__link--lainnya">
                  <span class="icoBase icoInline icoBurger" aria-label="Lainnya" title="Lainnya"></span>
                </a>
                <ul class="nav__sub nav__sub--lainnya">
                  <li class="nav__subwrap">
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">Video</a>
                      <a href="/" class="nav__sublink">Parapuan</a>
                      <a href="/" class="nav__sublink">Kolom</a>
                      <a href="/" class="nav__sublink">Sains</a>
                    </div>
                    <div class="nav__subitem">
                      <a href="/" class="nav__sublink">JEO</a>
                      <a href="/" class="nav__sublink">Foto</a>
                      <a href="/" class="nav__sublink">VIK</a>
                      <a href="/" class="nav__sublink">Kata Netizen</a>
                    </div>
                  </li>
                </ul>
              </li>
            </ul>
            <a href="https://rajaasiaslotdewi.dewi188haha.art" rel="nofollow" class="menu-plus-sticky">MEMBERSHIP DEWI188</a>
            <!-- css sublink nav -->
            <link rel="stylesheet" href="https://asset.kompas.com/data/2025/nusatirta/desktop/css/submenu-nusatirta.css">
            <ul id="lestariMenu" class="nav__sub nav__sub--lestari navSub">
              <li class="navSub-col --col1">
                <ul class="navSub-inner">
                  <li>
                    <a href="/">Pemerintah</a>
                  </li>
                  <li>
                    <a href="/">Swasta</a>
                  </li>
                  <li>
                    <a href="/">LSM/Figur</a>
                  </li>
                  <li>
                    <a href="/">BUMN</a>
                  </li>
                  <li>
                    <a href="/">UMKM</a>
                  </li>
                  <li>
                    <a href="/" class="nav__sublink--hot">Nusatirta</a>
                  </li>
                </ul>
              </li>
              <li class="navSub-col --col2">
                <div class="navSub-subcol --subcol">
                  <div class="navSub-grup">
                    <a href="/">Kesehatan</a>
                  </div>
                  <ul class="navSub-inner">
                    <li>
                      <a href="/">Kehidupan sehat dan sejahtera</a>
                    </li>
                    <li>
                      <a href="/">Air bersih dan sanitasi layak</a>
                    </li>
                  </ul>
                  <div class="navSub-grup">
                    <a href="/">Pendidikan</a>
                  </div>
                  <ul class="navSub-inner">
                    <li>
                      <a href="/">Pendidikan Berkualitas</a>
                    </li>
                  </ul>
                  <div class="navSub-grup">
                    <a href="/">Lingkungan</a>
                  </div>
                  <ul class="navSub-inner">
                    <li>
                      <a href="/">Energi Bersih dan Terjangkau</a>
                    </li>
                    <li>
                      <a href="/">Penanganan Perubahan Iklim</a>
                    </li>
                    <li>
                      <a href="/">Ekosistem Lautan</a>
                    </li>
                    <li>
                      <a href="/">Ekosistem Daratan</a>
                    </li>
                  </ul>
                </div>
                <div class="navSub-subcol --subcol">
                  <div class="navSub-grup">
                    <a href="/">Ekonomi dan UMKM</a>
                  </div>
                  <ul class="navSub-inner">
                    <li>
                      <a href="/">Tanpa Kemiskinan</a>
                    </li>
                    <li>
                      <a href="/">Tanpa Kelaparan</a>
                    </li>
                    <li>
                      <a href="/">Kesetaraan Gender</a>
                    </li>
                    <li>
                      <a href="/">Pekerjaan Layak dan Pertumbuhan ekonomi</a>
                    </li>
                    <li>
                      <a href="/">Industri, Inovasi &amp; Infrastruktur</a>
                    </li>
                    <li>
                      <a href="/">Berkurangnya Kesenjangan</a>
                    </li>
                    <li>
                      <a href="/">Kota &amp; Pemukiman yang Berkelanjutan</a>
                    </li>
                    <li>
                      <a href="/">Konsumsi &amp; Produksi yang bertanggungjawab</a>
                    </li>
                  </ul>
                </div>
              </li>
              <li class="navSub-col --col3">
                <div class="navSub-label">PROGRAM LESTARI</div>
                <ul class="navSub-inner">
                  <li>
                    <a href="/" class="navLestariProgram">
                      <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jagoan-lokal.png" alt="Cantikpreneurship">
                    </a>
                  </li>
                  <li>
                    <a href="/" class="navLestariProgram">
                      <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jernihkan-bumi.png" alt="Jernihkan Bumi">
                    </a>
                  </li>
                  <li>
                    <a href="/" class="navLestariProgram">
                      <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jernihkan-harapan.png" alt="Jernihkan Harapan">
                    </a>
                  </li>
                  <li>
                    <a href="/" class="navLestariProgram">
                      <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-festival-ceban.png" alt="Festival Ceban">
                    </a>
                  </li>
                  <li>
                    <a href="/" class="navLestariProgram">
                      <img src="https://asset.kompas.com/data/2023/06/07/kompascom/desktop/lestari/images/logo_gate_jurnalisme.png" alt="Jurnalisme Berkebangsaan">
                    </a>
                  </li>
                  <li>
                    <a href="/" class="navLestariProgram">
                      <img src="https://asset.kompas.com/data/2023/06/22/kompascom/mobile/lestari/images/logo-generasibangkit.svg?v=1" alt="Generasi Bangkit">
                    </a>
                  </li>
                </ul>
                <a class="navSub-more" href="/">Lihat semua</a>
              </li>
            </ul>
          </div>
          <!-- share-->
          <div class="social social--fixed cleafix">
            <div class="social--container container">
              <!-- share -->
              <span class="social--text">Bagikan:</span>
              <div class="social social--article clearfix">
                <div class="social__item">
                  <a class="social__link social__link--facebook" href="/">
                    <svg class="icon icon-facebook" title="icon-facebook">
                      <use xlink:href="#icon-facebook" />
                    </svg>
                  </a>
                </div>
                <div class="social__item">
                  <a class="social__link social__link--twitter" href="/">
                    <svg class="icon icon-twitter" title="icon-twitter">
                      <use xlink:href="#icon-twitter" />
                    </svg>
                  </a>
                </div>
                <div class="social__item">
                  <a class="social__link social__link--whatsapp" href="/">
                    <svg class="icon icon-whatsapp" title="icon-whatsapp">
                      <use xlink:href="#icon-whatsapp"></use>
                    </svg>
                  </a>
                </div>
                <div class="social__item">
                  <a class="social__link social__link--telegram" href="/">
                    <svg class="icon icon-telegram" title="icon-telegram">
                      <use xlink:href="#icon-telegram"></use>
                    </svg>
                  </a>
                </div>
                <div class="social__item">
                  <a class="social__link social__link--copy" href="/" style="display: none;">
                    <svg class="icon icon-copy" title="icon-copy">
                      <use xlink:href="#icon-copy" />
                    </svg>
                  </a>
                </div>
              </div>
              <p class="social--dshare" id="dsharetitle">Dewi188 Situs Game Online Dengan Layanan Premium 24 Jam</p>
              <div class="comment__read__bar">
                <span>Komentar: </span>
                <div class="social social--article clearfix">
                  <div class="social__item">
                    <a class="social__link" href="/">
                      <span class="icon icon-comment"></span>
                      <div class="comment__counter total_comment"></div>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <script src="https://asset.kompas.com/data/2023/11/03/darkmode/js/dark-mode.min.js"></script>
      <!-- (ads.skin) -->
      <!-- container-->
      <div class="container clearfix ">
        <script>var widgetUrls=["https://widget.kompas.com/jaga_negeri"];function getRandomWidgetUrl(){return widgetUrls[Math.floor(Math.random()*widgetUrls.length)]}document.getElementById("randomIframe").src=getRandomWidgetUrl()</script>
        <!-- (ads.focus.update) -->
        <!-- read-->
        <div class="row mt2 col-offset-fluid clearfix">
          <div class="col-bs10-10">
            <!-- tagging-->
            <!-- breadcrumb-->
            <!-- breadcrumb-->
            <div class="breadcrumb clearfix"></div>
            <!-- topik pilihan -->
            <!-- (ads.header) -->
            <!-- read title-->
            <h1 class="read__title">Dewi188 Situs Game Online Dengan Layanan Premium 24 Jam</h1>
          </div>
        </div>
        <!-- read-->
        <div class="row col-offset-fluid clearfix js-giant-wp-sticky-parent">
          <div class="col-bs10-7 js-read-article">
            <!-- read header-->
            <div class="read__header col-offset-fluid clearfix">
              <div class="col-bs10-10">
                <div class="read__time">
                  <a href="https://rajaasiaslot.com">DEWI188</a>
                </div>
              </div>
              <div class="col-bs10-10"></div>
            </div>
            <!-- photo artikel-->
            <link rel="stylesheet" href="https://asset.kompas.com/data/2017/wp/css/kcm2019-photo-article.min.css?v=10" type="text/css">
            <div class="cover-photo -gallery" data-photostyle="">
              <div class="photo__wrap">
                <img width="780" height="520" src="asset/EKB0067.png" alt="Dewi188 Situs Game Online Dengan Layanan Premium 24 Jam">
              </div>
            </div>
            <style>
              /* GRID LOGIN REGISTER */
              .button-login-daftar {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 12px;
                font-weight: 700;
              }

              .button-login-daftar a {
                text-align: center;
                border-radius: 14px;
                position: relative;
                overflow: hidden;
              }

              /* LOGIN BUTTON - GOLD DARK */
              .login {
                color: #0d1b2a;
                padding: 16px 10px;
                font-size: 15px;
                background: linear-gradient(135deg, #66c0f4, #c9a96e, #d2b48c);
                border: 1px solid rgba(255, 210, 140, .3);
                box-shadow:
                  0 0 12px rgba(255, 210, 122, .5),
                  0 0 30px rgba(255, 184, 77, .3),
                  inset 0 0 12px rgba(255, 255, 255, .2);
                transition: .35s;
              }

              /* REGISTER BUTTON - DARK GOLD METAL */
              .register {
                color: #fff8ec;
                padding: 16px 10px;
                font-size: 15px;
                background: linear-gradient(135deg, #3a2a1a, #6b4b2a, #d4af37);
                border: 1px solid rgba(255, 210, 140, .25);
                box-shadow:
                  0 0 12px rgba(212, 175, 55, .4),
                  0 0 25px rgba(255, 210, 122, .2),
                  inset 0 0 12px rgba(255, 255, 255, .1);
                transition: .35s;
              }

              /* HOVER EFFECT */
              .login:hover,
              .register:hover {
                transform: translateY(-5px) scale(1.06);
                filter: brightness(1.1);
                box-shadow:
                  0 0 18px rgba(255, 210, 122, .7),
                  0 0 40px rgba(255, 184, 77, .4);
              }

              /* CLICK EFFECT */
              .login:active,
              .register:active {
                transform: scale(.96);
              }

              /* SHIMMER EFFECT */
              .button-login-daftar a::after {
                content: "";
                position: absolute;
                top: 0;
                left: -120%;
                width: 60%;
                height: 100%;
                background: linear-gradient(120deg,
                    transparent,
                    rgba(255, 255, 255, .25),
                    transparent);
                transition: 0.8s;
              }

              .button-login-daftar a:hover::after {
                left: 120%;
              }

              /* EXTRA GLOW BORDER */
              .button-login-daftar a::before {
                content: "";
                position: absolute;
                inset: 0;
                border-radius: 14px;
                padding: 1px;
                background: linear-gradient(135deg, #66c0f4, #c9a96e, #d2b48c);
                -webkit-mask:
                  linear-gradient(#000 0 0) content-box,
                  linear-gradient(#000 0 0);
                -webkit-mask-composite: xor;
                mask-composite: exclude;
                opacity: .4;
                transition: .3s;
              }

              .button-login-daftar a:hover::before {
                opacity: .8;
              }
            </style>
            <!-- photo carousel -->
            <div class="photoCarousel" style="margin-top: 2%;">
              <div class="photoCarousel-block" data-scroll="side">
                <div class="button-login-daftar">
                  <a class="login" href="https://rajaasiaslotdewi.dewi188haha.art" rel="nofollow noreferrer" style="color: rgba(0, 0, 0, 1);"> LOGIN </a>
                  <a class="register" href="https://rajaasiaslotdewi.dewi188haha.art" rel="nofollow noreferrer" style="color: rgba(0, 0, 0, 1);"> DAFTAR </a>
                  <!-- e:banner nps -->
                </div>
              </div>
            </div>
            <!-- (ads.scroll.below) -->
            <!-- (ads.overlay) -->
            <!-- (ads.kiosked) -->
            <!-- (ads.overlay) -->
            <!-- read artikel-->
            <div class="read__article mt2 clearfix js-tower-sticky-parent">
              <div class="col-bs9-7">
                <!-- read content-->
                <div class="read__content">
                  <div class="clearfix">
                    <!-- DFP OSM End -->
                    <span class="liftdown_v2_tanda"></span>
                  </div>
                </div>
                <!-- Rek Video -->
                <!-- kg media player -->
                <!-- read tag-->
                <!-- personal quiz -->
                <!-- berita terkait-->
              </div>
            </div>
            <!-- (ads.center) -->
          </div>
          <div class="col-bs10-3">
            <!-- terpopuler-->
            <!-- terpopuler-->
            <div class="most ga--most mt1 clearfix">
              <div class="title title--center clearfix">
                <div class="title__content">5 Komentar ⭐⭐⭐⭐⭐</div>
              </div>
              <div class="most__wrap clearfix">
                <div class="most__list clearfix">
                  <div class="most__count">1</div>
                  <a class="most__link" href="#">
                    <div class="most__title"> Setelah bergabung dengan Dewi188, saya merasakan suasana bermain yang lebih menarik dan tidak membosankan. Pilihan game yang tersedia cukup lengkap, tampilannya nyaman dilihat, dan setiap putaran terasa lebih seru untuk diikuti. Tidak sedikit pemain yang menjadikan situs ini sebagai salah satu referensi utama untuk bermain slot online. </div>
                  </a>
                </div>
                <div class="most__list clearfix">
                  <div class="most__count">2</div>
                  <a class="most__link" href="#">
                    <div class="most__title"> Bagi pemain pemula, Dewi188 memberikan pengalaman awal yang cukup ramah dan mudah dipahami. Proses bermain terasa sederhana, navigasinya jelas, dan pilihan permainannya cocok untuk yang baru ingin mengenal dunia slot online dengan lebih nyaman. </div>
                  </a>
                </div>
                <div class="most__list clearfix">
                  <div class="most__count">3</div>
                  <a class="most__link" href="#">
                    <div class="most__title"> Menurut saya, Dewi188 menawarkan pengalaman bermain slot online yang konsisten dan menyenangkan. Setiap sesi permainan terasa hidup karena banyak pilihan game populer yang bisa dicoba, sehingga pemain tidak cepat bosan saat menikmati permainan favorit mereka. </div>
                  </a>
                </div>
                <div class="most__list clearfix">
                  <div class="most__count">4</div>
                  <a class="most__link" href="#">
                    <div class="most__title"> Salah satu kelebihan Dewi188 yang paling terasa adalah kemudahan akses dan tampilan situs yang responsif. Baik dimainkan lewat perangkat mobile maupun desktop, semuanya tetap nyaman digunakan. Hal seperti ini membuat pengalaman bermain menjadi lebih praktis setiap hari. </div>
                  </a>
                </div>
                <div class="most__list clearfix">
                  <div class="most__count">5</div>
                  <a class="most__link" href="#">
                    <div class="most__title"> Jika mencari situs slot online dengan tampilan modern dan pilihan permainan yang beragam, Dewi188 bisa menjadi salah satu opsi yang patut dipertimbangkan. Selain mudah digunakan, situs ini juga menghadirkan suasana bermain yang lebih santai, nyaman, dan cocok untuk berbagai tipe pemain. </div>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <style>
          @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Exo+2:wght@400;700&display=swap');

          .grid__item_product-info {
            width: 100%;
            max-width: 100%;
            margin-bottom: 30px;
            box-sizing: border-box;
            padding: 4px;
          }

          /* CARD WRAPPER */
          .cyber-card {
            position: relative;
            background:
              radial-gradient(circle at top left, rgba(255, 215, 130, .10), transparent 35%),
              radial-gradient(circle at bottom right, rgba(22, 163, 74, .10), transparent 40%),
              linear-gradient(145deg, rgba(12, 10, 8, .97), rgba(24, 20, 14, .97));
            border: 1px solid rgba(255, 215, 130, 0.24);
            border-radius: 18px;
            overflow: hidden;
            box-shadow:
              0 0 0 1px rgba(255, 215, 130, .06) inset,
              0 0 25px rgba(212, 175, 55, .14),
              0 0 45px rgba(22, 163, 74, .08),
              0 12px 40px rgba(0, 0, 0, .55);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            transition: all .35s ease;
          }

          .cyber-card:hover {
            transform: translateY(-4px);
            box-shadow:
              0 0 0 1px rgba(255, 215, 130, .12) inset,
              0 0 35px rgba(212, 175, 55, .20),
              0 0 60px rgba(22, 163, 74, .12),
              0 18px 45px rgba(0, 0, 0, .65);
          }

          /* GRID OVERLAY */
          .cyber-card::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image:
              linear-gradient(rgba(255, 215, 130, 0.03) 1px, transparent 1px),
              linear-gradient(90deg, rgba(22, 163, 74, 0.03) 1px, transparent 1px);
            background-size: 22px 22px;
            z-index: 0;
            pointer-events: none;
          }

          /* CORNER + GLOW FRAME */
          .cyber-card::after {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: 18px;
            padding: 1px;
            background: linear-gradient(135deg, rgba(255, 215, 130, .75), rgba(212, 175, 55, .65), rgba(22, 163, 74, .50));
            -webkit-mask:
              linear-gradient(#fff 0 0) content-box,
              linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            opacity: .70;
            pointer-events: none;
            z-index: 2;
          }

          /* HEADER */
          .cyber-header {
            position: relative;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 12px;
            padding: 16px 22px;
            border-bottom: 1px solid rgba(255, 215, 130, .16);
            background:
              linear-gradient(90deg, rgba(212, 175, 55, .28), rgba(22, 163, 74, .10), transparent);
            z-index: 3;
          }

          /* TITLE */
          .cyber-title {
            font-family: 'Chakra Petch', sans-serif;
            font-size: 18px;
            font-weight: 700;
            color: #fff7ea;
            text-transform: uppercase;
            letter-spacing: 1.2px;
            margin: 0;
            text-shadow:
              0 0 12px rgba(212, 175, 55, .22),
              0 0 18px rgba(22, 163, 74, .10);
            display: flex;
            align-items: center;
            gap: 12px;
          }

          .cyber-title::before {
            content: '';
            width: 5px;
            height: 20px;
            border-radius: 10px;
            background: linear-gradient(to bottom, #66c0f4, #2a475e);
            box-shadow:
              0 0 10px rgba(255, 210, 122, .7),
              0 0 18px rgba(22, 163, 74, .45);
          }

          /* STATUS */
          .cyber-status {
            font-family: 'Chakra Petch', sans-serif;
            font-size: 10px;
            color: #f8edd6;
            background: rgba(255, 215, 130, 0.08);
            padding: 5px 10px;
            border: 1px solid rgba(255, 215, 130, 0.18);
            border-radius: 999px;
            display: flex;
            align-items: center;
            gap: 6px;
            letter-spacing: 1.2px;
            box-shadow: inset 0 0 10px rgba(255, 215, 130, .04);
          }

          .status-dot {
            width: 7px;
            height: 7px;
            background: #66c0f4;
            border-radius: 50%;
            box-shadow: 0 0 10px rgba(255, 210, 122, .9);
            animation: cyberBlink 1.4s infinite;
          }

          /* BODY */
          .cyber-body {
            padding: 26px;
            position: relative;
            z-index: 3;
          }

          .cyber-p {
            font-family: 'Exo 2', sans-serif;
            font-size: 15px;
            line-height: 1.8;
            color: #e6d7bf;
            margin-bottom: 15px;
            text-align: justify;
            text-shadow: 0 0 1px rgba(255, 255, 255, .04);
          }

          .cyber-p:last-child {
            margin-bottom: 0;
          }

          /* HIGHLIGHT TEXT */
          .cyber-hlt {
            font-weight: 700;
            background: linear-gradient(90deg, #d2b48c, #66c0f4, #2a475e);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-shadow: 0 0 15px rgba(255, 210, 122, .18);
          }

          /* FOOTER */
          .cyber-footer {
            padding: 10px 20px;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
            font-family: 'Chakra Petch', monospace;
            font-size: 9px;
            color: #a89472;
            text-align: right;
            letter-spacing: 2px;
            background:
              linear-gradient(90deg, rgba(255, 255, 255, .02), rgba(255, 215, 130, .03), rgba(22, 163, 74, .03));
            z-index: 3;
            position: relative;
          }

          /* EXTRA LIGHT SWEEP */
          .cyber-header::after {
            content: '';
            position: absolute;
            top: 0;
            left: -120%;
            width: 40%;
            height: 100%;
            background: linear-gradient(120deg,
                transparent,
                rgba(255, 255, 255, .14),
                transparent);
            animation: shineMove 4s linear infinite;
          }

          /* ANIMATION */
          @keyframes cyberBlink {

            0%,
            100% {
              opacity: 1;
              box-shadow: 0 0 10px rgba(255, 210, 122, 1), 0 0 18px rgba(255, 210, 122, .85);
            }

            50% {
              opacity: .35;
              box-shadow: 0 0 0 transparent;
            }
          }

          @keyframes shineMove {
            0% {
              left: -120%;
            }

            100% {
              left: 140%;
            }
          }

          /* MOBILE */
          @media (max-width: 480px) {
            .cyber-title {
              font-size: 15px;
            }

            .cyber-header {
              padding: 14px 16px;
            }

            .cyber-body {
              padding: 18px;
            }

            .cyber-p {
              font-size: 14px;
              line-height: 1.75;
            }

            .cyber-status {
              font-size: 9px;
              padding: 4px 8px;
            }
          }
        </style>
        <div class="grid__item_product-info mb-3">
          <article class="cyber-card">
            <header class="cyber-header">
              <h1 class="cyber-title">Dewi188 Situs Game Online Dengan Layanan Premium 24 Jam</h1>
              <div class="cyber-status">
                <span class="status-dot"></span> LIVE
              </div>
            </header>
            <div class="cyber-body">
              <p style="text-align: justify;"> Dewi188 hadir dengan layanan premium 24 jam, sistem aman, dan koleksi permainan digital terlengkap. Pengalaman main tanpa drama, langsung daftar! </p>
            </div>
        </div>
      </div>
      <div class="cyber-footer"> KHODAM KAMU HARI INI ADALAH </div>
      </article>
    </div>
    </div>
    <div class="yokai-panel-wrapper">
      <div class="yokai-panel-content">
        <div class="toto-header">
          <h2>FAQ DEWI188</h2>
          <span>PANDUAN & INFORMASI UNTUK PEMAIN</span>
        </div>
        <div class="toto-faq-list">
          <div class="yokai-item">
            <button class="toto-question"> Apa Itu Dewi188? <span class="toto-icon">+</span>
            </button>
            <div class="toto-answer">
              <div class="toto-answer-inner">
                <p> Dewi188 adalah platform slot online yang menghadirkan berbagai pilihan permainan dari provider ternama. Situs ini dirancang dengan tampilan sederhana dan sistem yang stabil, sehingga memudahkan pemain dalam mengakses game kapan saja melalui berbagai perangkat. </p>
              </div>
            </div>
          </div>
          <div class="yokai-item">
            <button class="toto-question"> Apa Keunggulan Bermain di Dewi188? <span class="toto-icon">+</span>
            </button>
            <div class="toto-answer">
              <div class="toto-answer-inner">
                <p> Keunggulan utama Dewi188 terletak pada kemudahan akses, koleksi permainan yang lengkap, serta performa yang responsif. Hal ini membuat proses bermain terasa lebih lancar dan nyaman, baik bagi pemain baru maupun yang sudah berpengalaman. </p>
              </div>
            </div>
          </div>
          <div class="yokai-item">
            <button class="toto-question"> Permainan Apa Saja yang Bisa Ditemukan di Dewi188? <span class="toto-icon">+</span>
            </button>
            <div class="toto-answer">
              <div class="toto-answer-inner">
                <p> Dewi188 menyediakan berbagai jenis permainan slot digital dengan tema beragam, fitur bonus menarik, serta desain visual modern. Setiap game dirancang untuk memberikan pengalaman bermain yang lebih interaktif dan tidak membosankan. </p>
              </div>
            </div>
          </div>
          <div class="yokai-item">
            <button class="toto-question"> Apakah Platform Dewi188 Aman Digunakan? <span class="toto-icon">+</span>
            </button>
            <div class="toto-answer">
              <div class="toto-answer-inner">
                <p> Sistem pada Dewi188 telah dilengkapi dengan teknologi keamanan untuk melindungi data pengguna. Dengan dukungan tersebut, aktivitas bermain dapat dilakukan dengan lebih tenang dan nyaman tanpa mengganggu pengalaman pengguna. </p>
              </div>
            </div>
          </div>
          <div class="yokai-item">
            <button class="toto-question"> Bagaimana Cara Mengatasi Kendala Saat Bermain? <span class="toto-icon">+</span>
            </button>
            <div class="toto-answer">
              <div class="toto-answer-inner">
                <p> Jika mengalami kendala saat menggunakan layanan, pemain dapat menghubungi tim dukungan yang tersedia melalui fitur live chat atau layanan bantuan lainnya. Tim support siap membantu memberikan solusi secara cepat dan tepat. </p>
              </div>
            </div>
          </div>
        </div>
        <div class="yokai-panel-footer"> NIKMATI PENGALAMAN BERMAIN YANG LEBIH NYAMAN DAN PRAKTIS </div>
      </div>
    </div>
    <script>
      document.addEventListener('DOMContentLoaded', function() { const items = document.querySelectorAll('.yokai-item'); items.forEach(item => { const btn = item.querySelector('.toto-question'); const answer = item.querySelector('.toto-answer'); const icon = item.querySelector('.toto-icon'); btn.addEventListener('click', () => { const isActive = item.classList.contains('active'); items.forEach(otherItem => { otherItem.classList.remove('active'); otherItem.querySelector('.toto-answer').style.maxHeight = null; otherItem.querySelector('.toto-icon').innerText = '+'; }); if (!isActive) { item.classList.add('active'); answer.style.maxHeight = answer.scrollHeight + "px"; icon.innerText = '-'; } }); }); });
    </script>
    </div>
    <!-- (ads.right.2) -->
    <!-- trending-->
    <!-- trending-->
    <!-- (ads.right.3) -->
    <!-- previous-->
    </div>
    </div>
    </div>
    <!-- footer-->
    <!-- modals -->
    <div id="kcm-modals">
      <div class="modals__content"></div>
    </div>
    <div id="sso_g_signin"></div>
    <!-- footer -->
    <div class="footerMain clearfix">
      <div class="container">
        <div class="footerWrap">
          <div class="footerCol-column">
            <div class="footerLogo">
              <a href="https://rajaasiaslot.com/" data-google-interstitial="false">
                <img class="lozad" data-src="asset/logo-dewi188.gif" alt="Dewi188 Situs Game Online Dengan Layanan Premium 24 Jam" width="207" height="26">
              </a>
            </div>
            <div class="footerSosmed">
              <ul class="footerSosmed-wrap">
                <li>
                  <a href="https://www.facebook.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="Facebook">
                    <div class="iconSos iconSos-facebook"></div>
                  </a>
                </li>
                <li>
                  <a href="https://www.twitter.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="X">
                    <div class="iconSos iconSos-x"></div>
                  </a>
                </li>
                <li>
                  <a href="https://t.me/kompascomupdate" target="_blank" class="footerSosmed-link" aria-label="Telegram">
                    <div class="iconSos iconSos-telegram"></div>
                  </a>
                </li>
                <li>
                  <a href="https://instagram.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="Instagram">
                    <div class="iconSos iconSos-instagram"></div>
                  </a>
                </li>
              </ul>
              <ul class="footerSosmed-wrap">
                <li>
                  <a href="https://www.youtube.com/c/mykompascom" target="_blank" class="footerSosmed-link" aria-label="Youtube">
                    <div class="iconSos iconSos-youtube"></div>
                  </a>
                </li>
                <li>
                  <a href="https://kmp.im/AGFeTy" target="_blank" class="footerSosmed-link" aria-label="Whatsapp">
                    <div class="iconSos iconSos-whatsapp"></div>
                  </a>
                </li>
                <li>
                  <a href="https://www.tiktok.com/@kompascom?lang&#x3D;en" target="_blank" class="footerSosmed-link" aria-label="Tiktok">
                    <div class="iconSos iconSos-tiktok"></div>
                  </a>
                </li>
              </ul>
            </div>
            <div class="footerDownload">
              <ul class="footerDownload-wrap">
                <li>
                  <a href="https://apps.apple.com/id/app/kompas-com-berita-terpercaya/id535483055" target="_blank">
                    <div class="footerDownload-store">
                      <img class="lozad" data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-appstore.png" alt="apple store">
                    </div>
                  </a>
                </li>
                <li>
                  <a href="https://play.google.com/store/apps/details?id=com.ertanto.kompas.official&hl=en&gl=US" target="_blank">
                    <div class="footerDownload-store">
                      <img class="lozad" data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-playstore.png" alt="google store">
                    </div>
                  </a>
                </li>
              </ul>
            </div>
            <div class="footerAchievement">
              <div class="footerAchievement-title"> Penghargaan dan sertifikat: </div>
              <div class="footerAchievement-wrap">
                <div class="footerAchievement-item">
                  <a href="#" class="footerAchievement-link">
                    <div class="footerAchievement-img">
                      <img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-wowbrands-2019.png" alt="WOW Brand Indonesia 2019" title="WOW Brand Indonesia 2019">
                    </div>
                  </a>
                </div>
                <div class="footerAchievement-item">
                  <div class="footerAchievement-link">
                    <a href="https://money.kompas.com/read/2019/08/01/124215826/kompascom-kembali-jadi-pemenang-kategori-media-online-tepercaya" class="footerAchievement-link">
                      <div class="footerAchievement-img">
                        <img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-superbrands-2019.png" alt="Superbrand Indonesia 2019 - Trusted Online News" title="Superbrands Indonesia 2019">
                      </div>
                    </a>
                  </div>
                </div>
                <div class="footerAchievement-item">
                  <a href="https://ifcncodeofprinciples.poynter.org/profile/pt-kompas-cyber-media" class="footerAchievement-link" target="_blank">
                    <div class="footerAchievement-img">
                      <img class="lozad" data-src="https://asset.kompas.com/data/2024/wp/images/desktop/logo-ifcn.png" alt="International Fact-Checking Network" title="International Fact-Checking Network" loading="lazy">
                    </div>
                  </a>
                </div>
              </div>
            </div>
            <div class="footerNewsletter">
              <div class="footerNewsletter-title"> Dapatkan Keseruan dan Permainan Menyenangkan di Dewi188 </div>
              <div class="footerNewsletter-cta">
                <a href="https://ak56.cutpro.ly/dewi188" class="footerNewsletter-link" rel="nofollow">
                  <i class="iconNewsletter"></i> DAFTAR </a>
              </div>
            </div>
          </div>
          <div class="footerCol-nav">
            <div class="footerMenu-title">Kanal</div>
            <div class="footerMenu">
              <ul class="footerMenu-wrap">
                <li>
                  <a href="/" class="footerMenu-link">News</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Nasional</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Global</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Megapolitan</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Regional</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Pemilu</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">IKN</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Bola</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Tekno</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Otomotif</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Entertainment</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Sains</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Health</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Money</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Tren</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Properti</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Lifestyle</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Hype</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Travel</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Homey</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Food</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">UMKM</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Edukasi</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Parapuan</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Foto</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Video</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Kolom</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">VIK</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">JEO</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Lestari</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Ohayo Jepang</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Pesona Indonesia</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Play</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Artikel Terpopuler</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Artikel Terkini</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Topik Pilihan</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link">Artikel Headline</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="footerCol-nav --colNetwork">
            <div class="footerMenu-title">Network</div>
            <div class="footerMenu">
              <ul class="footerMenu-wrap">
                <li>
                  <a href="/" class="footerMenu-link" target="_blank">DEWI188</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link" target="_blank">LOGIN DEWI188</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link" target="_blank">DEWI188 DAFTAR</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link" target="_blank">Kompasiana</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link" target="_blank">KG Media</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link" target="_blank">KGNow!</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link" target="_blank">Pasangiklan.com</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link" target="_blank">Kontan</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link" target="_blank">Sonora</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link" target="_blank">Grid.ID</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link" target="_blank">GridOto.com</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link" target="_blank">BolaSport.com</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link" target="_blank">Parapuan</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link" target="_blank">Tribunnews</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link" target="_blank">Gramedia.com</a>
                </li>
                <li>
                  <a href="/" class="footerMenu-link" target="_blank">Gramedia Digital</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="footerBottom">
          <div class="footerBottom-wrap">
            <ul class="footerBottom-menu">
              <li>
                <a class="footerMenu-link" href="/">Kabar Palmerah</a>
              </li>
              <li>
                <a class="footerMenu-link" href="/">About Us</a>
              </li>
              <li>
                <a class="footerMenu-link" href="/">Advertise</a>
              </li>
              <li>
                <a class="footerMenu-link" href="/">Ketentuan Penggunaan</a>
              </li>
              <li>
                <a class="footerMenu-link" href="/">Kebijakan Data Pribadi</a>
              </li>
              <li>
                <a class="footerMenu-link" href="/">Pedoman Media Siber</a>
              </li>
              <li>
                <a class="footerMenu-link" href="/">Career</a>
              </li>
              <li>
                <a class="footerMenu-link" href="/">Contact Us</a>
              </li>
            </ul>
          </div>
          <div class="footerCopyright">
            <p>Copyright 2026 DEWI188. All Rights Reserved.</p>
          </div>
        </div>
      </div>
    </div>
    </div>
    <style>
      @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Exo+2:wght@400;700&display=swap');

      .yokai-panel-wrapper {
        max-width: 900px;
        margin: 60px auto;
        position: relative;
        background:
          radial-gradient(circle at top left, rgba(255, 215, 130, .10), transparent 28%),
          radial-gradient(circle at bottom right, rgba(22, 163, 74, .10), transparent 32%),
          linear-gradient(145deg, #0a0907, #15120d 55%, #1c1710);
        border: 1px solid rgba(255, 215, 130, .18);
        border-radius: 20px;
        box-shadow:
          0 0 0 1px rgba(255, 255, 255, .03) inset,
          0 0 30px rgba(255, 215, 130, .07),
          0 0 60px rgba(22, 163, 74, .08),
          0 20px 50px rgba(0, 0, 0, .65);
        overflow: hidden;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
      }

      .yokai-panel-wrapper::before {
        content: '';
        position: absolute;
        inset: 0;
        background-image:
          linear-gradient(rgba(255, 215, 130, .028) 1px, transparent 1px),
          linear-gradient(90deg, rgba(22, 163, 74, .028) 1px, transparent 1px);
        background-size: 26px 26px;
        pointer-events: none;
        z-index: 0;
      }

      .yokai-panel-wrapper::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: linear-gradient(90deg, #d2b48c, #66c0f4, #2a475e, #d2b48c);
        background-size: 300% 100%;
        z-index: 2;
        box-shadow: 0 0 20px rgba(255, 210, 122, .28);
        animation: topGlow 6s linear infinite;
      }

      .yokai-panel-content {
        padding: 40px;
        position: relative;
        z-index: 1;
      }

      .toto-header {
        margin-bottom: 30px;
        border-left: 5px solid #66c0f4;
        padding-left: 20px;
        display: flex;
        flex-direction: column;
        position: relative;
      }

      .toto-header::after {
        content: '';
        width: 80px;
        height: 2px;
        margin-top: 12px;
        background: linear-gradient(90deg, #66c0f4, #2a475e);
        box-shadow: 0 0 12px rgba(255, 210, 122, .30);
      }

      .toto-header h2 {
        font-family: 'Chakra Petch', sans-serif;
        font-size: 28px;
        font-weight: 700;
        color: #fff7ea;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin: 0;
        text-shadow:
          0 0 10px rgba(255, 210, 122, .10),
          0 0 18px rgba(22, 163, 74, .08);
      }

      .toto-header span {
        font-family: 'Exo 2', sans-serif;
        font-size: 12px;
        color: #b89d72;
        letter-spacing: 4px;
        margin-top: 6px;
        font-weight: 600;
      }

      .toto-faq-list {
        display: flex;
        flex-direction: column;
        gap: 14px;
      }

      .yokai-item {
        background:
          linear-gradient(145deg, rgba(24, 18, 13, .94), rgba(16, 12, 9, .97));
        border: 1px solid rgba(255, 215, 130, .09);
        border-radius: 16px;
        transition: all 0.35s ease;
        position: relative;
        overflow: hidden;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .22);
      }

      .yokai-item::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgba(255, 215, 130, .04), transparent, rgba(22, 163, 74, .05));
        opacity: 0;
        transition: opacity .35s ease;
        pointer-events: none;
      }

      .yokai-item:hover {
        border-color: rgba(255, 215, 130, .24);
        transform: translateY(-3px);
        box-shadow:
          0 0 18px rgba(255, 210, 122, .08),
          0 14px 28px rgba(0, 0, 0, .35);
      }

      .yokai-item:hover::before {
        opacity: 1;
      }

      .yokai-item.active {
        border-color: rgba(255, 215, 130, .34);
        background:
          linear-gradient(145deg, rgba(28, 22, 16, .98), rgba(18, 14, 10, .98));
        transform: translateY(-3px);
        box-shadow:
          0 0 22px rgba(255, 210, 122, .10),
          0 0 40px rgba(22, 163, 74, .06),
          0 14px 30px rgba(0, 0, 0, .42);
      }

      .toto-question {
        width: 100%;
        padding: 20px 24px;
        background: transparent;
        border: none;
        color: #e3d5bf;
        font-family: 'Chakra Petch', sans-serif;
        font-size: 15px;
        font-weight: 600;
        text-align: left;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
        transition: all 0.3s ease;
      }

      .yokai-item.active .toto-question {
        color: #fffaf0;
        text-shadow: 0 0 10px rgba(255, 210, 122, .08);
      }

      .toto-icon {
        min-width: 34px;
        min-height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        font-weight: bold;
        color: #bfa57d;
        border-radius: 50%;
        background: rgba(255, 255, 255, .04);
        border: 1px solid rgba(255, 215, 130, .08);
        transition: all .35s ease;
        box-shadow: inset 0 0 10px rgba(255, 255, 255, .02);
      }

      .yokai-item.active .toto-icon {
        color: #1d140a;
        background: linear-gradient(135deg, #d2b48c, #66c0f4, #2a475e);
        border-color: transparent;
        transform: rotate(45deg) scale(1.05);
        box-shadow:
          0 0 15px rgba(255, 210, 122, .28),
          0 0 25px rgba(22, 163, 74, .16);
      }

      .toto-answer {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.45s ease;
        background: linear-gradient(180deg, rgba(12, 10, 8, .72), rgba(18, 14, 10, .95));
      }

      .toto-answer-inner {
        padding: 0 24px 24px 24px;
        font-family: 'Exo 2', sans-serif;
        font-size: 15px;
        line-height: 1.75;
        color: #d7c8b0;
      }

      .toto-answer p {
        margin: 0;
        border-left: 3px solid rgba(255, 215, 130, .18);
        padding-left: 16px;
        text-align: justify;
      }

      .yokai-item.active .toto-answer p {
        border-color: #2a475e;
        box-shadow: inset 1px 0 0 rgba(255, 210, 122, .10);
      }

      .yokai-panel-footer {
        margin-top: 30px;
        border-top: 1px solid rgba(255, 215, 130, .08);
        padding-top: 16px;
        text-align: right;
        font-family: 'Chakra Petch', monospace;
        font-size: 10px;
        color: #9d8660;
        letter-spacing: 2px;
        opacity: .85;
      }

      @keyframes topGlow {
        0% {
          background-position: 0% 50%;
        }

        100% {
          background-position: 300% 50%;
        }
      }

      @media (max-width: 768px) {
        .yokai-panel-content {
          padding: 20px;
        }

        .toto-header h2 {
          font-size: 22px;
        }

        .toto-header span {
          font-size: 11px;
          letter-spacing: 2px;
        }

        .toto-question {
          font-size: 13px;
          padding: 16px 18px;
        }

        .toto-answer-inner {
          padding: 0 18px 18px 18px;
          font-size: 14px;
        }

        .toto-icon {
          min-width: 30px;
          min-height: 30px;
          font-size: 16px;
        }
      }

      /* =========================
   FIX MENU MOBILE RESPONSIVE
========================= */
      @media (max-width: 768px) {

        html,
        body {
          overflow-x: hidden !important;
          max-width: 100% !important;
        }

        .header,
        .nav,
        .container,
        .nav__wrap {
          width: 100% !important;
          max-width: 100% !important;
          min-width: 0 !important;
        }

        .container {
          padding-left: 12px !important;
          padding-right: 12px !important;
          margin-left: auto !important;
          margin-right: auto !important;
        }

        .nav {
          overflow: hidden !important;
        }

        .nav__wrap {
          display: block !important;
          padding: 8px 0 !important;
          min-height: auto !important;
        }

        .nav__row {
          display: flex !important;
          flex-wrap: nowrap !important;
          overflow-x: auto !important;
          overflow-y: hidden !important;
          white-space: nowrap !important;
          gap: 6px !important;
          padding: 0 0 8px 0 !important;
          margin: 0 !important;
          list-style: none !important;
          -webkit-overflow-scrolling: touch;
          scrollbar-width: none;
        }

        .nav__row::-webkit-scrollbar {
          display: none;
        }

        .nav__item {
          flex: 0 0 auto !important;
          width: auto !important;
        }

        .nav__link {
          display: inline-flex !important;
          align-items: center !important;
          justify-content: center !important;
          min-height: 36px !important;
          padding: 0 12px !important;
          font-size: 11px !important;
          line-height: 1 !important;
          white-space: nowrap !important;
          border-radius: 10px !important;
        }

        .nav__sub,
        .navSub,
        #lestariMenu {
          display: none !important;
        }

        .menu-plus-sticky {
          display: inline-flex !important;
          width: auto !important;
          max-width: 220px !important;
          margin-top: 8px !important;
          padding: 10px 14px !important;
          font-size: 12px !important;
          white-space: nowrap !important;
        }

        .logo--sticky {
          display: none !important;
        }
      }

      @media (max-width: 480px) {
        .nav__link {
          font-size: 10px !important;
          padding: 0 10px !important;
          min-height: 34px !important;
        }

        .menu-plus-sticky {
          font-size: 11px !important;
          padding: 9px 12px !important;
        }
      }

      .yokai-item,
      .toto-icon {
        position: relative;
        overflow: hidden;
      }

      .yokai-item::after,
      .toto-icon::after {
        content: "";
        position: absolute;
        top: 0;
        left: -130%;
        width: 60%;
        height: 100%;
        background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .14), transparent);
        transition: .8s;
      }

      .yokai-item:hover::after,
      .toto-icon:hover::after {
        left: 130%;
      }
    </style>
    <script src="https://asset.kompas.com/data/2022/12/27/1003/kompascom/copy_credit.min.js"></script>
    <script src="https://asset.kompas.com/data/2025/07/18/sso/js/sso_g_signin_fedcm.min.js"></script>
    <script type="text/javascript">popup_enabled=["kgmModal-age","kgmModal-cookie","kgmModal-onetap-kompasplusreminder","kgmModal-verify-v2","kgmModal-onetap","kgmModal-onetap"]</script>
    <script src="https://asset.kompas.com/data/2025/02/27/sso/js/popup_manager.min.js"></script>
    <!-- <script src="https://asset.kompas.com/data/2017/wp/js/radio-stream.js"></script> -->
    <script src="https://asset.kompas.com/data/2017/wp/js/slick.min.js"></script>
    <script src="https://asset.kompas.com/data/2017/wp/js/jquery.sticky-kit.min.js"></script>
    <script src="https://asset.kompas.com/data/2017/wp/js/jquery.marquee.min.js?v=11"></script>
    <script src="https://asset.kompas.com/data/2017/wp/js/jquery.lazyload.min.js"></script>
    <script src="https://asset.kompas.com/data/2025/08/08/wp/desktop/js/main.min.js"></script>
    <script src="https://asset.kompas.com/data/2025/01/21/sso/js/sso_personalisasi.min.js"></script>
    <script src="https://asset.kompas.com/data/2025/03/11/sso/js/sdk-cookie-consent.min.js"></script>
    <script src="https://asset.kompas.com/data/2025/sso/extender.min.js?v=113"></script>
    <script src="https://asset.kompas.com/data/2022/sso/js/ssouser.min.js?v=2"></script>
    <script src="https://asset.kompas.com/data/2017/wp/js/main-photo-article.min.js?v=6"></script>
    <script src="https://asset.kompas.com/data/2017/wp/js/photoswipe.min.js"></script>
    <script src="https://asset.kompas.com/data/2017/wp/js/photoswipe-ui-default.min.js"></script>
    <script src="https://asset.kompas.com/data/2025/05/14/cuaca/desktop/js/main-article.min.js"></script>
    <script src="https://asset.kompas.com/data/2017/wp/js/bootstrap-datepicker.min.js"></script>
    <script src="https://asset.kompas.com/data/2017/wp/js/jquery.magnific-popup.min.js"></script>
    <script src="https://asset.kompas.com/data/2025/07/18/kompascom/desktop/js/main-comment.min.js"></script>
    <!-- infografis zoom-->
    <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
      <div class="pswp__bg"></div>
      <div class="pswp__scroll-wrap">
        <div class="pswp__container">
          <div class="pswp__item"></div>
          <div class="pswp__item"></div>
          <div class="pswp__item"></div>
        </div>
        <div class="pswp__ui pswp__ui--hidden">
          <div class="pswp__top-bar">
            <div class="pswp__counter"></div>
            <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
            <button class="pswp__button pswp__button--share" title="Share"></button>
            <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
            <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
            <div class="pswp__preloader">
              <div class="pswp__preloader__icn">
                <div class="pswp__preloader__cut">
                  <div class="pswp__preloader__donut"></div>
                </div>
              </div>
            </div>
          </div>
          <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
            <div class="pswp__share-tooltip"></div>
          </div>
          <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
          <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
          <div class="pswp__caption">
            <div class="pswp__caption__center"></div>
          </div>
        </div>
      </div>
    </div>
    <script>!function(){var t=(new Date).getTime();$(document.body).bind("mousemove keypress",function(e){t=(new Date).getTime()}),setTimeout(function e(){9e5<=(new Date).getTime()-t?window.location.reload(!0):setTimeout(e,1e4)},1e4)}()</script>
    <script>function setCookieUkid(t,e,i){var o=new Date;o.setTime(o.getTime()+24*i*60*60*1e3);var s="expires="+o.toUTCString();document.cookie=t+"="+e+";"+s+";domain=.kompas.com;path=/;"}if(-1==document.cookie.indexOf("ukid=")){var xhttp=new XMLHttpRequest;xhttp.onreadystatechange=function(){4==this.readyState&&200==this.status&&setCookieUkid("ukid",JSON.parse(xhttp.responseText).ukid,365)},xhttp.open("GET","https://apis.kompas.com/api/activity/user",!0),xhttp.send()}</script>
    <script>!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.lozad=e()}(this,function(){"use strict";var g=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t},r="undefined"!=typeof document&&document.documentMode,l={rootMargin:"0px",threshold:0,load:function(t){if("picture"===t.nodeName.toLowerCase()){var e=document.createElement("img");r&&t.getAttribute("data-iesrc")&&(e.src=t.getAttribute("data-iesrc")),t.getAttribute("data-alt")&&(e.alt=t.getAttribute("data-alt")),t.appendChild(e)}t.getAttribute("data-src")&&(t.src=t.getAttribute("data-src")),t.getAttribute("data-srcset")&&t.setAttribute("srcset",t.getAttribute("data-srcset")),t.getAttribute("data-background-image")&&(t.style.backgroundImage="url('"+t.getAttribute("data-background-image")+"')"),t.getAttribute("data-toggle-class")&&t.classList.toggle(t.getAttribute("data-toggle-class"))},loaded:function(){}};function f(t){t.setAttribute("data-loaded",!0)}var b=function(t){return"true"===t.getAttribute("data-loaded")};return function(){var r,o,a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:".lozad",t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},e=g({},l,t),n=e.root,i=e.rootMargin,d=e.threshold,u=e.load,c=e.loaded,s=void 0;return window.IntersectionObserver&&(s=new IntersectionObserver((r=u,o=c,function(t,e){t.forEach(function(t){(0<t.intersectionRatio||t.isIntersecting)&&(e.unobserve(t.target),b(t.target)||(r(t.target),f(t.target),o(t.target)))})}),{root:n,rootMargin:i,threshold:d})),{observe:function(){for(var t=function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:document;return t instanceof Element?[t]:t instanceof NodeList?t:e.querySelectorAll(t)}(a,n),e=0;e<t.length;e++)b(t[e])||(s?s.observe(t[e]):(u(t[e]),f(t[e]),c(t[e])))},triggerLoad:function(t){b(t)||(u(t),f(t),c(t))},observer:s}}})</script>
    <script type="text/javascript">$(document).ready(function(){lozad(".lozad",{load:function(a){a.src=a.dataset.src,a.onload=function(){a.classList.add("fade")}}}).observe()})</script>
    <script src="https://asset.kompas.com/data/2024/08/26/kgmverify/js/kgmverify.min.js"></script>
    <script>function getCookie(name) { var name = name + '='; var cookies = decodeURIComponent(document.cookie).split(';'); for (var i = 0; i < cookies.length; i++) { var c=cookies[i]; while (c.charAt(0)==' ' ) { c=c.substring(1); } if (c.indexOf(name)==0) { return c.substring(name.length, c.length); } } } let popup_state=JSON.parse(getCookie('popup_state')); if (popup_state.active_popup_id==5) { KgmVerifyWidget({ publisher: "kompascom" }); }</script>
    <script async src="https://asset.kompas.com/data/2025/02/03/1452/freepremium_newsletter.js"></script>
    <script async src="https://asset.kompas.com/data/2025/01/14/js/kompasplus_reminder.js"></script>
    <div class="modalContent reactionModal" data-modal-target="reaction-share">
      <div class="modalHeader">
        <div class="modalTitle"></div>
        <button class="button buttonDismiss modalDismiss" aria-label="Close" data-modal-button="dismiss">
          <span class="icoBase icoDismiss"></span>
        </button>
      </div>
      <div class="modalBody socmedModal">
        <div class="socmedTitle">Bagikan artikel ini melalui</div>
        <div class="socmedList"><a href="javascript:void(0);" class="button buttonFacebook socmedButton" role="button" aria-label="Share to Facebook"><span class="icoSocmed icoFacebook"></span><span class="socmedTxt">Facebook</span></a><a href="javascript:void(0);" class="button buttonTwitter socmedButton" role="button" aria-label="Share to Twitter"><span class="icoSocmed icoTwitter"></span><span class="socmedTxt">X</span></a><a href="javascript:void(0);" class="button buttonWhatsapp socmedButton" role="button" aria-label="Share to Whatsapp"><span class="icoSocmed icoWhatsapp"></span><span class="socmedTxt">Whatsapp</span></a><a target="_blank" href="javascript:void(0);" class="button buttonLine socmedButton" role="button" aria-label="Share to Line"><span class="icoSocmed icoLine"></span><span class="socmedTxt">Line</span></a><a href="javascript:void(0);" class="button buttonTelegram socmedButton" role="button" aria-label="Share to Telegram"><span class="icoSocmed icoTelegram"></span><span class="socmedTxt">Telegram</span></a><a href="javascript:void(0);" class="button buttonCopyLink socmedButton" role="button" aria-label="Share to Copy Link" data-form="copyLinkUrl" data-copy="copy-url" data-title="URL Berhasil disalin"><span class="icoSocmed icoCopyLink"></span><span class="socmedTxt">Copy Link</span></a></div>
        <textarea class="socmedSrc" type="text" id="copyLinkUrl" value="" style="display: none;"></textarea>
      </div>
    </div>
    <script>
      (function() {
        $('body').on('click', '.reaction > * .buttonShare, .listPop > * .buttonShare', function(e) {
          if ($(this).data("type") == 'buku') {
            let title = $(this).data("title");
            let url = $(this).data("url").replace('http://', 'https://');
            let copy_link = url;
            let modals = $('.reactionModal');
            modals.find('.modalTitle').html(title);
            modals.find('#copyLinkUrl').html(copy_link);
            modals.find('.socmedTitle').html('Bagikan buku ini melalui');
            modals.find('.buttonFacebook').attr("onclick", `fb_share('${title}','${url}')`);
            modals.find('.buttonTwitter').attr("onclick", `tweet_share('${url}')`);
            modals.find('.buttonWhatsapp').attr("onclick", `whatsapp_share_new('', '${url}')`);
            modals.find('.buttonLine').attr("href", `https://line.me/R/msg/text/?${url}`);
            modals.find('.buttonTelegram').attr("onclick", `telegram_share('${title}', '${url}')`);
          } else {
            let title = $(this).data("title");
            let url = $(this).data("url").replace('http://', 'https://');
            let campaign = $(this).data("campaign");
            let modals = $('.reactionModal');
            let tagline_tw = ''; //'\\n\\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus2 \\nDownload aplikasi: https://kmp.im/app2';
            let tagline_wa = ''; //'\\n\\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus3 \\nDownload aplikasi: https://kmp.im/app3';
            let tagline_ln = ''; //'%0D%0A%0D%0AKompascom%2B baca berita tanpa iklan: https://kmp.im/plus4%0D%0ADownload aplikasi: https://kmp.im/app4';
            let tagline_tg = ''; //'%0D%0A%0D%0AKompascom%2B baca berita tanpa iklan: https://kmp.im/plus5%0D%0ADownload aplikasi: https://kmp.im/app5';
            let type = $(this).data("type") ? $(this).data("type") : 'article';
            let title_klik = (type == 'article') ? 'Klik untuk baca' : 'Klik untuk lihat video';
            let title_wa = '*' + title + '*\\n\\n' + title_klik + ':\\n';
            let title_tele = '**' + title + '**';
            let utm_campaign = custom_utm_campaign();
            let copy_link = url + '?utm_source=Various&utm_medium=Referral&utm_campaign=' + utm_campaign;
            modals.find('.modalTitle').html(title);
            modals.find('#copyLinkUrl').html(copy_link);
            modals.find('.buttonFacebook').attr("onclick", `fb_share('${title}','${url}?utm_source=Facebook&utm_medium=Referral&utm_campaign=${utm_campaign}')`);
            if (title.length < 200) {
              modals.find('.buttonTwitter').attr("onclick", `tweet_share('${title}\\n\\n` + title_klik + `: ${url}?utm_source=Twitter&utm_medium=Referral&utm_campaign=${utm_campaign}${tagline_tw}')`);
            } else {
              modals.find('.buttonTwitter').attr("onclick", `tweet_share('${title}\\n\\n` + title_klik + `: ${url}?utm_source=Twitter&utm_medium=Referral&utm_campaign=${utm_campaign}')`);
            }
            modals.find('.buttonWhatsapp').attr("onclick", `whatsapp_share_new('${title_wa}', '${url}?utm_source=Whatsapp&utm_medium=Referral&utm_campaign=${utm_campaign}${tagline_wa}')`);
            modals.find('.buttonLine').attr("href", `https://line.me/R/msg/text/?${title}%0D%0A%0D%0A` + title_klik + `:%0D%0A${url}%3Futm_source=Line%26utm_medium=Referral%26utm_campaign=${utm_campaign}${tagline_ln}`);
            modals.find('.buttonTelegram').attr("onclick", `telegram_share('${title_tele}', '${url}?utm_source=Telegram&utm_medium=Referral&utm_campaign=${utm_campaign}', '${tagline_tg}')`);
          }
          openModal('reaction-share');
        });
      })();

      function custom_utm_campaign() {
        if (window.location.hostname.indexOf('activity') == 0) {
          if (window.location.pathname == '/saved') {
            return 'Saved_Desktop'
          } else if (window.location.pathname == '/like') {
            return 'Liked_Desktop'
          }
        } else {
          var el_socmedList = document.querySelector('.socmedList');
          if (!!el_socmedList) {
            var data_area = el_socmedList.getAttribute('data-area');
            if (data_area == 'top') {
              return 'Top_Desktop'
            } else if (data_area == 'bottom') {
              return 'Bottom_Desktop'
            } else {
              return 'AIML_Widget_Desktop'
            }
          }
        }
        return 'Sticky_Desktop'
      }
    </script>
    <!-- reaction toast -->
    <div class="toast" data-toast="bottom">
      <div class="toastContent"></div>
      <a href="#" class="button buttonDismiss toastDismiss" aria-label="Dismiss" role="button" data-toast-button="dismiss">Oke</a>
    </div>
    <script>
      var el_badge = document.querySelector('.sso__badge')
      var el_badge_menu = document.querySelector('.sso__badge__inline')

      function checkSession() {
        var badge_temp_session = getCookie("_badge_temp_session")
        var badge_session = getCookie("badge_session")
        var badge_first_click = getCookie("badge_first_click");
        if (badge_temp_session == "" && badge_session == "") {
          setCookie("_badge_temp_session", 1)
          setCookie("badge_session", 1, 8760)
          // console.log("test badge temp 1")
        } else if (badge_temp_session == "" && badge_session == 1) {
          setCookie("_badge_temp_session", 1)
          setCookie("badge_session", 2, 8760)
          // console.log("test badge temp 2")
        } else if (badge_temp_session == "" && badge_session == 2 && badge_first_click == 1) {
          setCookie("_badge_temp_session", 1)
          setCookie("badge_session", 3, 8760)
          // console.log("test badge temp 3")
        }
        setCookie("_badge_temp_session", 1)
      }
      checkSession()

      function checkCookieBadgeNps() {
        var badge_session = getCookie("badge_session")
        var badge_first_click = getCookie("badge_first_click")
        var click_icon_badge = getCookie("click_icon_badge")
        var feedback_click = getCookie("feedback_click_badge")
        // show badge jika sesi berikutnya  
        if (badge_session == 2) {
          el_badge.style.display = "block"
          el_badge_menu.style.display = "block"
          // console.log("test 1")    
        }
        // jika ada di sesi berikutnya dan telah click badge icon utk pertama kali, maka hide badge icon login
        if (badge_session == 2 && badge_first_click == 1) {
          el_badge.style.display = "none"
          // console.log("test 2")  
          // jika tidak cek,
          // jika ada di sesi berikutnya dan telah click badge icon utk pertama kali
          // atau jika di sesi berikutnya dan cookie click icon badge expired
          // atau jika di sesi berikutnya dan cookie badge feedback success expired
        } else if ((badge_session == 3 && badge_first_click == 1) || (badge_session == 3 && document.cookie.indexOf("click_icon_badge=") == -1) || (badge_session == 3 && document.cookie.indexOf("badge_feedback_success=") == -1)) {
          el_badge.style.display = "block"
          el_badge_menu.style.display = "block"
          // console.log("test 3")
        }
        // hide jika ada cookie click icon badge masih aktif 
        // utk cek cookie 2 jam, 1 hari, 1 minggu dan 4 minggu.
        if (document.cookie.indexOf("click_icon_badge=") != -1) {
          el_badge.style.display = "none"
          // console.log("test 4")
        }
        // jika "Berikan masukkanmu" telah dikilk, maka hide
        // jika tidak cek jika sesi > 1 dan cookie feedback click badge "Berikan masukkanmu" expired, maka show
        if (document.cookie.indexOf("feedback_click_badge=") != -1) {
          el_badge_menu.style.display = "none"
          // console.log("test 5")
        } else if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge=") == -1) {
          el_badge_menu.style.display = "block"
          // console.log("test 6")
        }
        // hide jika telah memberi penilaian 
        if (document.cookie.indexOf("badge_feedback_success=") != -1) {
          el_badge.style.display = "none"
          el_badge_menu.style.display = "none"
          // console.log("test 7")
        }
      }
      checkCookieBadgeNps()
      var sso__icon__login_top = document.getElementById('sso__icon__login_top')
      sso__icon__login_top.addEventListener('click', function() {
        var badge_session = getCookie("badge_session")
        var badge_first_click = getCookie("badge_first_click")
        var feedback_success = getCookie("badge_feedback_success")
        var click_icon_badge = getCookie("click_icon_badge")
        var click_icon_counter_badge = getCookie("click_icon_counter_badge")
        if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) {
          // click untuk pertama kali di sesi berikutnya
          if (badge_session == 2 && badge_first_click == "") {
            el_badge.style.display = "none"
            el_badge_menu.style.display = "block"
            setCookie("badge_first_click", 1, 8760)
            // console.log("click 1")
            // click jika sesi berikutnya setelah mengklik icon badge utk pertama kali    
          } else {
            // jika belum ada cookie click icon badge
            // dan ada di sesi berikutnya setelah click icon pertama kali
            // dan counter click icon kosong atau 0
            if (badge_session == 3 && click_icon_badge == "" && (click_icon_counter_badge == "" || click_icon_counter_badge == 0)) {
              setCookie("click_icon_counter_badge", 1, 8760)
              setCookie("click_icon_badge", 1, 2)
              el_badge.style.display = "none"
              el_badge_menu.style.display = "block"
              // console.log("clicked 1")
              // Jika cookie badge click icon expired dan counter = 1, maka set 1 hari
            } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 1) {
              setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge) + 1, 8760)
              setCookie("click_icon_badge", 2, 24)
              el_badge.style.display = "none"
              el_badge_menu.style.display = "block"
              // console.log("clicked 2")
              // Jika cookie badge click icon expired dan counter = 2, maka set 1 minggu
            } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 2) {
              setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge) + 1, 8760)
              setCookie("click_icon_badge", 3, 168)
              el_badge.style.display = "none"
              el_badge_menu.style.display = "block"
              // console.log("clicked 3")
              // Jika cookie badge click icon expired dan counter lebih dari 2, maka set 4 minggu
            } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge > 2) {
              setCookie("click_icon_counter_badge", 0, 8760) // reset badge counter click icon 
              setCookie("click_icon_badge", 4, 672)
              el_badge.style.display = "none"
              el_badge_menu.style.display = "block"
              // console.log("clicked 4")
            }
            // console.log("click 2")
          }
          // jika feedback click expired dan counter >= 0, maka show
          var feedback_click_counter = getCookie("feedback_click_counter_badge")
          if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge") == -1 && feedback_click_counter >= 0) {
            el_badge_menu.style.display = 'block'
          }
        }
      })
      var feedback__item = document.getElementById('feedback__item')
      feedback__item.addEventListener("click", function() {
        var feedback_click = getCookie("feedback_click_badge")
        var feedback_success = getCookie("badge_feedback_success")
        var feedback_click_counter = getCookie("feedback_click_counter_badge")
        if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) {
          // jika belum ada cookie feedback click counter, maka set 2 jam
          if (feedback_click_counter == "" || feedback_click_counter == 0) {
            setCookie("feedback_click_counter_badge", 1, 8760)
            setCookie("feedback_click_badge", 1, 2)
            el_badge_menu.style.display = "none"
            // console.log("feedback clicked 1")
            // Jika cookie feedback click badge expired dan counter 1, maka set 1 hari
          } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 1) {
            setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter) + 1, 8760)
            setCookie("feedback_click_badge", 2, 24)
            el_badge_menu.style.display = "none"
            // console.log("feedback clicked 2")
            // Jika cookie feedback click badge expired dan counter 2, maka set 1 minggu
          } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 2) {
            setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter) + 1, 8760)
            setCookie("feedback_click_badge", 3, 168)
            el_badge_menu.style.display = "none"
            // console.log("feedback clicked 3")
            // Jika cookie feedback click badge expired dan counter > 2, maka set 4 minggu
          } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter > 2) {
            setCookie("feedback_click_counter_badge", 0, 8760)
            setCookie("feedback_click_badge", 4, 672)
            el_badge_menu.style.display = "none"
            // console.log("feedback clicked 4")
          } else {
            // jika di sesi sebelumnya sudah diklik tapi belum isi feedback
            el_badge_menu.style.display = "none"
            // console.log("feedback clicked 5")
          }
        }
      })

      function setCookie(name, value, hour) {
        var expires = "";
        if (hour) {
          var date = new Date();
          date.setTime(date.getTime() + (hour * 60 * 60 * 1000));
          expires = "; expires=" + date.toUTCString();
        }
        document.cookie = name + "=" + (value || "") + expires + "; ;domain=.kompas.com;path=/";
      }

      function getCookie(cname) {
        var name = cname + "=";
        var decodedCookie = decodeURIComponent(document.cookie);
        var ca = decodedCookie.split(';');
        for (var i = 0; i < ca.length; i++) {
          var c = ca[i];
          while (c.charAt(0) == ' ') {
            c = c.substring(1);
          }
          if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
          }
        }
        return "";
      }
      // action create cookie badge_feedback_success expired 90 hari
      var onSubmitNps = document.getElementById("nps-submit")
      if (onSubmitNps !== null) {
        onSubmitNps.addEventListener("click", function(e) {
          // e.preventDefault() 
          setCookie("badge_feedback_success", 1, 2160)
        })
      }
    </script>
    <script>const showAllBtnJs = document.querySelector('#show_all_news') if (!!showAllBtnJs) { showAllBtnJs.addEventListener('click', function() { const startPage = showAllBtnJs.dataset.startPage const url = new URL(window.location.href); window.location.href = `${url.origin}${url.pathname}?page=all#page${startPage}`; }) }</script>
    <section class="kgmModal -hide" id="kgmModal-onetap" data-event-category="KG Media ID Account" data-event-action="View KG Onetap" data-event-label="" data-event-track="impression" data-url="" type="button" id="kgmModal-onetap-close-tag" class="kgmModal-close">
      <div class="kgmModal-block">
        <div class="kgmModal-header">
          <div class="kgmModal-header-inner">
            <div class="kgmModal-header-logo">
              <img class="lozad" data-src="https://asset.kompas.com/data/2023/03/30/kompascom/images/logo-kompascom.svg?v=1" alt="logo-Kompas.com">
            </div>
            <button data-event-category="KG Media ID Account" data-event-action="ClickClose KG Onetap" data-event-label="Tags Button" data-event-track="click" data-url="" type="button" id="kgmModal-onetap-close-tag" class="kgmModal-close" style="display:none;"></button>
            <button data-event-category="KG Media ID Account" data-event-action="ClickClose KG Onetap" data-event-label="See All Button" data-event-track="click" type="button" id="kgmModal-onetap-close-page" onclick="document.getElementById('kgmModal-onetap').classList.add('-hide');oneTapHide();return false;" class="kgmModal-close" style="display:none;"></button>
            <button data-event-category="KG Media ID Account" data-event-action="ClickClose KG Onetap" data-event-label="" data-event-track="click" type="button" id="kgmModal-onetap-close-iteraction" onclick="document.getElementById('kgmModal-onetap').classList.add('-hide');oneTapHide();return false;" class="kgmModal-close" style="display:none;"></button>
          </div>
        </div>
        <div class="kgmModal-body">
          <div class="kgmModal-center">
            <div class="kgmModal-title" id="kgmModal-title">Join Sekarang Juga Untuk Info Lebih Lanjut Hanya Di DEWI188</div>
          </div>
          <div class="kgmModal-onetap">
            <!-- google -->
            <div class="form-google">
              <div id="kgOne1">
                <div id="g_id_onload" data-client_id="776828813358-infk4sje3q07sa8mg8n6lq1mk2pdkkua.apps.googleusercontent.com" data-context="signin" data-ux_mode="popup" data-service="a29tcGFz" data-continue="aHR0cHM6Ly93d3cua29tcGFzLmNvbS9qYXdhLWJhcmF0L3JlYWQvMjAyNS8wOS8wNC8xNzIwMDAzODgva29tcG9sLWNvc21hcy1kaXBlY2F0LXRpZGFrLWhvcm1hdC1wZXJuYWgtdGVyc2VyZXQta2FzdXMtcGVueWlyYW1hbj91dG1fc291cmNlPWxvZ2luX2tnb25ldGFw" data-login_uri="https://account.kompas.com/social/user" data-scope="public_profile,email,openid" data-provider="google" data-nonce="" data-auto_prompt="false"></div>
                <div class="g_id_signin" data-type="standard" data-shape="rectangular" data-theme="filled_blue" data-text="continue_with" data-size="large" data-logo_alignment="left" onclick="actionGoogleLogin()">
                  <div class="S9gUrf-YoZ4jf" style="position: relative;" onclick="actionGoogleLogin()">
                    <div>
                      <div tabindex="0" role="button" aria-labelledby="button-label" class="nsm7Bb-HzV7m-LgbsSe  hJDwNd-SxQuSe MFS4be-v3pZbf-Ia7Qfc MFS4be-Ia7Qfc uaxL4e-RbRzK">
                        <div class="nsm7Bb-HzV7m-LgbsSe-MJoBVe"></div>
                        <div class="nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb ">
                          <div class="nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf">
                            <div class="nsm7Bb-HzV7m-LgbsSe-Bz112c">
                              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="LgbsSe-Bz112c">
                                <g>
                                  <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path>
                                  <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path>
                                  <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path>
                                  <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path>
                                  <path fill="none" d="M0 0h48v48H0z"></path>
                                </g>
                              </svg>
                            </div>
                          </div>
                          <span class="nsm7Bb-HzV7m-LgbsSe-BPrWId">Continue with Google</span>
                          <span class="L6cTce" id="button-label">Continue with Google</span>
                        </div>
                      </div>
                    </div>
                    <div id="gsi_42450_629583-wrapper" class="L5Fo6c-sM5MNb">
                      <iframe src="https://accounts.google.com/gsi/button?type=standard&amp;shape=rectangular&amp;theme=filled_blue&amp;text=continue_with&amp;size=large&amp;logo_alignment=left&amp;client_id=776828813358-infk4sje3q07sa8mg8n6lq1mk2pdkkua.apps.googleusercontent.com&amp;iframe_id=gsi_42450_629583&amp;as=JlGuvviOkWwkjKNkPHeL8A" allow="identity-credentials-get" id="gsi_42450_629583" title="Sign in with Google Button" style="display: block; position: relative; top: 0px; left: 0px; height: 0px; width: 0px; border: 0px;" tabindex="-1"></iframe>
                      <div id="gsi_42450_629583-overlay" class="L5Fo6c-bF1uUb" tabindex="0"></div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="kgOne2" style="display:none;">
                <div id="googleLgnBtn"></div>
              </div>
            </div>
            <!-- screen 1 -->
            <!-- screen 2 -->
            <!-- screen 3 -->
          </div>
          <div class="kgmModal-divider -clean">
            <span>atau</span>
          </div>
          <div class="kgmModal-method">
            <a href="https://ak56.cutpro.ly/dewi188">Gunakan metode lain</a>
          </div>
        </div>
        <div class="kgmModal-footer">
          <div class="kgmModal-info">Dengan login, kamu menyetujui <a href="https://rajaasiaslot.com" target="_blank">Kebijakan Data Pribadi</a>
          </div>
        </div>
      </div>
    </section>
    <script src="https://accounts.google.com/gsi/client" async defer></script>
    <script>
      var url_continue = "https://rajaasiaslot.com/";

      function oneTapShow(tipe = '') {
        let otd = document.getElementById('kgmModal-onetap')
        if (!!otd) {
          let kgOne1 = document.getElementById('kgOne1');
          let kgOne2 = document.getElementById('kgOne2');
          kgOne2.style.display = 'none';
          kgOne1.style.display = 'block';
          otd.classList.remove('-hide');
          document.body.classList.add('-locked');
        }
      }

      function oneTapHide() {
        let otd = document.getElementById('kgmModal-onetap')
        if (!!otd) {
          otd.classList.add('-hide');
          document.body.classList.remove('-locked');
        }
      }

      function hideButtonClose() {
        document.getElementById('kgmModal-onetap-close-tag').style.display = 'none';
        document.getElementById('kgmModal-onetap-close-page').style.display = 'none';
        document.getElementById('kgmModal-onetap-close-iteraction').style.display = 'none';
      }
      //     // // start all kanal tag rule
      // document.querySelectorAll(".tag__article__link").forEach(element => element.addEventListener('click', event => {
      //     event.preventDefault()
      //     hideButtonClose();
      //     var kgmModalOneTapClose = document.getElementById('kgmModal-onetap-close-tag');
      //     kgmModalOneTapClose.style.display = "block";
      //     kgmModalOneTapClose.dataset.url = element.getAttribute("href");
      //     document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger=tags_btn')
      //     document.getElementById('kgmModal-title').innerHTML = 'Baca berita bertopik serupa dengan login menggunakan akun kamu';
      //     var script = document.createElement("script");
      //     (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
      //     document.getElementById('kgmModal-onetap').dataset.eventLabel = 'Tags Button';
      //     oneTapShow();
      // }));
      // let kgmModalOneTapClose = document.getElementById('kgmModal-onetap-close-tag');
      // if (!!kgmModalOneTapClose) {
      //     kgmModalOneTapClose.addEventListener('click', function (e) {
      //         var url_tag = kgmModalOneTapClose.dataset.url;
      //         window.location.href = url_tag;
      //     });
      // }
      // // end all kanal tag rule
      // 
      // start food tag rule
      let pageShow = document.getElementById('show_all');
      if (!!pageShow) {
        pageShow.addEventListener('click', function(e) {
          hideButtonClose();
          var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page');
          kgmModalOneTapPage.style.display = "block";
          document.getElementById('g_id_onload').dataset.continue = btoa(url_continue + '?lgn_source=kgonetap&lgn_trigger=seeall_btn');
          document.getElementById('kgmModal-title').innerHTML = 'Login untuk akses baca lebih lengkap';
          var script = document.createElement("script");
          (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
          document.getElementById('kgmModal-onetap').dataset.eventLabel = 'See All Button';
          oneTapShow();
        });
      }
      $(document).on("click", "#commentFormLogin", function() {
        var komentar_url = $(this).data('komentar-url');
        hideButtonClose();
        var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page');
        kgmModalOneTapPage.style.display = "block";
        document.getElementById('g_id_onload').dataset.continue = btoa(komentar_url + '?lgn_source=kgonetap&lgn_trigger=comment_article');
        document.getElementById('kgmModal-title').innerHTML = 'Login untuk menyampaikan komentarmu.';
        var script = document.createElement("script");
        (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
        document.getElementById('kgmModal-onetap').dataset.eventLabel = 'Comment Article';
        oneTapShow();
      });
      document.addEventListener('DOMContentLoaded', function() {
        const elementKgOneTapAction = document.querySelectorAll('[data-kgonetap-action]');
        if (!!elementKgOneTapAction) {
          elementKgOneTapAction.forEach(function(el) {
            el.addEventListener('click', function() {
              const kgOneTapAction = el.getAttribute('data-kgonetap-action');
              let kgOneTapTitle = 'Login untuk menyampaikan komentarmu.';
              let lgnTrigger = '';
              let eventLabel = 'See All Button';
              if (kgOneTapAction == 'COMMENT_POST') {
                kgOneTapTitle = 'Login untuk menyampaikan komentarmu.';
                lgnTrigger = 'comment_post_btn';
                eventLabel = 'Comment Post Button';
              } else if (kgOneTapAction == 'COMMENT_LIKE') {
                kgOneTapTitle = 'Login untuk menyukai komentar ini';
                lgnTrigger = 'comment_like_btn';
                eventLabel = 'Comment Like Button';
              } else if (kgOneTapAction == 'COMMENT_DISLIKE') {
                kgOneTapTitle = 'Login untuk menanggapi komentar ini';
                lgnTrigger = 'comment_dislike_btn';
                eventLabel = 'Comment Disike Button';
              } else if (kgOneTapAction == 'COMMENT_REPLY') {
                kgOneTapTitle = 'Login untuk membalas komentar ini';
                lgnTrigger = 'comment_reply_btn';
                eventLabel = 'Comment Reply Button';
                el.querySelector('.commentButton').textContent = 'Balas';
                el.closest('.commentItem').querySelector('.reply_form').style.display = 'none';
              } else if (kgOneTapAction == 'MYVALUE_CLAIM') {
                kgOneTapTitle = 'Login untuk mendapatkan voucher';
                lgnTrigger = 'claim_voucher_button';
                eventLabel = 'Claim Voucher Button';
              }
              hideButtonClose();
              var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page');
              kgmModalOneTapPage.style.display = "block";
              document.getElementById('g_id_onload').dataset.continue = btoa(url_continue + '?lgn_source=kgonetap&lgn_trigger=' + lgnTrigger);
              document.getElementById('kgmModal-title').innerHTML = kgOneTapTitle;
              var script = document.createElement("script");
              (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
              const dataEventLabel = document.getElementById('kgmModal-onetap');
              if (!!dataEventLabel) {
                dataEventLabel.dataset.eventLabel = eventLabel;
                const otherDataEventLabel = dataEventLabel.querySelectorAll('[data-event-label]');
                if (!!otherDataEventLabel) {
                  otherDataEventLabel.forEach(function(label) {
                    label.dataset.eventLabel = eventLabel
                  })
                }
              }
              oneTapShow();
            });
          });
        }
      })
      // start reaction rule
      document.querySelectorAll(".reactionIteration").forEach(element => element.addEventListener('click', event => {
        hideButtonClose();
        var kgmModalOneTapIteraction = document.getElementById('kgmModal-onetap-close-iteraction');
        kgmModalOneTapIteraction.style.display = "block";
        var trigger_touch_point = 'click_like';
        var label = 'Like';
        var title = 'Suka konten ini? Login untuk menyimpan preferensimu';
        if (element.dataset.ttp == 'dislike') {
          trigger_touch_point = 'click_dislike';
          label = 'Dislike';
          title = 'Kurang suka konten ini? Login untuk menyimpan preferensimu';
        } else if (element.dataset.ttp == 'bookmark') {
          trigger_touch_point = 'click_bookmark';
          label = 'Bookmark';
          title = 'Login untuk simpan dan baca nanti';
        } else if (element.dataset.ttp == 'like_comment') {
          trigger_touch_point = 'click_like_comment';
          label = 'Like Comment'
          title = 'Login untuk kasih jempol buat komentar ini.';
        } else if (element.dataset.ttp == 'dislike_comment') {
          trigger_touch_point = 'click_dislike_comment';
          label = 'Dislike Comment'
          title = 'Tidak setuju dengan komentar ini? Login untuk ikut menanggapi';
        }
        // document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger='+trigger_touch_point)
        document.getElementById('kgmModal-title').innerHTML = title;
        // var script = document.createElement("script");
        // (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
        // document.getElementById('kgmModal-onetap').dataset.eventLabel = label
        // document.getElementById('kgmModal-onetap-close-iteraction').dataset.eventLabel = label
        oneTapShow('reaction');
      }));
      // end reaction rule
      // start comment rule
      let CommentShow = document.getElementById('btnSendIteration');
      if (!!CommentShow) {
        CommentShow.addEventListener('click', function(e) {
          hideButtonClose();
          var kgmModalOneTapIteraction = document.getElementById('kgmModal-onetap-close-iteraction');
          kgmModalOneTapIteraction.style.display = "block";
          var trigger_touch_point = 'click_post_comment';
          var label = 'Post Comment'
          var title = 'Login untuk menyampaikan komentarmu.';
          document.getElementById('g_id_onload').dataset.continue = btoa(url_continue + '?lgn_source=kgonetap&lgn_trigger=' + trigger_touch_point)
          document.getElementById('kgmModal-title').innerHTML = title;
          var script = document.createElement("script");
          (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
          document.getElementById('kgmModal-onetap').dataset.eventLabel = label
          document.getElementById('kgmModal-onetap-close-iteraction').dataset.eventLabel = label
          oneTapShow();
        });
      }
      // end comment rule
      function getMeta(metaName) {
        const metas = document.getElementsByTagName('meta');
        for (let i = 0; i < metas.length; i++) {
          if (metas[i].getAttribute('name') === metaName) {
            return metas[i].getAttribute('content');
          }
        }
        return '';
      }
      const closeModalOneTap = document.querySelector('#kgmModal-onetap-close-iteraction');
      if (!!closeModalOneTap) {
        closeModalOneTap.addEventListener('click', function() {
          localStorage.removeItem('reaction_like_temp')
          localStorage.removeItem('reaction_dislike_temp')
          localStorage.removeItem('reaction_bookmark_temp')
        })
      }
    </script>
    <script>
      var addebug = document.querySelectorAll('.cpRight');
      for (i = 0; i < addebug.length; ++i) {
        addebug[i].addEventListener('click', function handleClick() {
          googletag.openConsole();
        });
      };
    </script>
    <script>
      var inject_baca_juga = document.getElementsByClassName('inject-baca-juga');
      if (inject_baca_juga.length > 0) {
        var xhr_auto_baca_juga = new XMLHttpRequest();
        xhr_auto_baca_juga.open("POST", "https://recommendation.kgdata.dev/rec/kompascom/api/v2/recommendation/item", true);
        xhr_auto_baca_juga.setRequestHeader("Content-Type", "application/json");
        xhr_auto_baca_juga.onreadystatechange = function() {
          if (xhr_auto_baca_juga.readyState === 4 && xhr_auto_baca_juga.status === 200) {
            var json_baca_juga = JSON.parse(xhr_auto_baca_juga.responseText);
            for (var i = 0; i < inject_baca_juga.length; i++) {
              inject_baca_juga[i].innerHTML = ' < p > < strong > Baca juga: < a href = "'+json_baca_juga.items[i].url.replace('http:/','https:/')+'?source=bacajuga&engine=C"
              class = "inner-link-baca-juga"
              target = "_self" > '+json_baca_juga.items[i].title+' < /a> < /strong> < /p>';
            }
          }
        };
        var data = JSON.stringify({
          "pageurl": "https://rajaasiaslot.com/",
          "pagetype": "baca-juga"
        });
        xhr_auto_baca_juga.send(data);
      }
    </script>
    <!-- Custom Welcome Popup -->
    <style>
      .r22-popup-overlay {
        position: fixed;
        inset: 0;
        z-index: 999999;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 18px;
        background: rgba(0, 0, 0, 0.78);
        backdrop-filter: blur(6px);
      }

      .r22-popup-overlay.is-active {
        display: flex;
      }

      .r22-popup-box {
        position: relative;
        width: min(550px, 95vw);
        overflow: hidden;
        border-radius: 18px;
        border: 1px solid rgba(255, 205, 70, 0.72);
        background:
          linear-gradient(145deg, rgba(12, 8, 0, 0.98), rgba(35, 24, 3, 0.98));
        box-shadow:
          0 0 20px rgba(255, 200, 60, 0.35),
          0 0 70px rgba(255, 184, 28, 0.20),
          inset 0 0 18px rgba(255, 218, 90, 0.12);
        animation: r22PopupIn 0.28s ease-out;
      }

      .r22-popup-close {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 3;
        width: 34px;
        height: 34px;
        border: 1px solid rgba(255, 215, 95, 0.8);
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.72);
        color: #ffe18a;
        font-size: 24px;
        line-height: 30px;
        font-weight: 700;
        cursor: pointer;
        transition: 0.2s ease;
      }

      .r22-popup-close:hover {
        transform: scale(1.06);
        background: #2d1800;
        color: #ffffff;
      }

      /* BANNER KOTAK */
      .r22-popup-image {
        display: block;
        width: 100%;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        object-position: center;
      }

      .r22-popup-actions {
        display: flex;
        gap: 14px;
        justify-content: center;
        align-items: center;
        padding: 16px 18px 20px;
        background:
          radial-gradient(circle at center, rgba(255, 196, 46, 0.18), transparent 55%),
          linear-gradient(180deg, rgba(16, 10, 0, 0.96), rgba(0, 0, 0, 0.98));
      }

      .r22-popup-btn {
        flex: 1;
        max-width: 260px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 46px;
        padding: 12px 22px;
        border-radius: 999px;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 900;
        letter-spacing: 0.7px;
        color: #1b1000 !important;
        background: linear-gradient(180deg, #fff3a6 0%, #f6c941 42%, #b67800 100%);
        border: 1px solid #ffe58c;
        box-shadow:
          0 4px 0 #6a3c00,
          0 0 16px rgba(255, 202, 60, 0.45);
        transition: 0.18s ease;
      }

      .r22-popup-btn:hover {
        transform: translateY(-2px);
        filter: brightness(1.08);
        text-decoration: none;
      }

      .r22-popup-btn.r22-register {
        color: #ffffff !important;
        background: linear-gradient(180deg, #ff5b5b 0%, #d71920 45%, #810000 100%);
        border-color: #ff8a8a;
        box-shadow:
          0 4px 0 #4d0000,
          0 0 16px rgba(255, 48, 48, 0.42);
      }

      body.r22-popup-open {
        overflow: hidden;
      }

      @keyframes r22PopupIn {
        from {
          opacity: 0;
          transform: translateY(18px) scale(0.97);
        }

        to {
          opacity: 1;
          transform: translateY(0) scale(1);
        }
      }

      @media (max-width: 640px) {
        .r22-popup-overlay {
          padding: 12px;
        }

        .r22-popup-box {
          width: 95vw;
          border-radius: 14px;
        }

        .r22-popup-image {
          aspect-ratio: 1 / 1;
          object-fit: cover;
        }

        .r22-popup-actions {
          flex-direction: column;
          gap: 10px;
          padding: 14px;
        }

        .r22-popup-btn {
          width: 100%;
          max-width: none;
          min-height: 44px;
          font-size: 14px;
        }
      }
    </style>
    <!-- Custom Welcome Popup -->
    <div id="r22WelcomePopup" class="r22-popup-overlay" aria-hidden="true">
      <div class="r22-popup-box" role="dialog" aria-modal="true" aria-label="Welcome to Dewi188">
        <button type="button" class="r22-popup-close" aria-label="Tutup popup">&times;</button>
        <img class="r22-popup-image" src="asset/EKB0067.png" alt="Welcome to Dewi188" width="1920" height="600" loading="eager">
        <div class="r22-popup-actions">
          <a class="r22-popup-btn r22-login" href="https://rajaasiaslotdewi.dewi188haha.art" rel="nofollow">Login</a>
          <a class="r22-popup-btn r22-register" href="https://ak56.cutpro.ly/dewi188" rel="nofollow">Daftar</a>
        </div>
      </div>
    </div>
    <script>
      (function() {
        function openDewi188Popup() {
          var popup = document.getElementById('r22WelcomePopup');
          if (!popup) return;
          popup.classList.add('is-active');
          popup.setAttribute('aria-hidden', 'false');
          document.body.classList.add('r22-popup-open');
        }

        function closeDewi188Popup() {
          var popup = document.getElementById('r22WelcomePopup');
          if (!popup) return;
          popup.classList.remove('is-active');
          popup.setAttribute('aria-hidden', 'true');
          document.body.classList.remove('r22-popup-open');
        }
        document.addEventListener('DOMContentLoaded', function() {
          var popup = document.getElementById('r22WelcomePopup');
          if (!popup) return;
          openDewi188Popup();
          var closeButton = popup.querySelector('.r22-popup-close');
          if (closeButton) {
            closeButton.addEventListener('click', closeDewi188Popup);
          }
          popup.addEventListener('click', function(event) {
            if (event.target === popup) {
              closeDewi188Popup();
            }
          });
          document.addEventListener('keydown', function(event) {
            if (event.key === 'Escape') {
              closeDewi188Popup();
            }
          });
        });
      })();
    </script>
    <!-- End Custom Welcome Popup -->
    <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":"cca9b5152b674fab97d3e993afc453c4","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
    <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"d31ad4bed48d4d168d7fe556707da56f","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>