PageSourceSearch

https://fg-kmd.de/

html fg-kmd.de collected 2026-10-09 22:40:57 UTC 203,775 bytes, 4,856 lines download raw bytes

1
2
3
4
5
6
7
8
9
10  
11
12
13<!DOCTYPE html>
14<html lang="en">
15  <head>
16    
16<script>
17      window.dataLayer = window.dataLayer || [];
18      window.dataLayer.push({
19        "content_id": "8835817",
20        "content_site": "BECEKWIN",
21        "content_site_id": 88,
22        "content_category": "Prov",
23        "content_subcategory": "BECEKWIN",
24        "content_location": "Di",
25        "content_author": "",
26        "content_aid1": "",
27        "content_aid2": "",
28        "content_aid3": "",
29        "content_editor": "BECEKWIN ",
30        "content_eid": "7768",
31        "content_lipsus": "",
32        "content_lipsus_id": "",
33        "content_sensi": "",
34        "content_type": "Standard",
35        "content_PublishedDate": "2025-09-08 11:29:00",
36        "content_Month_PubDate": "09",
37        "content_Year_PubDate": "2025",
38        "content_Date_PubDate": "04",
39        "content_source": "",
40        "content_tag": "BECEKWIN",
41        "content_title": "BECEKWIN: Akses Gaming Online Praktis dengan Pilihan Permainan Beragam",
42        "content_tags": "",
43        "content_total_words": 452,
44        "content_draft_type": "0",
45        "content_draft_check": "",
46        "content_draft_engine": "",
47        "content_autopaging": true,
48        "content_total_pages": 1,
49        "content_current_page": 1
50      });
51    </script>
51
52    <title>BECEKWIN: Akses Gaming Online Praktis dengan Pilihan Permainan Beragam</title>
53    <meta name="description" content="BECEKWIN menghadirkan akses gaming online yang praktis dengan navigasi sederhana, pilihan permainan beragam, dan tampilan modern yang nyaman dijelajahi kapan saja." />
54    <link href="//securepubads.g.doubleclick.net" rel="dns-prefetch">
55    <link href="//asset.kompas.com" rel="dns-prefetch">
56    <link href="//adsimg.kompas.com" rel="dns-prefetch">
57    <link href="//tpc.googlesyndication.com" rel="dns-prefetch">
58    <link href="//cm.g.doubleclick.net" rel="dns-prefetch">
59    <link href="//apis.kompas.com" rel="dns-prefetch">
60    <meta charset="utf-8">
61    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
62    <meta name="viewport" content="width=device-width">
63    <meta content="BECEKWIN menghadirkan akses gaming online yang praktis dengan navigasi sederhana, pilihan permainan beragam, dan tampilan modern yang nyaman dijelajahi kapan saja." />
64    <link rel="prefetch" href="https://fg-kmd.de/" as="document" />
65    <meta name="googlebot-news" content="index, follow" />
66    <meta name="googlebot" content="index, follow" />
67    <meta name="author" content="BECEKWIN">
68    <meta name="publisher" content="BECEKWIN">
69    <meta name="robots" content="index, nosnippet, follow">
70    <meta name="language" content="id" />
71    <meta name="geo.country" content="id" />
72    <meta name="keywords" content="BECEKWIN, gaming online, permainan online, akses gaming, platform gaming, permainan digital" />
73    <meta name="publisher" content="BECEKWIN">
74    <meta http-equiv="content-language" content="In-Id" />
75    <meta name="geo.placename" content="Indonesia" />
76    <!-- S:fb meta -->
77    <meta property="og:type" content="website" />
78    <meta property="og:image" content="https://fg-kmd.de/img/situs-gaming-becekwin.webp" />
79    <meta property="og:title" content="BECEKWIN: Akses Gaming Online Praktis dengan Pilihan Permainan Beragam" />
80    <meta property="og:description" content="BECEKWIN menghadirkan akses gaming online yang praktis dengan navigasi sederhana, pilihan permainan beragam, dan tampilan modern yang nyaman dijelajahi kapan saja.">
81    <meta property="og:url" content="https://fg-kmd.de/" />
82    <meta property="og:site_name" content="BECEKWIN" />
83    <meta property="fb:app_id" content="324557847592228" />
84    <!-- e:fb meta -->
85    <!-- S:tweeter card -->
86    <meta name="twitter:card" content="summary_large_image" />
87    <meta name="twitter:site" content="@BECEKWIN" />
88    <meta name="twitter:creator" content="@BECEKWIN">
89    <meta name="twitter:title" content="BECEKWIN: Akses Gaming Online Praktis dengan Pilihan Permainan Beragam" />
90    <meta name="twitter:description" content="BECEKWIN menghadirkan akses gaming online yang praktis dengan navigasi sederhana, pilihan permainan beragam, dan tampilan modern yang nyaman dijelajahi kapan saja." />
91    <meta name="twitter:image" content="https://fg-kmd.de/img/situs-gaming-becekwin.webp" />
92    <!-- E:tweeter card -->
93    <meta name="content_category" content="Gaming" />
94    <meta name="content_subcategory" content="BECEKWIN" />
95    <meta name="content_location" content="Di" />
96    <meta name="content_author_id" content="" />
97    <meta name="content_author" content="" />
98    <meta name="content_editor_id" content="7768" />
99    <meta name="content_editor" content="BECEKWIN " />
100    <meta name="content_lipsus" content="" />
101    <meta name="content_lipsus_id" content="" />
102    <meta name="content_sensi" content="" />
103    <meta name="content_type" content="Standard" />
104    <meta name="content_PublishedDate" content="2025-09-08 11:29:00" />
105    <meta property="article:published_time" content="2025-09-08T03:43:24+00:00" />
106    <meta name="content_source" content="" />
107    <meta name="content_tag" content="BECEKWIN" />
108    <meta name="content_tags" content="" />
109    <meta name="content_total_words" content="452" />
110    <meta name="subscription" content="False" />
111    <meta name="lestari_sdgs" content="" />
112    <meta name="content_total_pages" content="1" />
113    <meta name="content_current_page" content="1" />
114    <link rel="preload" as="image" href="https://fg-kmd.de/img/situs-gaming-becekwin.webp">
115    <link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">
116    <link rel="canonical" href="https://fg-kmd.de/" />
117    <link rel="amphtml" href="https://fg-kmd.de/reviews" />
118<link rel="alternate" hreflang="id-id" href="https://fg-kmd.de/reviews"/>
119<link rel="alternate" href="https://fg-kmd.de/reviews"/>
120<link rel="alternate" hreflang="id" href="https://fg-kmd.de/reviews"/>
121<link rel="alternate" hreflang="en" href="https://fg-kmd.de/reviews"/>
122<link rel="alternate" hreflang="x-default" href="https://fg-kmd.de/reviews"/>
123    
123<script type="application/ld+json">
124{
125  "@context": "https://schema.org",
126  "@type": "NewsArticle",
127  "headline": "BECEKWIN: Akses Gaming Online Praktis dengan Pilihan Permainan Beragam",
128  "description": "BECEKWIN menghadirkan akses gaming online yang praktis dengan navigasi sederhana, pilihan permainan beragam, dan tampilan modern yang nyaman dijelajahi kapan saja.",
129  "url": "https://fg-kmd.de/",
130  "mainEntityOfPage": {
131    "@type": "WebPage",
132    "@id": "https://fg-kmd.de/"
133  },
134  "image": {
135    "@type": "ImageObject",
136    "url": "https://fg-kmd.de/img/situs-gaming-becekwin.webp"
137  },
138  "author": {
139    "@type": "Organization",
140    "name": "BECEKWIN",
141    "url": "https://fg-kmd.de/"
142  },
143  "publisher": {
144    "@type": "Organization",
145    "name": "BECEKWIN",
146    "url": "https://fg-kmd.de/",
147    "logo": {
148      "@type": "ImageObject",
149      "url": "https://fg-kmd.de/img/logo-hd-becekwin.webp"
150    }
151  },
152  "datePublished": "2025-01-01T00:00:00+07:00",
153  "dateModified": "2025-01-01T00:00:00+07:00"
154}
155</script>
155
156    <link rel="dns-prefetch" href="twitter.com">
157    <link rel="shortcut icon" href="https://fg-kmd.de/img/favicon-becekwin.jpg">
158    <link rel="stylesheet" href="https://asset.kompas.com/data/2025/08/13/kompascom/desktop/css/kcm2017-article.min.css" type="text/css">
159    <link rel="stylesheet" href="https://asset.kompas.com/data/2025/03/05/kompascom/desktop/css/kcm2017-iconpack-article.min.css" type="text/css">
160    <link rel="stylesheet" href="https://asset.kompas.com/data/2025/08/21/0958/kgm-verify.min.css" type="text/css">
161    <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">
162    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:200,300,700|Roboto:300,300i,400,400i,500,700,700i">
163    <link rel="preconnect" href="https://scripts.jixie.media" />
164    
164<script src="https://asset.kompas.com/data/2017/wp/js/jquery-1.12.0.min.js"></script>
164
165    
165<script src="https://asset.kompas.com/data/2017/wp/js/modernizr.custom.js"></script>
165
166    <link rel="preconnect" href="https://scripts.jixie.media" />
167    
167<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>
167
168    
168<script async src="https://scripts.jixie.media/jxpublisher_3_1.min.js"></script>
168
169    
169<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: "BECEKWIN: Akses Gaming Online Praktis dengan Pilihan Permainan Beragam", description: "BECEKWIN menghadirkan akses gaming online yang praktis dengan navigasi sederhana, pilihan permainan beragam, dan tampilan modern yang nyaman dijelajahi kapan saja.", category: "Prov" } });</script>
169
170    
170<script>var keywordBrandSafety = "BECEKWIN menghadirkan akses gaming online yang praktis dengan navigasi sederhana, pilihan permainan beragam, dan tampilan modern yang nyaman dijelajahi kapan saja.";</script>
170
171    <!-- Start Ad Blocking Recovery Message -->
172    
172<script async src="https://fundingchoicesmessages.google.com/i/pub-9012468469771973?ers=1" nonce="IOvmxAasolBKwB_qzaJVMg"></script>
172
173    
173<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>
173
174    <!-- Endof Ad Blocking Recovery Message -->
175    <!-- Start: GPT Async -->
176    
176<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
176
177    
177<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>
177
178    
178<script type="text/javascript">
179      googletag.cmd.push(function() {
180        //Adslot 1 declaration
181        gptadslots[1] = googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [
182          [728, 90],
183          [970, 90],
184          [970, 250],
185          [360, 100],
186          [360, 150],
187          [384, 100],
188          [393, 100]
189        ], 'div-gpt-ad-Top_1-1').setTargeting('Pos', ['Top_1']).setTargeting('kg_pos', ['top_1']).addService(googletag.pubads());
190        dinv = googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/news/vignette', googletag.enums.OutOfPageFormat.INTERSTITIAL);
191        if (dinv !== null) {
192          dinv.setTargeting('Pos', ['vignette']);
193          dinv.setTargeting('kg_pos', ['vignette']);
194        } //Adslot 2 declaration
195        gptadslots[2] = googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [
196          [300, 600],
197          [300, 250],
198          [160, 600]
199        ], 'div-gpt-ad-Giant').setTargeting('Pos', ['Giant']).setTargeting('kg_pos', ['giant']).addService(googletag.pubads()); //Adslot 9 declaration
200        gptadslots[9] = googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [
201          [468, 60],
202          [728, 90],
203          [970, 90],
204          [1100, 50],
205          [1100, 150]
206        ], 'div-gpt-ad-Horizontal_Ad').setTargeting('Pos', ['Horizontal_Ad']).setTargeting('kg_pos', ['horizontal_ad']).addService(googletag.pubads());
207        gptadslots[41121] = googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/news', 'div-gpt-for-outstream').setTargeting('Pos', ['Outstream']).addService(googletag.pubads()); //Adslot 8 declaration
208        gptadslots[8] = googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [
209          [120, 600],
210          [160, 600]
211        ], 'div-gpt-ad-Skyscraper').setTargeting('Pos', ['Skyscraper']).setTargeting('kg_pos', ['skyscraper']).addService(googletag.pubads());
212        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());
213        setContextualTargeting();
214        if (typeof keywordBrandSafety === 'undefined') {
215          console.log("no article keywords");
216        } else {
217          console.log("execute keywords");
218          setKeywordTargeting();
219        }
220
221        function setContextualTargeting() {
222          dfp_keywords = getKeywords();
223          console.log(dfp_keywords);
224          googletag.pubads().setTargeting('contextual_targeting', dfp_keywords);
225        }
226
227        function getKeywords() {
228          var metas = document.getElementsByTagName('meta');
229          var str = (metas.namedItem("content_tags") || {}).content;
230          if (str != null) {
231            var keywords = str.toLowerCase().split(",").map(function(item) {
232              return item.trim().replace(/\s\s+/g, ' ');
233            });
234            return keywords;
235          }
236          return [''];
237        }
238        // s:new keyword targeting via GAM
239        function setKeywordTargeting() {
240          dfp_keywords = getArticle();
241          console.log(dfp_keywords);
242          googletag.pubads().setTargeting('keyword_targeting', dfp_keywords);
243        }
244
245        function getArticle() {
246          var strKey = keywordBrandSafety;
247          if (strKey != null) {
248            var keywords = strKey.toLowerCase().split(/[ .]/).map(function(item) {
249              return item.trim().replace(/\W*(&amp;quot;)\W*/g, '').replace(/([^a-zA-Z0-9]$|[()\n\"])/g, '');
250            });
251            keywords = keywords.filter((str) => str !== '');
252            return keywords;
253          }
254          return null;
255        }
256        // e:new keyword targeting via GAM
257        try {
258          // Retrieving local storage
259          var ls = window.localStorage;
260          var lr = ls.getItem("_jxitr");
261          if (lr && lr.length > 2) {
262            try {
263              googletag.pubads().setTargeting('jx_audience_interest', JSON.parse(lr).join().split(','));
264            } catch {}
265          }
266          var li = ls.getItem("_jxitd");
267          if (li && li.length > 2) {
268            try {
269              googletag.pubads().setTargeting('jx_audience_intend', JSON.parse(li).join().split(','));
270            } catch {}
271          }
272        } catch (e) {
273          //console.log("Localstorage not accessible or any other error: " + e.message);
274        }
275        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
276          googletag.pubads().setTargeting('kg_inv_type', 'mweb');
277        } else {
278          googletag.pubads().setTargeting('kg_inv_type', 'desktop');
279        }
280        googletag.pubads().setTargeting('kg_group_sites', 'kompas_com');
281        var rl_adx_val = '';
282        var rl_adx_sec = new Date().getSeconds();
283        if (rl_adx_sec == 1 || rl_adx_sec == 2) {
284          rl_adx_val = '300';
285        }
286        if (rl_adx_sec == 3 || rl_adx_sec == 4) {
287          rl_adx_val = '600';
288        }
289        if (rl_adx_sec == 5 || rl_adx_sec == 6) {
290          rl_adx_val = '900';
291        }
292        if (rl_adx_sec == 7 || rl_adx_sec == 8) {
293          rl_adx_val = '1200';
294        }
295        if (rl_adx_sec == 9 || rl_adx_sec == 10) {
296          rl_adx_val = '1500';
297        }
298        if (rl_adx_sec == 11 || rl_adx_sec == 12) {
299          rl_adx_val = '1800';
300        }
301        console.log('rl_adx_val = ' + rl_adx_val);
302        if (rl_adx_val != '') {
303          googletag.pubads().setTargeting('rl_adx', rl_adx_val);
304        }
305        googletag.pubads().setTargeting('currentUrl', '2025/09/04/172000388');
306        googletag.pubads().setTargeting('page', 'page_1');
307        googletag.pubads().enableSingleRequest();
308        googletag.enableServices();
309      });
310    </script>
310
311    <!-- End: GPT -->
312    <!-- (ads.google.head.rs) -->
313    
313<script type="text/javascript">
314      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 }
315    </script>
315
316    
316<script>
317      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(); }); } });
318    </script>
318
319    
319<script async src="https://cdn.oval.id/tracker/p/kompas/oval_web_analytics_latest.js"></script>
319
320    <!-- 
320<script async src="https://cdn.oval.id/tracker/p/kompasreco/oval_web_analytics_latest.js "></script>
320 -->
321    <!-- Meta Pixel Code -->
322    
322<script>
vendor: 449 bytes, line 322
322! 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', '
322423063207362401
vendor: 29 bytes, line 322
322'); fbq('track', 'PageView');
322</script>
322
323    <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=423063207362401&ev=PageView&noscript=1" /></noscript>
324    <!-- End Meta Pixel Code -->
325  </head>
326  <body class="theme--link-slot-gacor page--read  -bigger">
327    <style>
328      body.theme--link-slot-gacor.page--read.-bigger.theme-light {
329        margin: 0;
330        padding: 0;
331        color: #f7eeee;
332        font-family: 'Exo 2', Arial, sans-serif;
333        background:
334          radial-gradient(circle at top left, rgba(255, 51, 71, 0.10), transparent 22%),
335          radial-gradient(circle at top right, rgba(138, 21, 56, 0.16), transparent 24%),
336          radial-gradient(circle at bottom center, rgba(255, 110, 64, 0.08), transparent 28%),
337          linear-gradient(135deg, #080506 0%, #14080d 40%, #1f1117 70%, #0d0d0f 100%);
338        background-attachment: fixed;
339        min-height: 100vh;
340        position: relative;
341        overflow-x: hidden;
342      }
343
344      /* GRID GLOW HALUS */
345      body.theme--link-slot-gacor.page--read.-bigger.theme-light::before {
346        content: "";
347        position: fixed;
348        inset: 0;
349        pointer-events: none;
350        z-index: -1;
351        opacity: 0.38;
352        background-image:
353          linear-gradient(rgba(255, 51, 71, 0.04) 1px, transparent 1px),
354          linear-gradient(90deg, rgba(138, 21, 56, 0.04) 1px, transparent 1px);
355        background-size: 26px 26px;
356      }
357
358      /* VIGNETTE ELEGAN */
359      body.theme--link-slot-gacor.page--read.-bigger.theme-light::after {
360        content: "";
361        position: fixed;
362        inset: 0;
363        pointer-events: none;
364        z-index: -1;
365        background:
366          radial-gradient(circle at center, transparent 42%, rgba(0, 0, 0, 0.40) 100%);
367      }
368
369      /* WARNA LINK */
370      body.theme--link-slot-gacor.page--read.-bigger.theme-light a {
371        color: #d51f3a;
372        transition: all .25s ease;
373      }
374
375      body.theme--link-slot-gacor.page--read.-bigger.theme-light a:hover {
376        color: #ff8a80;
377        text-shadow: 0 0 10px rgba(255, 138, 128, 0.28);
378      }
379
380      /* CONTAINER UMUM BIAR LEBIH PREMIUM */
381      body.theme--link-slot-gacor.page--read.-bigger.theme-light .container,
382      body.theme--link-slot-gacor.page--read.-bigger.theme-light .content,
383      body.theme--link-slot-gacor.page--read.-bigger.theme-light main {
384        position: relative;
385        z-index: 1;
386      }
387
388      /* SCROLLBAR */
389      body.theme--link-slot-gacor.page--read.-bigger.theme-light::-webkit-scrollbar {
390        width: 10px;
391      }
392
393      body.theme--link-slot-gacor.page--read.-bigger.theme-light::-webkit-scrollbar-track {
394        background: #120b0d;
395      }
396
397      body.theme--link-slot-gacor.page--read.-bigger.theme-light::-webkit-scrollbar-thumb {
398        background: linear-gradient(#d51f3a, #9f1239, #ff3b30);
399        border-radius: 999px;
400      }
401
402      /* FIX TITLE ARTIKEL */
403      .page--read h1,
404      .page--read .read__title,
405      .page--read .article__title,
406      .page--read .title {
407        color: #fff5f5 !important;
408        opacity: 1 !important;
409        font-weight: 700 !important;
410        font-size: 32px !important;
411        line-height: 1.3;
412        text-shadow:
413          0 0 8px rgba(255, 51, 71, 0.25),
414          0 0 18px rgba(161, 20, 70, 0.18);
415      }
416
417      /* MOBILE TITLE */
418      @media (max-width:768px) {
419
420        .page--read h1,
421        .page--read .read__title,
422        .page--read .article__title,
423        .page--read .title {
424          font-size: 24px !important;
425        }
426      }
427
428      @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Exo+2:wght@400;500;700&display=swap');
429
430      /* =========================
431   GLOBAL HEADER STYLE
432========================= */
433      .header {
434        position: relative;
435        width: 100%;
436        max-width: 1100px;
437        margin: 0 auto;
438        z-index: 99;
439        background:
440          radial-gradient(circle at top left, rgba(255, 51, 71, .09), transparent 25%),
441          radial-gradient(circle at top right, rgba(138, 21, 56, .14), transparent 25%),
442          linear-gradient(135deg, #090507 0%, #1a0a11 45%, #22141a 100%);
443        border: 1px solid rgba(255, 51, 71, .10);
444        border-radius: 0 0 22px 22px;
445        box-shadow:
446          0 15px 40px rgba(0, 0, 0, .50),
447          0 0 20px rgba(255, 51, 71, .07),
448          0 0 35px rgba(161, 20, 70, .10);
449        overflow: hidden;
450        font-family: 'Exo 2', sans-serif;
451      }
452
453      .header::before {
454        content: "";
455        position: absolute;
456        inset: 0;
457        background-image:
458          linear-gradient(rgba(255, 51, 71, .03) 1px, transparent 1px),
459          linear-gradient(90deg, rgba(161, 20, 70, .03) 1px, transparent 1px);
460        background-size: 22px 22px;
461        pointer-events: none;
462        opacity: .7;
463      }
464
465      .header::after {
466        content: "";
467        position: absolute;
468        top: 0;
469        left: 0;
470        width: 100%;
471        height: 3px;
472        background: linear-gradient(90deg, #d51f3a, #9f1239, #ff3b30, #d51f3a);
473        background-size: 250% 100%;
474        box-shadow: 0 0 14px rgba(255, 51, 71, .35);
475        animation: neonHeaderMove 6s linear infinite;
476      }
477
478      .clearfix:before,
479      .clearfix:after {
480        content: "";
481        display: table;
482      }
483
484      .clearfix:after {
485        clear: both;
486      }
487
488      .container {
489        width: 1100px;
490        max-width: 100%;
491        margin-right: auto;
492        margin-left: auto;
493        padding-right: 18px;
494        padding-left: 18px;
495        position: relative;
496      }
497
498      .header__wrap {
499        padding: 16px 0;
500        position: relative;
501        z-index: 2;
502      }
503
504      .header__row>.row {
505        display: flex;
506        align-items: center;
507      }
508
509      .col-offset-fluid {
510        margin-right: -15px;
511        margin-left: -15px;
512      }
513
514      .header__row>div>div:first-child {
515        width: 32%;
516      }
517
518      .header__row>div>div:last-child {
519        width: 68%;
520        display: flex;
521        justify-content: flex-end;
522        align-items: center;
523        gap: 14px;
524        flex-wrap: wrap;
525      }
526
527      /* =========================
528   LOGO
529========================= */
530      .logo,
531      .logo a {
532        display: inline-flex;
533        align-items: center;
534      }
535
536      .logo {
537        position: relative;
538        min-width: 160px;
539        width: 350px;
540        height: 56px;
541      }
542
543      .logo img {
544        max-width: 100%;
545        width: auto;
546        height: 56px;
547        object-fit: contain;
548        filter:
549          drop-shadow(0 0 10px rgba(255, 51, 71, .16)) drop-shadow(0 0 20px rgba(161, 20, 70, .12));
550        transition: all .35s ease;
551      }
552
553      .logo img:hover {
554        transform: scale(1.03);
555        filter:
556          drop-shadow(0 0 12px rgba(255, 51, 71, .24)) drop-shadow(0 0 24px rgba(161, 20, 70, .18));
557      }
558
559      /* =========================
560   SEARCH BOX
561========================= */
562      .col-bs12-8 {
563        width: auto;
564        flex: 1;
565        min-width: 280px;
566      }
567
568      .col-offset-0 {
569        padding-right: 0;
570        padding-left: 0;
571      }
572
573      .header-search-box {
574        position: relative;
575        width: 100%;
576        max-width: 430px;
577      }
578
579      .header-search {
580        position: relative;
581        width: 100%;
582        height: 46px;
583        margin: 0;
584      }
585
586      .searchBox-wrap {
587        position: relative;
588      }
589
590      .header-search-input {
591        width: 100%;
592        height: 46px;
593        border-radius: 16px;
594        border: 1px solid rgba(255, 51, 71, .16);
595        background:
596          linear-gradient(135deg, rgba(28, 14, 18, .96), rgba(18, 10, 14, .98));
597        color: #fff0f2;
598        font-size: 15px;
599        line-height: 1;
600        padding: 0 54px 0 18px;
601        box-shadow:
602          inset 0 0 0 1px rgba(255, 255, 255, .02),
603          0 0 10px rgba(255, 51, 71, .05);
604        transition: all .3s ease;
605      }
606
607      .header-search-input::placeholder {
608        color: #d6a5ad;
609        letter-spacing: .3px;
610      }
611
612      .header-search-input:focus {
613        outline: none;
614        border-color: rgba(161, 20, 70, .60);
615        box-shadow:
616          0 0 0 3px rgba(161, 20, 70, .14),
617          0 0 18px rgba(255, 51, 71, .10);
618        background:
619          linear-gradient(135deg, rgba(34, 16, 22, .98), rgba(24, 12, 17, 1));
620      }
621
622      .header-search-button,
623      .searchClear {
624        position: absolute;
625        top: 0;
626        right: 0;
627        width: 48px;
628        height: 46px;
629        border: none;
630        background: transparent;
631        color: transparent;
632        cursor: pointer;
633        z-index: 2;
634        border-radius: 0 16px 16px 0;
635        transition: background .25s ease;
636      }
637
638      .header-search-button:hover,
639      .searchClear:hover {
640        background: rgba(255, 255, 255, .05);
641      }
642
643      .icon-search {
644        position: absolute;
645        top: 0;
646        right: 0;
647        width: 48px;
648        height: 46px;
649        pointer-events: none;
650        background-repeat: no-repeat;
651        background-position: 50%;
652        background-size: 18px;
653        z-index: 1;
654        filter: drop-shadow(0 0 8px rgba(255, 51, 71, .25));
655      }
656
657      .searchClear {
658        display: none;
659        background-repeat: no-repeat;
660        background-position: center;
661        background-size: 15px;
662      }
663
664      .header-search-suggestion {
665        position: absolute;
666        top: calc(100% + 10px);
667        left: 0;
668        width: 100%;
669        z-index: 30;
670      }
671
672      .searchSuggest-inner {
673        background:
674          linear-gradient(145deg, rgba(14, 10, 8, .98), rgba(24, 18, 12, .98));
675        border: 1px solid rgba(255, 51, 71, .14);
676        border-radius: 18px;
677        box-shadow:
678          0 18px 40px rgba(0, 0, 0, .50),
679          0 0 20px rgba(255, 59, 48, .08);
680        backdrop-filter: blur(12px);
681        overflow: hidden;
682      }
683
684      /* =========================
685   DARK MODE BUTTON
686========================= */
687      .dark-header-item {
688        position: relative;
689      }
690
691      .dark-wrapper {
692        position: relative;
693      }
694
695      .button-default,
696      .js-darkSetter,
697      .menu-item .button-default {
698        width: 42px;
699        height: 42px;
700        border: 1px solid rgba(255, 51, 71, .14);
701        border-radius: 14px;
702        background:
703          linear-gradient(135deg, rgba(255, 255, 255, .06), rgba(255, 51, 71, .03));
704        display: inline-flex;
705        align-items: center;
706        justify-content: center;
707        transition: all .3s ease;
708        box-shadow:
709          inset 0 0 12px rgba(255, 255, 255, .02),
710          0 0 0 rgba(0, 0, 0, 0);
711      }
712
713      .button-default:hover,
714      .js-darkSetter:hover,
715      .menu-item .button-default:hover {
716        transform: translateY(-2px);
717        border-color: rgba(255, 51, 71, .35);
718        box-shadow:
719          0 0 14px rgba(255, 59, 48, .14),
720          inset 0 0 12px rgba(0, 136, 255, 0.05);
721      }
722
723      /* DROPDOWN DARK */
724      .dark-setting {
725        position: absolute;
726        top: calc(100% + 10px);
727        right: 0;
728        min-width: 170px;
729        background:
730          linear-gradient(145deg, rgba(15, 11, 8, .98), rgba(24, 18, 13, .98));
731        border: 1px solid rgba(255, 51, 71, .12);
732        border-radius: 16px;
733        box-shadow:
734          0 18px 40px rgba(0, 0, 0, .45),
735          0 0 18px rgba(255, 59, 48, .08);
736        padding: 10px;
737        backdrop-filter: blur(12px);
738      }
739
740      .dark-setting ul {
741        list-style: none;
742        margin: 0;
743        padding: 0;
744      }
745
746      .dark-setting li+li {
747        margin-top: 6px;
748      }
749
750      .dark-setting .button {
751        width: 100%;
752        text-align: left;
753        color: #f3cbd0;
754        background: rgba(0, 136, 255, 0.05);
755        border: 1px solid rgba(255, 51, 71, .06);
756        border-radius: 12px;
757        padding: 10px 12px;
758        transition: all .25s ease;
759      }
760
761      .dark-setting .button:hover {
762        background: rgba(0, 200, 255);
763        border-color: rgb(0, 174, 255);
764        color: #fff8f8;
765      }
766
767      /* =========================
768   PLUS / ICON BUTTON
769========================= */
770      .menu-item.menu-plus .button-default,
771      .menu-plus a {
772        overflow: hidden;
773      }
774
775      .menu-plus img {
776        width: 28px;
777        height: 28px;
778        object-fit: contain;
779        border-radius: 8px;
780      }
781
782      /* =========================
783   SSO / USER ICON
784========================= */
785      .sso__header {
786        width: auto;
787      }
788
789      .sso__wrap {
790        list-style: none;
791        margin: 0;
792        padding: 0;
793      }
794
795      .sso__item {
796        position: relative;
797      }
798
799      .sso__link {
800        width: 42px;
801        height: 42px;
802        border-radius: 14px;
803        display: inline-flex;
804        align-items: center;
805        justify-content: center;
806        background:
807          linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 51, 71, .03));
808        border: 1px solid rgba(255, 51, 71, .14);
809        transition: all .3s ease;
810      }
811
812      .sso__link:hover {
813        transform: translateY(-2px);
814        border-color: rgba(255, 51, 71, .35);
815        box-shadow: 0 0 16px rgba(255, 59, 48, .14);
816      }
817
818      .sso__option {
819        position: absolute;
820        top: calc(100% + 10px);
821        right: 0;
822        min-width: 230px;
823        background:
824          linear-gradient(145deg, rgba(14, 10, 8, .98), rgba(22, 17, 12, .98));
825        border: 1px solid rgba(255, 51, 71, .12);
826        border-radius: 18px;
827        box-shadow:
828          0 20px 40px rgba(0, 0, 0, .50),
829          0 0 18px rgba(255, 59, 48, .07);
830        padding: 10px;
831        backdrop-filter: blur(12px);
832      }
833
834      .sso__option ul {
835        list-style: none;
836        margin: 0;
837        padding: 0;
838      }
839
840      .sso__option li a {
841        display: block;
842        color: #e7c1c8;
843        text-decoration: none;
844        padding: 11px 12px;
845        border-radius: 12px;
846        transition: all .25s ease;
847      }
848
849      .sso__option li a:hover {
850        background: rgb(0, 200, 255);
851        color: #fff7f7;
852        transform: translateX(3px);
853      }
854
855      /* =========================
856   SUBSCRIBE BUTTON
857========================= */
858      .kid__wrap {
859        display: flex;
860        align-items: center;
861      }
862
863      .kid__button,
864      .menu-plus-sticky {
865        display: inline-flex;
866        align-items: center;
867        justify-content: center;
868        min-height: 42px;
869        padding: 0 18px;
870        border-radius: 999px;
871        text-decoration: none;
872        color: #fff5f5;
873        font-weight: 700;
874        letter-spacing: .4px;
875        background: linear-gradient(135deg, #ff4b4b, #dc263f, #b3122f);
876        background-size: 200% 100%;
877        box-shadow:
878          0 10px 25px rgba(255, 59, 48, .24),
879          0 0 18px rgba(255, 59, 48, .16);
880        transition: all .35s ease;
881        border: none;
882      }
883
884      .kid__button:hover,
885      .menu-plus-sticky:hover {
886        transform: translateY(-2px) scale(1.02);
887        background-position: 100% 0;
888        box-shadow:
889          0 14px 28px rgba(255, 59, 48, .30),
890          0 0 22px rgba(255, 59, 48, .22);
891        color: #180307;
892      }
893
894      /* =========================
895   NAVBAR
896========================= */
897      .nav {
898        position: relative;
899        z-index: 15;
900        background:
901          linear-gradient(180deg, rgba(255, 255, 255, .02), rgba(255, 255, 255, .01));
902        border-top: 1px solid rgba(255, 51, 71, .08);
903        backdrop-filter: blur(10px);
904      }
905
906      .nav__wrap {
907        position: relative;
908        display: flex;
909        align-items: center;
910        gap: 14px;
911        min-height: 58px;
912      }
913
914      .logo--sticky {
915        display: none;
916      }
917
918      .nav__row {
919        display: flex;
920        align-items: center;
921        flex-wrap: nowrap;
922        gap: 4px;
923        list-style: none;
924        margin: 0;
925        padding: 0;
926        overflow-x: auto;
927        scrollbar-width: none;
928      }
929
930      .nav__row::-webkit-scrollbar {
931        display: none;
932      }
933
934      .nav__item {
935        position: relative;
936        flex: 0 0 auto;
937      }
938
939      .nav__link {
940        display: inline-flex;
941        align-items: center;
942        min-height: 42px;
943        padding: 0 14px;
944        border-radius: 12px;
945        color: #f3cbd0;
946        text-decoration: none;
947        font-family: 'Chakra Petch', sans-serif;
948        font-size: 13px;
949        font-weight: 700;
950        letter-spacing: .8px;
951        text-transform: uppercase;
952        transition: all .28s ease;
953        white-space: nowrap;
954      }
955
956      .nav__link:hover {
957        color: #fffafa;
958        background: rgba(255, 255, 255, .05);
959        box-shadow:
960          inset 0 0 0 1px rgba(255, 51, 71, .06),
961          0 0 14px rgba(255, 59, 48, .08);
962      }
963
964      .nav__item:hover>.nav__link {
965        color: #ffffff;
966        background: linear-gradient(135deg, rgba(255, 51, 71, .14), rgba(255, 59, 48, .10));
967      }
968
969      /* =========================
970   DROPDOWN MENU
971========================= */
972      .nav__sub,
973      .navSub {
974        position: absolute;
975        top: calc(100% + 12px);
976        left: 0;
977        min-width: 320px;
978        background:
979          linear-gradient(145deg, rgba(14, 10, 8, .98), rgba(24, 18, 12, .98));
980        border: 1px solid rgba(255, 51, 71, .12);
981        border-radius: 20px;
982        box-shadow:
983          0 22px 44px rgba(0, 0, 0, .54),
984          0 0 20px rgba(255, 59, 48, .08);
985        padding: 14px;
986        opacity: 0;
987        visibility: hidden;
988        transform: translateY(12px);
989        transition: all .28s ease;
990        z-index: 99;
991        backdrop-filter: blur(12px);
992      }
993
994      .nav__item:hover>.nav__sub,
995      .nav__item:hover>.navSub {
996        opacity: 1;
997        visibility: visible;
998        transform: translateY(0);
999      }
1000
1001      .nav__subwrap {
1002        display: flex;
1003        gap: 22px;
1004      }
1005
1006      .nav__subitem,
1007      .navSub-col,
1008      .navSub-subcol {
1009        min-width: 180px;
1010      }
1011
1012      .nav__sublink,
1013      .navSub a {
1014        display: block;
1015        color: #e8c4c9;
1016        text-decoration: none;
1017        padding: 9px 10px;
1018        border-radius: 10px;
1019        font-size: 14px;
1020        line-height: 1.4;
1021        transition: all .22s ease;
1022      }
1023
1024      .nav__sublink:hover,
1025      .navSub a:hover {
1026        color: #fff7f7;
1027        background: rgba(255, 255, 255, .05);
1028        transform: translateX(4px);
1029      }
1030
1031      .nav__sublink--hot {
1032        position: relative;
1033        color: #ff4b4b;
1034      }
1035
1036      .nav__sublink--hot::after {
1037        content: "HOT";
1038        display: inline-block;
1039        margin-left: 8px;
1040        padding: 2px 6px;
1041        font-size: 9px;
1042        font-weight: 700;
1043        border-radius: 999px;
1044        background: linear-gradient(135deg, #ff4b4b, #dc263f);
1045        color: #24070c;
1046        vertical-align: middle;
1047      }
1048
1049      .button-default,
1050      .js-darkSetter,
1051      .menu-item .button-default,
1052      .sso__link,
1053      .nav__link,
1054      .nav__sublink,
1055      .navSub a,
1056      .kid__button,
1057      .menu-plus-sticky {
1058        will-change: transform, box-shadow, background;
1059      }
1060
1061      .button-default:active,
1062      .js-darkSetter:active,
1063      .sso__link:active,
1064      .kid__button:active,
1065      .menu-plus-sticky:active {
1066        transform: scale(.96);
1067      }
1068
1069      #lestariMenu {
1070        min-width: 720px;
1071      }
1072
1073      .navSub-col.--col3 {
1074        min-width: 220px;
1075      }
1076
1077      .navSub-label {
1078        color: #01f0f8;
1079        font-size: 11px;
1080        font-weight: 700;
1081        letter-spacing: 1.5px;
1082        margin-bottom: 10px;
1083        text-transform: uppercase;
1084        text-shadow: 0 0 8px rgb(0, 200, 255);
1085      }
1086
1087      .navLestariProgram {
1088        display: flex;
1089        align-items: center;
1090        justify-content: center;
1091        background:
1092          linear-gradient(135deg, rgb(4, 234, 255), rgba(255, 51, 71, .02));
1093        border: 1px solid rgba(0, 200, 255);
1094        border-radius: 14px;
1095        padding: 10px;
1096        margin-bottom: 10px;
1097        transition: all .25s ease;
1098        box-shadow:
1099          inset 0 0 12px rgb(231, 8, 8),
1100          0 0 0 rgba(0, 0, 0, 0);
1101      }
1102
1103      .navLestariProgram:hover {
1104        background:
1105          linear-gradient(135deg, rgba(0, 17, 149, 0.498), rgba(4, 234, 255));
1106        transform: translateY(-2px);
1107        border-color: rgba(120, 192, 255, 0.22);
1108        box-shadow:
1109          0 0 16px rgba(255, 59, 48, .10),
1110          0 10px 22px rgba(0, 0, 0, .18);
1111      }
1112
1113      .navLestariProgram img {
1114        max-width: 100%;
1115        max-height: 38px;
1116        object-fit: contain;
1117        filter: drop-shadow(0 0 8px rgba(0, 200, 255));
1118      }
1119
1120      .navSub-more {
1121        display: inline-flex;
1122        align-items: center;
1123        justify-content: center;
1124        margin-top: 8px;
1125        padding: 10px 14px;
1126        border-radius: 999px;
1127        text-decoration: none;
1128        color: #25070d;
1129        font-weight: 700;
1130        background: linear-gradient(135deg, #ff4b4b, #dc263f, #b3122f);
1131        background-size: 200% 100%;
1132        transition: all .25s ease;
1133        box-shadow:
1134          0 10px 22px rgba(255, 59, 48, .20),
1135          0 0 16px rgba(255, 59, 48, .14);
1136      }
1137
1138      .navSub-more:hover {
1139        transform: translateY(-2px);
1140        background-position: 100% 0;
1141        box-shadow:
1142          0 0 18px rgba(255, 59, 48, .20),
1143          0 12px 24px rgba(255, 59, 48, .24);
1144      }
1145
1146      /* =========================
1147   SOCIAL SHARE BAR
1148========================= */
1149      .social--fixed {
1150        position: relative;
1151        margin-top: 20px;
1152        padding: 14px 0 20px;
1153        border-top: 1px solid rgba(255, 51, 71, .08);
1154      }
1155
1156      .social--container {
1157        display: flex;
1158        align-items: center;
1159        flex-wrap: wrap;
1160        gap: 14px;
1161      }
1162
1163      .social--text,
1164      .social--dshare,
1165      .comment__read__bar span {
1166        color: #c8b089;
1167        font-size: 13px;
1168      }
1169
1170      .social--article {
1171        display: flex;
1172        align-items: center;
1173        gap: 8px;
1174      }
1175
1176      .social__item {
1177        display: flex;
1178      }
1179
1180      .social__link {
1181        width: 40px;
1182        height: 40px;
1183        border-radius: 12px;
1184        display: inline-flex;
1185        align-items: center;
1186        justify-content: center;
1187        color: #fff7f7;
1188        text-decoration: none;
1189        background:
1190          linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 51, 71, .03));
1191        border: 1px solid rgba(0, 200, 255);
1192        transition: all .28s ease;
1193        box-shadow:
1194          inset 0 0 10px rgba(255, 255, 255, .02),
1195          0 0 0 rgba(0, 0, 0, 0);
1196      }
1197
1198      .social__link:hover {
1199        transform: translateY(-2px);
1200        border-color: rgba(255, 51, 71, .28);
1201        box-shadow:
1202          0 0 14px rgba(255, 59, 48, .12),
1203          0 0 20px rgba(1, 95, 246, 0.08);
1204      }
1205
1206      .comment__read__bar {
1207        display: flex;
1208        align-items: center;
1209        gap: 8px;
1210        margin-left: auto;
1211      }
1212
1213      .comment__counter {
1214        color: #ffe5e8;
1215        font-weight: 700;
1216      }
1217
1218      /* =========================
1219   ICON PLACEHOLDER STYLE
1220========================= */
1221      .icon-comment,
1222      .sso__icon__login,
1223      .sso__icon__subscription,
1224      .sso__icon__bookmark,
1225      .sso__icon__liked,
1226      .sso__icon__interest,
1227      .sso__icon__notif,
1228      .icon-darkmode,
1229      .icon-plus {
1230        filter: drop-shadow(0 0 8px rgba(0, 174, 255));
1231      }
1232
1233      /* =========================
1234   RESPONSIVE
1235========================= */
1236      @media (max-width: 1100px) {
1237
1238        .header,
1239        .container {
1240          width: 100%;
1241        }
1242
1243        .header__row>div>div:first-child,
1244        .header__row>div>div:last-child {
1245          width: 100%;
1246        }
1247
1248        .header__row>.row {
1249          flex-direction: column;
1250          align-items: stretch;
1251          gap: 14px;
1252        }
1253
1254        .logo {
1255          width: 100%;
1256          justify-content: center;
1257          height: auto;
1258        }
1259
1260        .logo img {
1261          height: 48px;
1262        }
1263
1264        .header__row>div>div:last-child {
1265          justify-content: center;
1266        }
1267
1268        .nav__wrap {
1269          flex-direction: column;
1270          align-items: stretch;
1271          padding-bottom: 12px;
1272        }
1273
1274        #lestariMenu {
1275          min-width: 320px;
1276        }
1277      }
1278
1279      @media (max-width: 768px) {
1280        .header {
1281          border-radius: 0 0 18px 18px;
1282        }
1283
1284        .header__wrap {
1285          padding: 14px 0;
1286        }
1287
1288        .container {
1289          padding-right: 14px;
1290          padding-left: 14px;
1291        }
1292
1293        .col-bs12-8 {
1294          min-width: 100%;
1295        }
1296
1297        .header-search-box {
1298          max-width: 100%;
1299        }
1300
1301        .header-search-input {
1302          height: 44px;
1303          font-size: 14px;
1304          border-radius: 14px;
1305        }
1306
1307        .header-search-button,
1308        .searchClear,
1309        .icon-search {
1310          width: 44px;
1311          height: 44px;
1312        }
1313
1314        .nav__link {
1315          min-height: 38px;
1316          padding: 0 12px;
1317          font-size: 12px;
1318        }
1319
1320        .nav__sub,
1321        .navSub {
1322          position: static;
1323          opacity: 1;
1324          visibility: visible;
1325          transform: none;
1326          margin-top: 10px;
1327          display: none;
1328          min-width: 100%;
1329        }
1330
1331        .nav__item:hover>.nav__sub,
1332        .nav__item:hover>.navSub {
1333          display: block;
1334        }
1335
1336        .nav__subwrap {
1337          flex-direction: column;
1338          gap: 10px;
1339        }
1340
1341        .social--container {
1342          align-items: flex-start;
1343        }
1344
1345        .comment__read__bar {
1346          margin-left: 0;
1347        }
1348
1349        .kid__button,
1350        .menu-plus-sticky {
1351          min-height: 40px;
1352          padding: 0 14px;
1353          font-size: 13px;
1354        }
1355      }
1356
1357      /* =========================
1358   ANIMATION
1359========================= */
1360      @keyframes neonHeaderMove {
1361        0% {
1362          background-position: 0% 50%;
1363        }
1364
1365        100% {
1366          background-position: 250% 50%;
1367        }
1368      }
1369
1370      .logo img {
1371        width: auto;
1372      }
1373
1374      .logo {
1375        width: auto;
1376      }
1377
1378      /* Avoid empty images to appear as broken */
1379      img:not([src]):not([srcset]) {
1380        visibility: hidden;
1381      }
1382
1383      /* Fix for images to never exceed the width of the container */
1384      img {
1385        max-width: 100%;
1386      }
1387
1388      /* BUTTON SIZE RESPONSIVE */
1389      .responsive-button {
1390        min-width: 200px;
1391        min-height: 90px;
1392        padding: 14px 26px;
1393        font-size: 16px;
1394        font-weight: 700;
1395        color: #1b1208;
1396        border: none;
1397        border-radius: 14px;
1398        cursor: pointer;
1399        transition: all .35s ease;
1400        background: linear-gradient(135deg, #ff4b4b, #dc263f, #b3122f);
1401        box-shadow:
1402          0 0 12px rgba(255, 59, 48, .45),
1403          0 0 25px rgba(255, 59, 48, .30);
1404      }
1405
1406      /* HOVER EFFECT */
1407      .responsive-button:hover {
1408        transform: translateY(-4px) scale(1.05);
1409        box-shadow:
1410          0 0 18px rgba(255, 59, 48, .70),
1411          0 0 40px rgba(255, 59, 48, .45);
1412      }
1413
1414      /* CLICK EFFECT */
1415      .responsive-button:active {
1416        transform: scale(.95);
1417      }
1418
1419      /* MOBILE */
1420      @media (max-width:600px) {
1421        .responsive-button {
1422          min-width: 150px;
1423          min-height: 80px;
1424          padding: 12px 20px;
1425          font-size: 14px;
1426        }
1427      }
1428
1429      .navLestariProgram,
1430      .social__link,
1431      .responsive-button,
1432      .navSub-more {
1433        position: relative;
1434        overflow: hidden;
1435      }
1436
1437      .navLestariProgram::before,
1438      .social__link::before,
1439      .responsive-button::before,
1440      .navSub-more::before {
1441        content: "";
1442        position: absolute;
1443        top: 0;
1444        left: -120%;
1445        width: 70%;
1446        height: 100%;
1447        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .18), transparent);
1448        transition: all .7s ease;
1449      }
1450
1451      .navLestariProgram:hover::before,
1452      .social__link:hover::before,
1453      .responsive-button:hover::before,
1454      .navSub-more:hover::before {
1455        left: 140%;
1456      }
1457
1458      .most {
1459        background:
1460          linear-gradient(145deg, #120d0a, #1b140f 55%, #241b13 100%);
1461        border-radius: 18px;
1462        padding: 18px;
1463        border: 1px solid rgba(255, 210, 140, .10);
1464        box-shadow:
1465          0 12px 30px rgba(0, 0, 0, .58),
1466          inset 0 0 20px rgba(255, 59, 48, .05);
1467      }
1468
1469      /* TITLE */
1470      .most .title__content {
1471        font-size: 18px;
1472        font-weight: 700;
1473        text-align: center;
1474        margin-bottom: 12px;
1475        background: linear-gradient(90deg, #b3122f, #ff4b4b, #dc263f);
1476        -webkit-background-clip: text;
1477        -webkit-text-fill-color: transparent;
1478      }
1479
1480      /* LIST */
1481      .most__list {
1482        display: flex;
1483        align-items: flex-start;
1484        gap: 10px;
1485        background: linear-gradient(135deg, rgba(0, 136, 255, 0.05), rgba(0, 136, 255, 0.05));
1486        border-radius: 12px;
1487        padding: 14px;
1488        margin-bottom: 10px;
1489        border: 1px solid rgba(0, 47, 255, 0.08);
1490        transition: all .3s ease;
1491      }
1492
1493      /* HOVER */
1494      .most__list:hover {
1495        transform: translateY(-3px);
1496        background: linear-gradient(135deg, rgba(255, 51, 71, .06), rgba(0, 136, 255, 0.05));
1497        box-shadow:
1498          0 8px 18px rgba(0, 0, 0, .45),
1499          0 0 12px rgba(255, 59, 48, .12);
1500      }
1501
1502      /* ANGKA */
1503      .most__count {
1504        min-width: 28px;
1505        width: 28px;
1506        height: 28px;
1507        display: flex;
1508        align-items: center;
1509        justify-content: center;
1510        font-size: 13px;
1511        font-weight: 700;
1512        border-radius: 8px;
1513        background: linear-gradient(135deg, #ff4b4b, #dc263f, #b3122f);
1514        color: #2b1908;
1515        flex-shrink: 0;
1516        box-shadow: 0 0 10px rgba(255, 59, 48, .24);
1517      }
1518
1519      /* LINK */
1520      .most__link {
1521        text-decoration: none;
1522      }
1523
1524      /* TEXT */
1525      .most__title {
1526        font-size: 13px;
1527        line-height: 1.5;
1528        color: #eadcc6;
1529      }
1530
1531      /* RESPONSIVE */
1532      @media (max-width:768px) {
1533        .most {
1534          padding: 14px;
1535        }
1536
1537        .most__count {
1538          min-width: 24px;
1539          width: 24px;
1540          height: 24px;
1541          font-size: 12px;
1542        }
1543
1544        .most__title {
1545          font-size: 12px;
1546        }
1547      }
1548
1549      /* =========================================
1550   FOOTER PREMIUM BLACK GOLD RESPONSIVE
1551========================================= */
1552      .footerMain {
1553        position: relative;
1554        background:
1555          radial-gradient(circle at top left, rgba(1, 95, 246, 0.08), transparent 25%),
1556          radial-gradient(circle at top right, rgba(255, 59, 48, .07), transparent 30%),
1557          linear-gradient(135deg, #0b0806 0%, #16100b 45%, #1f1710 100%);
1558        border-top: 1px solid rgba(0, 47, 255, 0.08);
1559        margin-top: 40px;
1560        padding: 40px 0 20px;
1561        overflow: hidden;
1562        box-shadow:
1563          0 -10px 40px rgba(0, 0, 0, .35),
1564          inset 0 1px 0 rgba(255, 255, 255, .02);
1565      }
1566
1567      .footerMain::before {
1568        content: "";
1569        position: absolute;
1570        inset: 0;
1571        pointer-events: none;
1572        background-image:
1573          linear-gradient(rgba(255, 59, 48, .02) 1px, transparent 1px),
1574          linear-gradient(90deg, rgba(255, 59, 48, .02) 1px, transparent 1px);
1575        background-size: 24px 24px;
1576        opacity: .60;
1577      }
1578
1579      .footerMain .container {
1580        position: relative;
1581        z-index: 2;
1582      }
1583
1584      /* WRAP */
1585      .footerWrap {
1586        display: flex;
1587        align-items: flex-start;
1588        justify-content: space-between;
1589        gap: 28px;
1590        flex-wrap: wrap;
1591      }
1592
1593      /* COLUMN */
1594      .footerCol-column {
1595        flex: 1 1 300px;
1596        min-width: 280px;
1597      }
1598
1599      .footerCol-nav {
1600        flex: 1 1 220px;
1601        min-width: 220px;
1602      }
1603
1604      .footerCol-nav.--colNetwork {
1605        flex: 1 1 220px;
1606      }
1607
1608      /* LOGO */
1609      .footerLogo {
1610        margin-bottom: 18px;
1611      }
1612
1613      .footerLogo img {
1614        max-width: 220px;
1615        height: auto;
1616        display: block;
1617        filter:
1618          drop-shadow(0 0 10px rgba(0, 47, 255, 0.1)) drop-shadow(0 0 18px rgba(255, 59, 48, .08));
1619      }
1620
1621      /* SOSMED */
1622      .footerSosmed {
1623        margin-bottom: 22px;
1624      }
1625
1626      .footerSosmed-wrap {
1627        list-style: none;
1628        display: flex;
1629        align-items: center;
1630        gap: 10px;
1631        padding: 0;
1632        margin: 0 0 10px 0;
1633        flex-wrap: wrap;
1634      }
1635
1636      .footerSosmed-link {
1637        width: 42px;
1638        height: 42px;
1639        display: inline-flex;
1640        align-items: center;
1641        justify-content: center;
1642        border-radius: 14px;
1643        text-decoration: none;
1644        background:
1645          linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 210, 140, .03));
1646        border: 1px solid rgba(255, 210, 140, .10);
1647        transition: all .3s ease;
1648        box-shadow: inset 0 0 12px rgba(255, 255, 255, .02);
1649      }
1650
1651      .footerSosmed-link:hover {
1652        transform: translateY(-3px);
1653        border-color: rgba(255, 210, 140, .24);
1654        box-shadow:
1655          0 0 18px rgba(0, 47, 255, 0.1),
1656          0 0 22px rgba(255, 59, 48, .06);
1657      }
1658
1659      /* kalau icon pakai background image dari css lama */
1660      .iconSos {
1661        transform: scale(.95);
1662        filter: brightness(1.05);
1663      }
1664
1665      /* DOWNLOAD */
1666      .footerDownload {
1667        margin-bottom: 22px;
1668      }
1669
1670      .footerDownload-wrap {
1671        list-style: none;
1672        display: flex;
1673        gap: 12px;
1674        padding: 0;
1675        margin: 0;
1676        flex-wrap: wrap;
1677      }
1678
1679      .footerDownload-store {
1680        background: linear-gradient(135deg, rgba(0, 136, 255, 0.05), rgba(0, 136, 255, 0.05));
1681        border: 1px solid rgba(0, 47, 255, 0.08);
1682        border-radius: 14px;
1683        padding: 8px 10px;
1684        transition: all .3s ease;
1685      }
1686
1687      .footerDownload-store:hover {
1688        transform: translateY(-2px);
1689        background: linear-gradient(135deg, rgba(0, 136, 255, 0.05), rgba(0, 136, 255, 0.05));
1690        box-shadow: 0 0 16px rgba(1, 95, 246, 0.08);
1691      }
1692
1693      .footerDownload-store img {
1694        display: block;
1695        max-width: 140px;
1696        height: auto;
1697      }
1698
1699      /* ACHIEVEMENT */
1700      .footerAchievement {
1701        margin-bottom: 24px;
1702        padding: 16px;
1703        border-radius: 18px;
1704        background:
1705          linear-gradient(145deg, rgba(0, 136, 255, 0.05), rgba(0, 136, 255, 0.05));
1706        border: 1px solid rgba(0, 47, 255, 0.08);
1707        box-shadow: inset 0 0 15px rgba(255, 255, 255, .015);
1708      }
1709
1710      .footerAchievement-title,
1711      .footerNewsletter-title,
1712      .footerMenu-title {
1713        font-size: 16px;
1714        font-weight: 700;
1715        color: #fff1dc;
1716        margin-bottom: 14px;
1717        letter-spacing: .3px;
1718      }
1719
1720      .footerAchievement-wrap {
1721        display: flex;
1722        flex-wrap: wrap;
1723        gap: 12px;
1724      }
1725
1726      .footerAchievement-item {
1727        flex: 0 0 auto;
1728      }
1729
1730      .footerAchievement-link {
1731        display: block;
1732      }
1733
1734      .footerAchievement-img {
1735        width: 86px;
1736        height: 86px;
1737        display: flex;
1738        align-items: center;
1739        justify-content: center;
1740        border-radius: 16px;
1741        background:
1742          linear-gradient(145deg, rgba(4, 234, 255), rgba(0, 136, 255, 0.05));
1743        border: 1px solid rgba(0, 47, 255, 0.08);
1744        transition: all .28s ease;
1745      }
1746
1747      .footerAchievement-img:hover {
1748        transform: translateY(-2px);
1749        box-shadow:
1750          0 0 14px rgba(1, 95, 246, 0.08),
1751          0 0 18px rgba(255, 59, 48, .05);
1752      }
1753
1754      .footerAchievement-img img {
1755        max-width: 75%;
1756        max-height: 75%;
1757        object-fit: contain;
1758      }
1759
1760      /* NEWSLETTER / CTA */
1761      .footerNewsletter {
1762        padding: 18px;
1763        border-radius: 18px;
1764        background:
1765          linear-gradient(135deg, rgba(0, 47, 255, 0.1), rgba(255, 59, 48, .08));
1766        border: 1px solid rgba(255, 210, 140, .10);
1767        box-shadow:
1768          inset 0 0 20px rgba(255, 255, 255, .02),
1769          0 0 18px rgba(255, 59, 48, .06);
1770      }
1771
1772      .footerNewsletter-title {
1773        color: #fff4e5;
1774        line-height: 1.5;
1775        margin-bottom: 14px;
1776      }
1777
1778      .footerNewsletter-link {
1779        display: inline-flex;
1780        align-items: center;
1781        justify-content: center;
1782        min-height: 44px;
1783        padding: 0 20px;
1784        border-radius: 999px;
1785        text-decoration: none;
1786        color: #241507;
1787        font-weight: 700;
1788        letter-spacing: .4px;
1789        background: linear-gradient(135deg, #ff4b4b, #dc263f, #b3122f);
1790        background-size: 200% 100%;
1791        box-shadow:
1792          0 12px 24px rgba(255, 59, 48, .20),
1793          0 0 18px rgba(255, 59, 48, .12);
1794        transition: all .35s ease;
1795      }
1796
1797      .footerNewsletter-link:hover {
1798        transform: translateY(-2px);
1799        background-position: 100% 0;
1800        color: #1c1108;
1801        box-shadow:
1802          0 14px 28px rgba(255, 59, 48, .26),
1803          0 0 22px rgba(255, 59, 48, .16);
1804      }
1805
1806      .most__list,
1807      .footerSosmed-link,
1808      .footerDownload-store,
1809      .footerAchievement-img,
1810      .footerNewsletter-link {
1811        position: relative;
1812        overflow: hidden;
1813      }
1814
1815      .most__list::before,
1816      .footerSosmed-link::before,
1817      .footerDownload-store::before,
1818      .footerAchievement-img::before,
1819      .footerNewsletter-link::before {
1820        content: "";
1821        position: absolute;
1822        top: 0;
1823        left: -130%;
1824        width: 70%;
1825        height: 100%;
1826        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .16), transparent);
1827        transition: all .8s ease;
1828      }
1829
1830      .most__list:hover::before,
1831      .footerSosmed-link:hover::before,
1832      .footerDownload-store:hover::before,
1833      .footerAchievement-img:hover::before,
1834      .footerNewsletter-link:hover::before {
1835        left: 140%;
1836      }
1837
1838      .footerMenu-wrap,
1839      .footerBottom-menu {
1840        list-style: none;
1841        margin: 0;
1842        padding: 0;
1843      }
1844
1845      .footerMenu-wrap {
1846        columns: 2;
1847        column-gap: 18px;
1848      }
1849
1850      .footerMenu-wrap li {
1851        break-inside: avoid;
1852        margin-bottom: 8px;
1853      }
1854
1855      .footerMenu-link {
1856        color: #e7d3af;
1857        text-decoration: none;
1858        line-height: 1.5;
1859        transition: all .25s ease;
1860      }
1861
1862      .footerMenu-link:hover {
1863        color: #fff8ec;
1864        text-shadow: 0 0 10px rgba(0, 47, 255, 0.08);
1865        padding-left: 3px;
1866      }
1867
1868      /* BOTTOM */
1869      .footerBottom {
1870        margin-top: 34px;
1871        padding-top: 20px;
1872        border-top: 1px solid rgba(0, 47, 255, 0.08);
1873      }
1874
1875      .footerBottom-wrap {
1876        margin-bottom: 12px;
1877      }
1878
1879      .footerBottom-menu {
1880        display: flex;
1881        flex-wrap: wrap;
1882        gap: 10px 18px;
1883      }
1884
1885      .footerCopyright p {
1886        margin: 0;
1887        color: #bfa98a;
1888        font-size: 13px;
1889        line-height: 1.6;
1890      }
1891
1892      /* =========================================
1893   MOBILE RESPONSIVE
1894========================================= */
1895      @media (max-width: 991px) {
1896        .footerWrap {
1897          gap: 24px;
1898        }
1899
1900        .footerCol-column,
1901        .footerCol-nav,
1902        .footerCol-nav.--colNetwork {
1903          flex: 1 1 100%;
1904          min-width: 100%;
1905        }
1906
1907        .footerMenu-wrap {
1908          columns: 3;
1909        }
1910      }
1911
1912      @media (max-width: 768px) {
1913        .footerMain {
1914          padding: 30px 0 18px;
1915          margin-top: 28px;
1916        }
1917
1918        .footerMain .container {
1919          padding-left: 14px;
1920          padding-right: 14px;
1921        }
1922
1923        .footerWrap {
1924          display: flex;
1925          flex-direction: column;
1926          gap: 20px;
1927        }
1928
1929        .footerLogo {
1930          display: flex;
1931          justify-content: center;
1932          text-align: center;
1933        }
1934
1935        .footerLogo img {
1936          max-width: 180px;
1937        }
1938
1939        .footerSosmed-wrap,
1940        .footerDownload-wrap {
1941          justify-content: center;
1942        }
1943
1944        .footerAchievement,
1945        .footerNewsletter {
1946          padding: 16px;
1947          border-radius: 16px;
1948        }
1949
1950        .footerAchievement-title,
1951        .footerNewsletter-title,
1952        .footerMenu-title {
1953          font-size: 15px;
1954        }
1955
1956        .footerAchievement-wrap {
1957          justify-content: center;
1958        }
1959
1960        .footerAchievement-img {
1961          width: 74px;
1962          height: 74px;
1963          border-radius: 14px;
1964        }
1965
1966        .footerNewsletter {
1967          text-align: center;
1968        }
1969
1970        .footerNewsletter-link {
1971          width: 100%;
1972          max-width: 240px;
1973        }
1974
1975        .footerMenu-wrap {
1976          columns: 2;
1977        }
1978
1979        .footerBottom-menu {
1980          flex-direction: column;
1981          gap: 8px;
1982        }
1983
1984        .footerBottom-wrap,
1985        .footerCopyright {
1986          text-align: center;
1987        }
1988      }
1989
1990      @media (max-width: 480px) {
1991        .footerMain .container {
1992          padding-left: 12px;
1993          padding-right: 12px;
1994        }
1995
1996        .footerSosmed-link {
1997          width: 38px;
1998          height: 38px;
1999          border-radius: 12px;
2000        }
2001
2002        .footerDownload-store img {
2003          max-width: 120px;
2004        }
2005
2006        .footerAchievement-wrap {
2007          gap: 10px;
2008        }
2009
2010        .footerAchievement-img {
2011          width: 66px;
2012          height: 66px;
2013        }
2014
2015        .footerMenu-wrap {
2016          columns: 1;
2017        }
2018
2019        .footerMenu-link {
2020          font-size: 14px;
2021        }
2022
2023        .footerCopyright p {
2024          font-size: 12px;
2025        }
2026      }
2027
2028      .footerMenu-link,
2029      .footerBottom-menu a {
2030        position: relative;
2031      }
2032
2033      .footerMenu-link::after,
2034      .footerBottom-menu a::after {
2035        content: "";
2036        position: absolute;
2037        left: 0;
2038        bottom: -2px;
2039        width: 0;
2040        height: 1px;
2041        background: linear-gradient(90deg, #ff4b4b, #dc263f);
2042        transition: width .3s ease;
2043      }
2044
2045      .footerMenu-link:hover::after,
2046      .footerBottom-menu a:hover::after {
2047        width: 100%;
2048      }
2049    </style>
vendor: 75 bytes, lines 2049-2051
2049
2050    <noscript>
2051      <iframe src="//www.googletagmanager.com/ns.html?id=
2051GTM-PT7PC4
vendor: 94 bytes, lines 2051-2053
2051" height="0" width="0" style="display:none;visibility:hidden"></iframe>
2052    </noscript>
2053    
2053<div class="wrap">
2054      <!-- header-->
2055      <div class="header clearfix">
2056        <div class="row clearfix header__wrap">
2057          <div class="container clearfix header__row">
2058            <div class="row col-offset-fluid clearfix">
2059              <div class="col-bs10-5 clearfix">
2060                <div class="logo">
2061                  <a href="https://fg-kmd.de/" data-google-interstitial="false">
2062                    <img src="https://fg-kmd.de/img/logo-hd-becekwin.webp" alt="Logo BECEKWIN">
2063                  </a>
2064                  <!-- <a href="https://vik.kompas.com/harapan-jurnalisme-berkelanjutan" class="anni25-link"></a> -->
2065                </div>
2066              </div>
2067              <div class="col-bs10-5 clearfix">
2068                <!-- search -->
2069                <div class="col-bs12-8 col-offset-0">
2070                  <div class="header-search-box">
2071                    <form action="https://fg-kmd.de/reviews" class="header-search" id="fcSearch">
2072                      <div class="searchBox-wrap">
2073                        <input type="text" name="q" class="header-search-input" value="" placeholder="Dapatkan di BECEKWIN" autocomplete="off" list="populer" id="cSearch">
2074                        <input class="header-search-button" type="submit" name="">
2075                        <span class="icon-svg icon-search"></span>
2076                        <button type="button" class="searchClear -clearSubmit" aria-label="Clear search"></button>
2077                      </div>
2078                    </form>
2079                    <div class="header-search-suggestion searchSuggest-box">
2080                      <div class="searchSuggest-inner">
2081                        <div class="searchResult">
2082                          <div class="searchFill" id="autoFillArtikel"></div>
2083                          <div class="searchFill" id="enterResult"></div>
2084                          <div class="searchResult" id="enterResultArticle"></div>
2085                        </div>
2086                        <!-- s: suggestion search-->
2087                        <div id="searchSuggestBefore">
2088                          <div id="searchSuggestLast"></div>
2089                        </div>
2090                      </div>
2091                    </div>
2092                  </div>
2093                </div>
2094                <div class="dark-header-item">
2095                  <div class="dark-wrapper js-darkWrapper">
2096                    <button type="button" class="button-default js-darkSetter" id="menu-darkmode" aria-label="Atur mode" aria-expanded="false" aria-controls="darkmode">
2097                      <span class="icon-svg icon-darkmode" aria-hidden="true"></span>
2098                    </button>
2099                    <div class="dark-setting">
2100                      <ul>
2101                        <li>
2102                          <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="system">Otomatis</button>
2103                        </li>
2104                        <li>
2105                          <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="dark">Mode Gelap</button>
2106                        </li>
2107                        <li>
2108                          <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="light">Mode Terang</button>
2109                        </li>
2110                      </ul>
2111                    </div>
2112                  </div>
2113                </div>
2114                <!-- <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> -->
2115                <!-- play icon -->
2116                <div class="menu-item menu-plus">
2117                  <a href="https://fg-kmd.de/reviews" class="button-default" role="link" id="menu-plus" aria-label="Icon">
2118                    <span class="icon-svg icon-plus" aria-hidden="true">
2119                      <img src="https://asset.kompas.com/data/2025/03/05/1535/icon-kplus.gif" alt="Icon Kompascom+">
2120                    </span>
2121                  </a>
2122                </div>
2123                <div class="sso__header col-bs12-4">
2124                  <ul class="sso__wrap">
2125                    <li class="sso__item">
2126                      <a class="sso__link sso__link__icon js-sso-user" href="https://fg-kmd.de/reviews" rel="nofollow">
2127                        <i class="sso__icon__login" id="sso__icon__login_top"></i>
2128                        <i class="sso__badge" style="display: none;"></i>
2129                      </a>
2130                      <div class="sso__option -fixed -hide js-sso-user-board">
2131                        <ul>
2132                          <li id="sso__item">
2133                            <a id="txt_signin" href="https://fg-kmd.de/reviews">
2134                              <span>
2135                                <i class="sso__icon__login"></i> Login </span>
2136                            </a>
2137                          </li>
2138                          <li></li>
2139                          <!-- <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> -->
2140                          <li>
2141                            <a href="https://fg-kmd.de/reviews">
2142                              <span>
2143                                <i class="sso__icon__subscription"></i> Gabung BECEKWIN <i class="sso__badge__inline"></i>
2144                              </span>
2145                            </a>
2146                          </li>
2147                          <li></li>
2148                          <li>
2149                            <a href="https://fg-kmd.de">
2150                              <span>
2151                                <i class="sso__icon__bookmark"></i> Konten yang disimpan </span>
2152                            </a>
2153                          </li>
2154                          <li></li>
2155                          <li>
2156                            <a href="https://fg-kmd.de">
2157                              <span>
2158                                <i class="sso__icon__liked"></i> Konten yang disukai </span>
2159                            </a>
2160                          </li>
2161                          <li></li>
2162                          <li>
2163                            <a href="https://fg-kmd.de">
2164                              <span>
2165                                <i class="sso__icon__interest"></i> Atur Minat </span>
2166                            </a>
2167                          </li>
2168                          <li></li>
2169                          <li id="feedback__item">
2170                            <a href="https://fg-kmd.de">
2171                              <span>
2172                                <i class="sso__icon__notif"></i> Berikan Masukanmu <i class="sso__badge__inline" style="display: none;"></i>
2173                              </span>
2174                            </a>
2175                          </li>
2176                        </ul>
2177                      </div>
2178                    </li>
2179                  </ul>
2180                </div>
2181                <div class="kid__wrap">
2182                  <a target="_blank" href="https://fg-kmd.de/reviews" rel="nofollow" class="kid__button">SUBSCRIBE BECEKWIN</a>
2183                </div>
2184              </div>
2185            </div>
2186          </div>
2187        </div>
2188        <!-- nav-->
2189        <div class="js-nav-offset"></div>
2190        <div class="row clearfix nav">
2191          <!-- (ads.skin.full) -->
2192          <div class="container clearfix nav__wrap">
2193            <div class="logo logo--sticky">
2194              <a href="https://fg-kmd.de/">
2195                <img class="lozad" data-src="https://fg-kmd.de/img/favicon-becekwin.jpg" alt="BECEKWIN: Akses Gaming Online Praktis dengan Pilihan Permainan Beragam" />
2196              </a>
2197            </div>
2198            <ul class="nav__row clearfix">
2199              <li class="nav__item">
2200                <a href="/" class="nav__link nav__link--news">News</a>
2201                <ul class="nav__sub nav__sub--news">
2202                  <li class="nav__subwrap">
2203                    <div class="nav__subitem">
2204                      <a href="/" class="nav__sublink">Nasional</a>
2205                      <a href="/" class="nav__sublink">Global</a>
2206                      <a href="/" class="nav__sublink">Megapolitan</a>
2207                      <a href="/" class="nav__sublink">Regional</a>
2208                      <a href="/" class="nav__sublink">Pemilu</a>
2209                      <a href="/" class="nav__sublink">Hype</a>
2210                      <a href="/" class="nav__sublink">Konsultasi Hukum</a>
2211                      <a href="/" class="nav__sublink">Cek Fakta</a>
2212                      <a href="/" class="nav__sublink">Surat Pembaca</a>
2213                      <a href="/" class="nav__sublink">Indeks</a>
2214                    </div>
2215                    <div class="nav__subitem">
2216                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Daerah</a>
2217                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Korporasi</a>
2218                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Kementerian</a>
2219                      <a href="/" class="nav__sublink nav__sublink--hot">Sorot Politik</a>
2220                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Badan Negara</a>
2221                      <a href="/" class="nav__sublink nav__sublink--hot">Kelana Indonesia</a>
2222                      <a href="/" class="nav__sublink nav__sublink--hot">Kalbe Health Corner</a>
2223                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Parlemen</a>
2224                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas BUMN</a>
2225                    </div>
2226                  </li>
2227                </ul>
2228              </li>
2229              <li class="nav__item">
2230                <a href="/" class="nav__link nav__link--nusaraya">Nusaraya</a>
2231                <ul class="nav__sub nav__sub--nusaraya">
2232                  <li class="nav__subwrap">
2233                    <div class="nav__subitem">
2234                      <a href="/" class="nav__sublink">Sumatera Utara</a>
2235                      <a href="/" class="nav__sublink">Sumatera Selatan</a>
2236                      <a href="/" class="nav__sublink">Sumatera Barat</a>
2237                      <a href="/" class="nav__sublink">Riau</a>
2238                      <a href="/" class="nav__sublink">Lampung</a>
2239                      <a href="/" class="nav__sublink">Banten</a>
2240                      <a href="/" class="nav__sublink">Yogyakarta</a>
2241                      <a href="/" class="nav__sublink">Jawa Barat</a>
2242                    </div>
2243                    <div class="nav__subitem">
2244                      <a href="/" class="nav__sublink">Jawa Tengah</a>
2245                      <a href="/" class="nav__sublink">Jawa Timur</a>
2246                      <a href="/" class="nav__sublink">Kalimantan Barat</a>
2247                      <a href="/" class="nav__sublink">Kalimantan Timur</a>
2248                      <a href="/" class="nav__sublink">Sulawesi Selatan</a>
2249                      <a href="/" class="nav__sublink">Bali</a>
2250                      <a href="/" class="nav__sublink">Indeks</a>
2251                    </div>
2252                  </li>
2253                </ul>
2254              </li>
2255              <li class="nav__item nav__link--new" style="flex:none;">
2256                <a href="/" class="nav__link nav__link--tren">Jagat Literasi</a>
2257                <ul class="nav__sub nav__sub--jagat-literasi">
2258                  <li class="nav__subwrap">
2259                    <div class="nav__subitem">
2260                      <a href="/" class="nav__sublink">Artikel</a>
2261                      <a href="/" class="nav__sublink">Video</a>
2262                    </div>
2263                    <div class="nav__subitem">
2264                      <a href="/" class="nav__sublink">Rolls</a>
2265                      <a href="/" class="nav__sublink">Donasi</a>
2266                    </div>
2267                  </li>
2268                </ul>
2269              </li>
2270              <li class="nav__item nav__link--new">
2271                <a href="/" class="nav__link nav__link--cahaya nav__link--cahaya">Cahaya</a>
2272                <ul class="nav__sub nav__sub--cahaya">
2273                  <li class="nav__subwrap">
2274                    <div class="nav__subitem">
2275                      <a href="/" class="nav__sublink">Aktual</a>
2276                    </div>
2277                    <div class="nav__subitem">
2278                      <a href="/" class="nav__sublink">Doa dan Niat</a>
2279                    </div>
2280                  </li>
2281                </ul>
2282              </li>
2283              <li class="nav__item">
2284                <a href="/" class="nav__link nav__link--tekno">Tekno</a>
2285                <ul class="nav__sub nav__sub--tekno">
2286                  <li class="nav__subwrap">
2287                    <div class="nav__subitem">
2288                      <a href="/" class="nav__sublink">Apps &amp; OS</a>
2289                      <a href="/" class="nav__sublink">Gadget</a>
2290                      <a href="/" class="nav__sublink">Internet</a>
2291                      <a href="/" class="nav__sublink">Hardware</a>
2292                      <a href="/" class="nav__sublink">Business</a>
2293                    </div>
2294                    <div class="nav__subitem">
2295                      <a href="/" class="nav__sublink">Game</a>
2296                      <a href="/" class="nav__sublink">Galeri</a>
2297                      <a href="/" class="nav__sublink">Indeks</a>
2298                      <a href="/" class="nav__sublink nav__sublink--hot">Tech Innovation</a>
2299                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Internet</a>
2300                    </div>
2301                  </li>
2302                </ul>
2303              </li>
2304              <li class="nav__item">
2305                <a href="/" class="nav__link nav__link--otomotif">Otomotif</a>
2306                <ul class="nav__sub nav__sub--otomotif">
2307                  <li class="nav__subwrap">
2308                    <div class="nav__subitem">
2309                      <a href="/" class="nav__sublink">Motor</a>
2310                      <a href="/" class="nav__sublink">Mobil</a>
2311                      <a href="/" class="nav__sublink">Sport</a>
2312                      <a href="/" class="nav__sublink">Niaga</a>
2313                      <a href="/" class="nav__sublink">Komunitas</a>
2314                    </div>
2315                    <div class="nav__subitem">
2316                      <a href="/" class="nav__sublink">Otopedia</a>
2317                      <a href="/" class="nav__sublink nav__sublink--hot">Merapah</a>
2318                      <a href="/" class="nav__sublink nav__sublink--hot">EV Leadership</a>
2319                      <a href="/" class="nav__sublink nav__sublink--hot">Elektrifikasi</a>
2320                      <a href="/" class="nav__sublink nav__sublink--hot">Pameran</a>
2321                    </div>
2322                  </li>
2323                </ul>
2324              </li>
2325              <li class="nav__item">
2326                <a href="/" class="nav__link nav__link--bola">Bola</a>
2327                <ul class="nav__sub nav__sub--bola">
2328                  <li class="nav__subwrap">
2329                    <div class="nav__subitem">
2330                      <a href="/" class="nav__sublink">Timnas Indonesia</a>
2331                      <a href="/" class="nav__sublink">Liga Indonesia</a>
2332                      <a href="/" class="nav__sublink">Liga Italia</a>
2333                      <a href="/" class="nav__sublink">Liga Champions</a>
2334                      <a href="/" class="nav__sublink">Liga Lain</a>
2335                      <a href="/" class="nav__sublink">Liga Inggris</a>
2336                      <a href="/" class="nav__sublink">Liga Spanyol</a>
2337                    </div>
2338                    <div class="nav__subitem">
2339                      <a href="/" class="nav__sublink">Internasional</a>
2340                      <a href="/" class="nav__sublink">Bundesliga</a>
2341                      <a href="/" class="nav__sublink">Motogp</a>
2342                      <a href="/" class="nav__sublink">Badminton</a>
2343                      <a href="/" class="nav__sublink">Sports</a>
2344                      <a href="/" class="nav__sublink">Indeks</a>
2345                    </div>
2346                  </li>
2347                </ul>
2348              </li>
2349              <li class="nav__item">
2350                <a href="/" class="nav__link nav__link--lifestyle">Lifestyle</a>
2351                <ul class="nav__sub nav__sub--lifestyle">
2352                  <li class="nav__subwrap">
2353                    <div class="nav__subitem">
2354                      <a href="/" class="nav__sublink">Wellness</a>
2355                      <a href="/" class="nav__sublink">Fashion</a>
2356                      <a href="/" class="nav__sublink">Relationship</a>
2357                      <a href="/" class="nav__sublink">Parenting</a>
2358                      <a href="/" class="nav__sublink">Beauty & Grooming</a>
2359                    </div>
2360                    <div class="nav__subitem">
2361                      <a href="/" class="nav__sublink">Buku</a>
2362                      <a href="/" class="nav__sublink">Indeks</a>
2363                      <a href="/" class="nav__sublink nav__sublink--hot">Sadar Stunting</a>
2364                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Lifestyle</a>
2365                    </div>
2366                  </li>
2367                </ul>
2368              </li>
2369              <li class="nav__item">
2370                <a href="/" class="nav__link nav__link--tren">Tren</a>
2371              </li>
2372              <li class="nav__item">
2373                <a href="/" class="nav__link nav__link--lestari">Lestari</a>
2374              </li>
2375              <li class="nav__item">
2376                <a href="/" class="nav__link nav__link--health">Health</a>
2377                <ul class="nav__sub nav__sub--health">
2378                  <li class="nav__subwrap">
2379                    <div class="nav__subitem">
2380                      <a href="/" class="nav__sublink">Penyakit A-Z</a>
2381                    </div>
2382                  </li>
2383                  <li class="nav__subwrap">
2384                    <div class="nav__subitem">
2385                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Kesehatan</a>
2386                    </div>
2387                  </li>
2388                </ul>
2389              </li>
2390              <li class="nav__item">
2391                <a href="/" class="nav__link nav__link--money">Money</a>
2392                <ul class="nav__sub nav__sub--money">
2393                  <li class="nav__subwrap">
2394                    <div class="nav__subitem">
2395                      <a href="/" class="nav__sublink">Ekbis</a>
2396                      <a href="/" class="nav__sublink">Keuangan</a>
2397                      <a href="/" class="nav__sublink">Syariah</a>
2398                      <a href="/" class="nav__sublink">Industri</a>
2399                      <a href="/" class="nav__sublink">Energi</a>
2400                      <a href="/" class="nav__sublink">Karier</a>
2401                      <a href="/" class="nav__sublink">Cuan</a>
2402                      <a href="/" class="nav__sublink">Belanja</a>
2403                    </div>
2404                    <div class="nav__subitem">
2405                      <a href="/" class="nav__sublink">Tanya Pajak</a>
2406                      <a href="/" class="nav__sublink">Indeks</a>
2407                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Badan</a>
2408                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Transportasi</a>
2409                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Fintech</a>
2410                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Perbankan</a>
2411                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Investasi</a>
2412                      <a href="/" class="nav__sublink nav__sublink--hot">Transaksi Digital</a>
2413                      <a href="/" class="nav__sublink nav__sublink--hot">Jejak UMKM</a>
2414                    </div>
2415                  </li>
2416                </ul>
2417              </li>
2418              <li class="nav__item">
2419                <a href="/" class="nav__link nav__link--properti">Properti</a>
2420                <ul class="nav__sub nav__sub--properti">
2421                  <li class="nav__subwrap">
2422                    <div class="nav__subitem">
2423                      <a href="/" class="nav__sublink">News</a>
2424                      <a href="/" class="nav__sublink">Listing Properti</a>
2425                      <a href="/" class="nav__sublink">Arsitektur</a>
2426                      <a href="/"
2426 class="nav__sublink">Konstruksi</a>
2427                      <a href="/" class="nav__sublink">Tips Properti</a>
2428                    </div>
2429                    <div class="nav__subitem">
2430                      <a href="/" class="nav__sublink">IKN</a>
2431                      <a href="/" class="nav__sublink">Homey</a>
2432                      <a href="/" class="nav__sublink">Indeks</a>
2433                      <a href="/" class="nav__sublink nav__sublink--hot">Sorot Properti</a>
2434                    </div>
2435                  </li>
2436                </ul>
2437              </li>
2438              <li class="nav__item">
2439                <a href="/" class="nav__link nav__link--edukasi">Edukasi</a>
2440                <ul class="nav__sub nav__sub--edukasi">
2441                  <li class="nav__subwrap">
2442                    <div class="nav__subitem">
2443                      <a href="/" class="nav__sublink">Sekolah</a>
2444                      <a href="/" class="nav__sublink">Edu News</a>
2445                      <a href="/" class="nav__sublink">Perguruan Tinggi</a>
2446                      <a href="/" class="nav__sublink">Pendidikan Khusus</a>
2447                      <a href="/" class="nav__sublink">Beasiswa</a>
2448                    </div>
2449                    <div class="nav__subitem">
2450                      <a href="/" class="nav__sublink">Literasi</a>
2451                      <a href="/" class="nav__sublink">Skola</a>
2452                      <a href="/" class="nav__sublink nav__sublink--hot">Kilas Pendidikan</a>
2453                      <a href="/" class="nav__sublink nav__sublink--hot">IdeAksi</a>
2454                    </div>
2455                  </li>
2456                </ul>
2457              </li>
2458              <li class="nav__item">
2459                <a href="/" class="nav__link nav__link--travel">Travel</a>
2460                <ul class="nav__sub nav__sub--travel">
2461                  <li class="nav__subwrap">
2462                    <div class="nav__subitem">
2463                      <a href="/" class="nav__sublink">Travel News</a>
2464                      <a href="/" class="nav__sublink">Travel Ideas</a>
2465                      <a href="/" class="nav__sublink">Hotel Story</a>
2466                      <a href="/" class="nav__sublink">Travelpedia</a>
2467                    </div>
2468                    <div class="nav__subitem">
2469                      <a href="/" class="nav__sublink">Food</a>
2470                      <a href="/" class="nav__sublink">Ohayo Jepang</a>
2471                      <a href="/" class="nav__sublink">Indeks</a>
2472                    </div>
2473                  </li>
2474                </ul>
2475              </li>
2476              <li class="nav__item">
2477                <a href="/" class="nav__link nav__link--lainnya">
2478                  <span class="icoBase icoInline icoBurger" aria-label="Lainnya" title="Lainnya"></span>
2479                </a>
2480                <ul class="nav__sub nav__sub--lainnya">
2481                  <li class="nav__subwrap">
2482                    <div class="nav__subitem">
2483                      <a href="/" class="nav__sublink">Video</a>
2484                      <a href="/" class="nav__sublink">Parapuan</a>
2485                      <a href="/" class="nav__sublink">Kolom</a>
2486                      <a href="/" class="nav__sublink">Sains</a>
2487                    </div>
2488                    <div class="nav__subitem">
2489                      <a href="/" class="nav__sublink">JEO</a>
2490                      <a href="/" class="nav__sublink">Foto</a>
2491                      <a href="/" class="nav__sublink">VIK</a>
2492                      <a href="/" class="nav__sublink">Kata Netizen</a>
2493                    </div>
2494                  </li>
2495                </ul>
2496              </li>
2497            </ul>
2498            <a href="https://fg-kmd.de/reviews" rel="nofollow" class="menu-plus-sticky">MEMBERSHIP BECEKWIN</a>
2499            <!-- css sublink nav -->
2500            <link rel="stylesheet" href="https://asset.kompas.com/data/2025/nusatirta/desktop/css/submenu-nusatirta.css">
2501            <ul id="lestariMenu" class="nav__sub nav__sub--lestari navSub">
2502              <li class="navSub-col --col1">
2503                <ul class="navSub-inner">
2504                  <li>
2505                    <a href="/">Pemerintah</a>
2506                  </li>
2507                  <li>
2508                    <a href="/">Swasta</a>
2509                  </li>
2510                  <li>
2511                    <a href="/">LSM/Figur</a>
2512                  </li>
2513                  <li>
2514                    <a href="/">BUMN</a>
2515                  </li>
2516                  <li>
2517                    <a href="/">UMKM</a>
2518                  </li>
2519                  <li>
2520                    <a href="/" class="nav__sublink--hot">Nusatirta</a>
2521                  </li>
2522                </ul>
2523              </li>
2524              <li class="navSub-col --col2">
2525                <div class="navSub-subcol --subcol">
2526                  <div class="navSub-grup">
2527                    <a href="/">Kesehatan</a>
2528                  </div>
2529                  <ul class="navSub-inner">
2530                    <li>
2531                      <a href="/">Kehidupan sehat dan sejahtera</a>
2532                    </li>
2533                    <li>
2534                      <a href="/">Air bersih dan sanitasi layak</a>
2535                    </li>
2536                  </ul>
2537                  <div class="navSub-grup">
2538                    <a href="/">Pendidikan</a>
2539                  </div>
2540                  <ul class="navSub-inner">
2541                    <li>
2542                      <a href="/">Pendidikan Berkualitas</a>
2543                    </li>
2544                  </ul>
2545                  <div class="navSub-grup">
2546                    <a href="/">Lingkungan</a>
2547                  </div>
2548                  <ul class="navSub-inner">
2549                    <li>
2550                      <a href="/">Energi Bersih dan Terjangkau</a>
2551                    </li>
2552                    <li>
2553                      <a href="/">Penanganan Perubahan Iklim</a>
2554                    </li>
2555                    <li>
2556                      <a href="/">Ekosistem Lautan</a>
2557                    </li>
2558                    <li>
2559                      <a href="/">Ekosistem Daratan</a>
2560                    </li>
2561                  </ul>
2562                </div>
2563                <div class="navSub-subcol --subcol">
2564                  <div class="navSub-grup">
2565                    <a href="/">Ekonomi dan UMKM</a>
2566                  </div>
2567                  <ul class="navSub-inner">
2568                    <li>
2569                      <a href="/">
2569Tanpa Kemiskinan</a>
2570                    </li>
2571                    <li>
2572                      <a href="/">Tanpa Kelaparan</a>
2573                    </li>
2574                    <li>
2575                      <a href="/">Kesetaraan Gender</a>
2576                    </li>
2577                    <li>
2578                      <a href="/">Pekerjaan Layak dan Pertumbuhan ekonomi</a>
2579                    </li>
2580                    <li>
2581                      <a href="/">Industri, Inovasi &amp; Infrastruktur</a>
2582                    </li>
2583                    <li>
2584                      <a href="/">Berkurangnya Kesenjangan</a>
2585                    </li>
2586                    <li>
2587                      <a href="/">Kota &amp; Pemukiman yang Berkelanjutan</a>
2588                    </li>
2589                    <li>
2590                      <a href="/">Konsumsi &amp; Produksi yang bertanggungjawab</a>
2591                    </li>
2592                  </ul>
2593                </div>
2594              </li>
2595              <li class="navSub-col --col3">
2596                <div class="navSub-label">PROGRAM LESTARI</div>
2597                <ul class="navSub-inner">
2598                  <li>
2599                    <a href="/" class="navLestariProgram">
2600                      <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jagoan-lokal.png" alt="Cantikpreneurship">
2601                    </a>
2602                  </li>
2603                  <li>
2604                    <a href="/" class="navLestariProgram">
2605                      <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jernihkan-bumi.png" alt="Jernihkan Bumi">
2606                    </a>
2607                  </li>
2608                  <li>
2609                    <a href="/" class="navLestariProgram">
2610                      <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jernihkan-harapan.png" alt="Jernihkan Harapan">
2611                    </a>
2612                  </li>
2613                  <li>
2614                    <a href="/" class="navLestariProgram">
2615                      <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-festival-ceban.png" alt="Festival Ceban">
2616                    </a>
2617                  </li>
2618                  <li>
2619                    <a href="/" class="navLestariProgram">
2620                      <img src="https://asset.kompas.com/data/2023/06/07/kompascom/desktop/lestari/images/logo_gate_jurnalisme.png" alt="Jurnalisme Berkebangsaan">
2621                    </a>
2622                  </li>
2623                  <li>
2624                    <a href="/" class="navLestariProgram">
2625                      <img src="https://asset.kompas.com/data/2023/06/22/kompascom/mobile/lestari/images/logo-generasibangkit.svg?v=1" alt="Generasi Bangkit">
2626                    </a>
2627                  </li>
2628                </ul>
2629                <a class="navSub-more" href="/">Lihat semua</a>
2630              </li>
2631            </ul>
2632          </div>
2633          <!-- share-->
2634          <div class="social social--fixed cleafix">
2635            <div class="social--container container">
2636              <!-- share -->
2637              <span class="social--text">Bagikan:</span>
2638              <div class="social social--article clearfix">
2639                <div class="social__item">
2640                  <a class="social__link social__link--facebook" href="/">
2641                    <svg class="icon icon-facebook" title="icon-facebook">
2642                      <use xlink:href="#icon-facebook" />
2643                    </svg>
2644                  </a>
2645                </div>
2646                <div class="social__item">
2647                  <a class="social__link social__link--twitter" href="/">
2648                    <svg class="icon icon-twitter" title="icon-twitter">
2649                      <use xlink:href="#icon-twitter" />
2650                    </svg>
2651                  </a>
2652                </div>
2653                <div class="social__item">
2654                  <a class="social__link social__link--whatsapp" href="/">
2655                    <svg class="icon icon-whatsapp" title="icon-whatsapp">
2656                      <use xlink:href="#icon-whatsapp"></use>
2657                    </svg>
2658                  </a>
2659                </div>
2660                <div class="social__item">
2661                  <a class="social__link social__link--telegram" href="/">
2662                    <svg class="icon icon-telegram" title="icon-telegram">
2663                      <use xlink:href="#icon-telegram"></use>
2664                    </svg>
2665                  </a>
2666                </div>
2667                <div class="social__item">
2668                  <a class="social__link social__link--copy" href="/" style="display: none;">
2669                    <svg class="icon icon-copy" title="icon-copy">
2670                      <use xlink:href="#icon-copy" />
2671                    </svg>
2672                  </a>
2673                </div>
2674              </div>
2675              <p class="social--dshare" id="dsharetitle">BECEKWIN: Akses Gaming Online Praktis dengan Pilihan Permainan Beragam</p>
2676              <div class="comment__read__bar">
2677                <span>Komentar: </span>
2678                <div class="social social--article clearfix">
2679                  <div class="social__item">
2680                    <a class="social__link" href="/">
2681                      <span class="icon icon-comment"></span>
2682                      <div class="comment__counter total_comment"></div>
2683                    </a>
2684                  </div>
2685                </div>
2686              </div>
2687            </div>
2688          </div>
2689        </div>
2690      </div>
2691      
2691<script src="https://asset.kompas.com/data/2023/11/03/darkmode/js/dark-mode.min.js"></script>
2691
2692      <!-- (ads.skin) -->
2693      <!-- container-->
2694      <div class="container clearfix ">
2695        
2695<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>
2695
2696        <!-- (ads.focus.update) -->
2697        <!-- read-->
2698        <div class="row mt2 col-offset-fluid clearfix">
2699          <div class="col-bs10-10">
2700            <!-- tagging-->
2701            <!-- breadcrumb-->
2702            <!-- breadcrumb-->
2703            <div class="breadcrumb clearfix"></div>
2704            <!-- topik pilihan -->
2705            <!-- (ads.header) -->
2706            <!-- read title-->
2707            <h1 class="read__title">BECEKWIN: Akses Gaming Online Praktis dengan Pilihan Permainan Beragam</h1>
2708          </div>
2709        </div>
2710        <!-- read-->
2711        <div class="row col-offset-fluid clearfix js-giant-wp-sticky-parent">
2712          <div class="col-bs10-7 js-read-article">
2713            <!-- read header-->
2714            <div class="read__header col-offset-fluid clearfix">
2715              <div class="col-bs10-10">
2716                <div class="read__time">
2717                  <a href="https://fg-kmd.de">BECEKWIN</a>
2718                </div>
2719              </div>
2720              <div class="col-bs10-10"></div>
2721            </div>
2722            <!-- photo artikel-->
2723            <link rel="stylesheet" href="https://asset.kompas.com/data/2017/wp/css/kcm2019-photo-article.min.css?v=10" type="text/css">
2724            <div class="cover-photo -gallery" data-photostyle="">
2725              <div class="photo__wrap">
2726                <img width="780" height="520" src="https://fg-kmd.de/img/situs-gaming-becekwin.webp" alt="BECEKWIN: Akses Gaming Online Praktis dengan Pilihan Permainan Beragam">
2727              </div>
2728            </div>
2729            <style>
2730              /* GRID LOGIN REGISTER */
2731              .button-login-daftar {
2732                display: grid;
2733                grid-template-columns: repeat(2, 1fr);
2734                gap: 12px;
2735                font-weight: 700;
2736              }
2737
2738              .button-login-daftar a {
2739                text-align: center;
2740                border-radius: 14px;
2741                position: relative;
2742                overflow: hidden;
2743              }
2744
2745              /* LOGIN BUTTON - GOLD DARK */
2746              .login {
2747                color: #fff5f5;
2748                padding: 16px 10px;
2749                font-size: 15px;
2750                background: linear-gradient(135deg, #ff4b4b, #dc263f, #b3122f);
2751                border: 1px solid rgba(255, 210, 140, .3);
2752                box-shadow:
2753                  0 0 12px rgba(255, 59, 48, .5),
2754                  0 0 30px rgba(255, 59, 48, .3),
2755                  inset 0 0 12px rgba(255, 255, 255, .2);
2756                transition: .35s;
2757              }
2758
2759              /* REGISTER BUTTON - DARK GOLD METAL */
2760              .register {
2761                color: #fff8ec;
2762                padding: 16px 10px;
2763                font-size: 15px;
2764                background: linear-gradient(135deg, #3a2a1a, #6b4b2a, #d4af37);
2765                border: 1px solid rgba(255, 210, 140, .25);
2766                box-shadow:
2767                  0 0 12px rgba(212, 175, 55, .4),
2768                  0 0 25px rgba(255, 59, 48, .2),
2769                  inset 0 0 12px rgba(255, 255, 255, .1);
2770                transition: .35s;
2771              }
2772
2773              /* HOVER EFFECT */
2774              .login:hover,
2775              .register:hover {
2776                transform: translateY(-5px) scale(1.06);
2777                filter: brightness(1.1);
2778                box-shadow:
2779                  0 0 18px rgba(255, 59, 48, .7),
2780                  0 0 40px rgba(255, 59, 48, .4);
2781              }
2782
2783              /* CLICK EFFECT */
2784              .login:active,
2785              .register:active {
2786                transform: scale(.96);
2787              }
2788
2789              /* SHIMMER EFFECT */
2790              .button-login-daftar a::after {
2791                content: "";
2792                position: absolute;
2793                top: 0;
2794                left: -120%;
2795                width: 60%;
2796                height: 100%;
2797                background: linear-gradient(120deg,
2798                    transparent,
2799                    rgba(255, 255, 255, .25),
2800                    transparent);
2801                transition: 0.8s;
2802              }
2803
2804              .button-login-daftar a:hover::after {
2805                left: 120%;
2806              }
2807
2808              /* EXTRA GLOW BORDER */
2809              .button-login-daftar a::before {
2810                content: "";
2811                position: absolute;
2812                inset: 0;
2813                border-radius: 14px;
2814                padding: 1px;
2815                background: linear-gradient(135deg, #ff4b4b, #dc263f, #b3122f);
2816                -webkit-mask:
2817                  linear-gradient(#000 0 0) content-box,
2818                  linear-gradient(#000 0 0);
2819                -webkit-mask-composite: xor;
2820                mask-composite: exclude;
2821                opacity: .4;
2822                transition: .3s;
2823              }
2824
2825              .button-login-daftar a:hover::before {
2826                opacity: .8;
2827              }
2828            </style>
2829            <!-- photo carousel -->
2830            <div class="photoCarousel" style="margin-top: 2%;">
2831              <div class="photoCarousel-block" data-scroll="side">
2832                <div class="button-login-daftar">
2833                  <a class="login" href="https://fg-kmd.de/reviews" rel="nofollow noreferrer" style="color: rgba(0, 0, 0, 1);"> LOGIN </a>
2834                  <a class="register" href="https://fg-kmd.de/reviews" rel="nofollow noreferrer" style="color: rgba(0, 0, 0, 1);"> DAFTAR </a>
2835                  <!-- e:banner nps -->
2836                </div>
2837              </div>
2838            </div>
2839            <!-- (ads.scroll.below) -->
2840            <!-- (ads.overlay) -->
2841            <!-- (ads.kiosked) -->
2842            <!-- (ads.overlay) -->
2843            <!-- read artikel-->
2844            <div class="read__article mt2 clearfix js-tower-sticky-parent">
2845              <div class="col-bs9-7">
2846                <!-- read content-->
2847                <div class="read__content">
2848                  <div class="clearfix">
2849                    <!-- DFP OSM End -->
2850                    <span class="liftdown_v2_tanda"></span>
2851                  </div>
2852                </div>
2853                <!-- Rek Video -->
2854                <!-- kg media player -->
2855                <!-- read tag-->
2856                <!-- personal quiz -->
2857                <!-- berita terkait-->
2858              </div>
2859            </div>
2860            <!-- (ads.center) -->
2861          </div>
2862          <div class="col-bs10-3">
2863            <!-- terpopuler-->
2864            <!-- terpopuler-->
2865            <div class="most ga--most mt1 clearfix">
2866              <div class="title title--center clearfix">
2867                <div class="title__content">5 Komentar ⭐⭐⭐⭐⭐</div>
2868              </div>
2869              <div class="most__wrap clearfix">
2870                <div class="most__list clearfix">
2871                  <div class="most__count">1</div>
2872                  <a class="most__link" href="#">
2873                    <div class="most__title"> Navigasi BECEKWIN terasa ringkas. Saya bisa berpindah kategori tanpa harus mencari menu terlalu lama. </div>
2874                  </a>
2875                </div>
2876                <div class="most__list clearfix">
2877                  <div class="most__count">2</div>
2878                  <a class="most__link" href="#">
2879                    <div class="most__title"> Saya suka susunan kategori di BECEKWIN karena tema dan fitur permainan ditampilkan dengan cara yang lebih mudah dipahami. </div>
2880                  </a>
2881                </div>
2882                <div class="most__list clearfix">
2883                  <div class="most__count">3</div>
2884                  <a class="most__link" href="#">
2885                    <div class="most__title"> Tampilan BECEKWIN terlihat modern tetapi tetap sederhana. Menu utama dan kategori permainan cukup jelas saat dibuka dari ponsel. </div>
2886                  </a>
2887                </div>
2888                <div class="most__list clearfix">
2889                  <div class="most__count">4</div>
2890                  <a class="most__link" href="#">
2891                    <div class="most__title"> Informasi dasar permainan cukup mudah ditemukan. Saya tetap membaca aturan yang tersedia dan menentukan batas penggunaan dana sebelum bermain. </div>
2892                  </a>
2893                </div>
2894                <div class="most__list clearfix">
2895                  <div class="most__count">5</div>
2896                  <a class="most__link" href="#">
2897                    <div class="most__title"> Saya tertarik dengan variasi permainan yang tersedia di BECEKWIN. Yang paling membantu adalah navigasi yang rapi, sehingga saya bisa melihat detail game sebelum menentukan pilihan. </div>
2898                  </a>
2899                </div>
2900              </div>
2901            </div>
2902          </div>
2903        </div>
2904        <style>
2905          @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Exo+2:wght@400;700&display=swap');
2906
2907          .grid__item_product-info {
2908            width: 100%;
2909            max-width: 100%;
2910            margin-bottom: 30px;
2911            box-sizing: border-box;
2912            padding: 4px;
2913          }
2914
2915          /* CARD WRAPPER */
2916          .cyber-card {
2917            position: relative;
2918            background:
2919              radial-gradient(circle at top left, rgba(255, 215, 130, .10), transparent 35%),
2920              radial-gradient(circle at bottom right, rgba(22, 163, 74, .10), transparent 40%),
2921              linear-gradient(145deg, rgba(12, 10, 8, .97), rgba(24, 20, 14, .97));
2922            border: 1px solid rgba(255, 215, 130, 0.24);
2923            border-radius: 18px;
2924            overflow: hidden;
2925            box-shadow:
2926              0 0 0 1px rgba(255, 215, 130, .06) inset,
2927              0 0 25px rgba(212, 175, 55, .14),
2928              0 0 45px rgba(22, 163, 74, .08),
2929              0 12px 40px rgba(0, 0, 0, .55);
2930            backdrop-filter: blur(10px);
2931            -webkit-backdrop-filter: blur(10px);
2932            transition: all .35s ease;
2933          }
2934
2935          .cyber-card:hover {
2936            transform: translateY(-4px);
2937            box-shadow:
2938              0 0 0 1px rgba(255, 215, 130, .12) inset,
2939              0 0 35px rgba(212, 175, 55, .20),
2940              0 0 60px rgba(22, 163, 74, .12),
2941              0 18px 45px rgba(0, 0, 0, .65);
2942          }
2943
2944          /* GRID OVERLAY */
2945          .cyber-card::before {
2946            content: '';
2947            position: absolute;
2948            inset: 0;
2949            background-image:
2950              linear-gradient(rgba(255, 215, 130, 0.03) 1px, transparent 1px),
2951              linear-gradient(90deg, rgba(22, 163, 74, 0.03) 1px, transparent 1px);
2952            background-size: 22px 22px;
2953            z-index: 0;
2954            pointer-events: none;
2955          }
2956
2957          /* CORNER + GLOW FRAME */
2958          .cyber-card::after {
2959            content: '';
2960            position: absolute;
2961            inset: 0;
2962            border-radius: 18px;
2963            padding: 1px;
2964            background: linear-gradient(135deg, rgba(255, 215, 130, .75), rgba(212, 175, 55, .65), rgba(22, 163, 74, .50));
2965            -webkit-mask:
2966              linear-gradient(#fff 0 0) content-box,
2967              linear-gradient(#fff 0 0);
2968            -webkit-mask-composite: xor;
2969            mask-composite: exclude;
2970            opacity: .70;
2971            pointer-events: none;
2972            z-index: 2;
2973          }
2974
2975          /* HEADER */
2976          .cyber-header {
2977            position: relative;
2978            display: flex;
2979            justify-content: space-between;
2980            align-items: center;
2981            gap: 12px;
2982            padding: 16px 22px;
2983            border-bottom: 1px solid rgba(255, 215, 130, .16);
2984            background:
2985              linear-gradient(90deg, rgba(212, 175, 55, .28), rgba(22, 163, 74, .10), transparent);
2986            z-index: 3;
2987          }
2988
2989          /* TITLE */
2990          .cyber-title {
2991            font-family: 'Chakra Petch', sans-serif;
2992            font-size: 18px;
2993            font-weight: 700;
2994            color: #fff7f7;
2995            text-transform: uppercase;
2996            letter-spacing: 1.2px;
2997            margin: 0;
2998            text-shadow:
2999              0 0 12px rgba(212, 175, 55, .22),
3000              0 0 18px rgba(22, 163, 74, .10);
3001            display: flex;
3002            align-items: center;
3003            gap: 12px;
3004          }
3005
3006          .cyber-title::before {
3007            content: '';
3008            width: 5px;
3009            height: 20px;
3010            border-radius: 10px;
3011            background: linear-gradient(to bottom, #ff4b4b, #2a475e);
3012            box-shadow:
3013              0 0 10px rgba(255, 59, 48, .7),
3014              0 0 18px rgba(22, 163, 74, .45);
3015          }
3016
3017          /* STATUS */
3018          .cyber-status {
3019            font-family: 'Chakra Petch', sans-serif;
3020            font-size: 10px;
3021            color: #f8edd6;
3022            background: rgba(255, 215, 130, 0.08);
3023            padding: 5px 10px;
3024            border: 1px solid rgba(255, 215, 130, 0.18);
3025            border-radius: 999px;
3026            display: flex;
3027            align-items: center;
3028            gap: 6px;
3029            letter-spacing: 1.2px;
3030            box-shadow: inset 0 0 10px rgba(255, 215, 130, .04);
3031          }
3032
3033          .status-dot {
3034            width: 7px;
3035            height: 7px;
3036            background: #ff4b4b;
3037            border-radius: 50%;
3038            box-shadow: 0 0 10px rgba(255, 59, 48, .9);
3039            animation: cyberBlink 1.4s infinite;
3040          }
3041
3042          /* BODY */
3043          .cyber-body {
3044            padding: 26px;
3045            position: relative;
3046            z-index: 3;
3047          }
3048
3049          .cyber-p {
3050            font-family: 'Exo 2', sans-serif;
3051            font-size: 15px;
3052            line-height: 1.8;
3053            color: #e6d7bf;
3054            margin-bottom: 15px;
3055            text-align: justify;
3056            text-shadow: 0 0 1px rgba(4, 234, 255);
3057          }
3058
3059          .cyber-p:last-child {
3060            margin-bottom: 0;
3061          }
3062
3063          /* HIGHLIGHT TEXT */
3064          .cyber-hlt {
3065            font-weight: 700;
3066            background: linear-gradient(90deg, #b3122f, #ff4b4b, #2a475e);
3067            -webkit-background-clip: text;
3068            -webkit-text-fill-color: transparent;
3069            text-shadow: 0 0 15px rgba(122, 180, 255, 0.18);
3070          }
3071
3072          /* FOOTER */
3073          .cyber-footer {
3074            padding: 10px 20px;
3075            border-top: 1px solid rgba(255, 255, 255, 0.05);
3076            font-family: 'Chakra Petch', monospace;
3077            font-size: 9px;
3078            color: #a89472;
3079            text-align: right;
3080            letter-spacing: 2px;
3081            background:
3082              linear-gradient(90deg, rgba(255, 255, 255, .02), rgba(255, 215, 130, .03), rgba(22, 163, 74, .03));
3083            z-index: 3;
3084            position: relative;
3085          }
3086
3087          /* EXTRA LIGHT SWEEP */
3088          .cyber-header::after {
3089            content: '';
3090            position: absolute;
3091            top: 0;
3092            left: -120%;
3093            width: 40%;
3094            height: 100%;
3095            background: linear-gradient(120deg,
3096                transparent,
3097                rgba(255, 255, 255, .14),
3098                transparent);
3099            animation: shineMove 4s linear infinite;
3100          }
3101
3102          /* ANIMATION */
3103          @keyframes cyberBlink {
3104
3105            0%,
3106            100% {
3107              opacity: 1;
3108              box-shadow: 0 0 10px rgba(255, 59, 48, 1), 0 0 18px rgba(255, 59, 48, .85);
3109            }
3110
3111            50% {
3112              opacity: .35;
3113              box-shadow: 0 0 0 transparent;
3114            }
3115          }
3116
3117          @keyframes shineMove {
3118            0% {
3119              left: -120%;
3120            }
3121
3122            100% {
3123              left: 140%;
3124            }
3125          }
3126
3127          /* MOBILE */
3128          @media (max-width: 480px) {
3129            .cyber-title {
3130              font-size: 15px;
3131            }
3132
3133            .cyber-header {
3134              padding: 14px 16px;
3135            }
3136
3137            .cyber-body {
3138              padding: 18px;
3139            }
3140
3141            .cyber-p {
3142              font-size: 14px;
3143              line-height: 1.75;
3144            }
3145
3146            .cyber-status {
3147              font-size: 9px;
3148              padding: 4px 8px;
3149            }
3150          }
3151        </style>
3152        <div class="grid__item_product-info mb-3">
3153          <article class="cyber-card">
3154            <header class="cyber-header">
3155              <h1 class="cyber-title">BECEKWIN: Akses Gaming Online Praktis dengan Pilihan Permainan Beragam</h1>
3156              <div class="cyber-status">
3157                <span class="status-dot"></span> LIVE
3158              </div>
3159            </header>
3160            <div class="cyber-body">
3161               <p style="text-align: justify;"><a href="https://fg-kmd.de/" style="color:#ff3b3b;font-weight:700;">BECEKWIN</a> hadir sebagai platform gaming online dengan konsep modern, navigasi ringkas, dan susunan kategori yang dirancang agar informasi permainan lebih mudah ditemukan. Fokus utamanya adalah memberikan pengalaman menjelajah yang praktis melalui tampilan yang responsif di berbagai perangkat.</p>
3162               <p style="text-align: justify;">Dengan pilihan permainan digital yang beragam, pengguna dapat menelusuri kategori berdasarkan tema, fitur, dan karakter permainan. Setiap permainan memiliki aturan serta mekanisme yang berbeda, sehingga informasi permainan sebaiknya dibaca terlebih dahulu sebelum digunakan.</p>
3163               <h2 class="cyber-title">Eksplorasi Permainan di BECEKWIN</h2>
3164               <p style="text-align: justify;">BECEKWIN menyusun pilihan permainan dalam tampilan yang sederhana sehingga pengguna dapat berpindah kategori tanpa banyak langkah. Mulai dari tema klasik hingga konsep visual modern, setiap kategori menawarkan karakteristik dan fitur yang berbeda untuk dijelajahi.</p>
3165               <p style="text-align: justify;">Beberapa permainan dapat memiliki fitur bonus, putaran tambahan, simbol khusus, atau multiplier sesuai aturan masing-masing. Karena hasil permainan bersifat tidak pasti, pengguna sebaiknya memahami ketentuan dan mengatur batas penggunaan dana secara bijak.</p>
3166               <h2 class="cyber-title">Akses Praktis dengan Navigasi Modern</h2>
3167               <p style="text-align: justify;">Konsep BECEKWIN menempatkan kemudahan navigasi sebagai bagian penting dari pengalaman pengguna. Struktur halaman, menu, dan tombol akses dibuat tetap familiar sehingga informasi yang dibutuhkan dapat ditemukan dengan lebih cepat.</p>
3168               <p style="text-align: justify;">Tampilan bernuansa merah, crimson, dan hitam memberikan karakter visual yang lebih tegas tanpa mengubah struktur utama halaman. Dengan desain responsif, halaman tetap dapat digunakan pada layar desktop maupun perangkat mobile.</p>
3169               <p style="text-align: justify;">BECEKWIN juga menekankan pentingnya membaca informasi permainan sebelum memulai. Tidak ada permainan yang dapat menjamin kemenangan atau hasil maksimal; setiap hasil bergantung pada mekanisme permainan yang berlaku dan mengandung risiko.</p>
3170             </div>
3171      <div class="cyber-footer"> BECEKWIN </div>
3172      </article>
3173    </div>
3174    </div>
3175    <div class="yokai-panel-wrapper">
3176      <div class="yokai-panel-content">
3177        <div class="toto-header">
3178          <h2>FAQ BECEKWIN</h2>
3179          <span>PANDUAN & INFORMASI UNTUK PEMAIN</span>
3180        </div>
3181        <div class="toto-faq-list">
3182           <div class="yokai-item"><button class="toto-question"> Apa yang menjadi konsep utama BECEKWIN? <span class="toto-icon">+</span></button><div class="toto-answer"><div class="toto-answer-inner"><p>BECEKWIN mengusung konsep akses gaming online yang praktis dengan navigasi sederhana, tampilan modern, dan kategori permainan yang disusun agar mudah dijelajahi.</p></div></div></div>
3183           <div class="yokai-item"><button class="toto-question">
3183 Bagaimana cara menemukan permainan yang sesuai di BECEKWIN? <span class="toto-icon">+</span></button><div class="toto-answer"><div class="toto-answer-inner"><p>Gunakan kategori, tema, dan informasi fitur sebagai bahan pertimbangan. Setiap permainan memiliki mekanisme berbeda, jadi baca aturan permainan terlebih dahulu sebelum menggunakannya.</p></div></div></div>
3184           <div class="yokai-item"><button class="toto-question"> Apakah setiap permainan memiliki fitur yang sama? <span class="toto-icon">+</span></button><div class="toto-answer"><div class="toto-answer-inner"><p>Tidak. Fitur seperti bonus, putaran tambahan, simbol khusus, dan multiplier bergantung pada permainan masing-masing. Detailnya dapat berbeda antara satu game dan lainnya.</p></div></div></div>
3185           <div class="yokai-item"><button class="toto-question"> Apakah BECEKWIN dapat digunakan melalui perangkat mobile? <span class="toto-icon">+</span></button><div class="toto-answer"><div class="toto-answer-inner"><p>Struktur halaman BECEKWIN dipertahankan responsif sehingga dapat menyesuaikan tampilan pada desktop maupun layar mobile selama browser dan koneksi mendukung.</p></div></div></div>
3186           <div class="yokai-item"><button class="toto-question"> Apa yang perlu diperhatikan sebelum bermain? <span class="toto-icon">+</span></button><div class="toto-answer"><div class="toto-answer-inner"><p>Pahami aturan dan mekanisme permainan, gunakan dana yang memang siap untuk berisiko, dan tetapkan batas waktu maupun pengeluaran. Hasil permainan tidak dapat dijamin.</p></div></div></div>
3187         </div>
3188         <div class="yokai-panel-footer"> JELAJAHI BECEKWIN DENGAN NAVIGASI PRAKTIS DAN TAMPILAN MODERN </div>
3189      </div>
3190    </div>
3191    
3191<script>
3192      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 = '-'; } }); }); });
3193    </script>
3193
3194    </div>
3195    <!-- (ads.right.2) -->
3196    <!-- trending-->
3197    <!-- trending-->
3198    <!-- (ads.right.3) -->
3199    <!-- previous-->
3200    </div>
3201    </div>
3202    </div>
3203    <!-- footer-->
3204    <!-- modals -->
3205    <div id="kcm-modals">
3206      <div class="modals__content"></div>
3207    </div>
3208    <div id="sso_g_signin"></div>
3209    <!-- footer -->
3210    <div class="footerMain clearfix">
3211      <div class="container">
3212        <div class="footerWrap">
3213          <div class="footerCol-column">
3214            <div class="footerLogo">
3215              <a href="https://fg-kmd.de/" data-google-interstitial="false">
3216                <img class="lozad" data-src="https://fg-kmd.de/img/logo-hd-becekwin.webp" alt="BECEKWIN: Akses Gaming Online Praktis dengan Pilihan Permainan Beragam" width="207" height="26">
3217              </a>
3218            </div>
3219            <div class="footerSosmed">
3220              <ul class="footerSosmed-wrap">
3221                <li>
3222                  <a href="https://www.facebook.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="Facebook">
3223                    <div class="iconSos iconSos-facebook"></div>
3224                  </a>
3225                </li>
3226                <li>
3227                  <a href="https://www.twitter.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="X">
3228                    <div class="iconSos iconSos-x"></div>
3229                  </a>
3230                </li>
3231                <li>
3232                  <a href="https://t.me/kompascomupdate" target="_blank" class="footerSosmed-link" aria-label="Telegram">
3233                    <div class="iconSos iconSos-telegram"></div>
3234                  </a>
3235                </li>
3236                <li>
3237                  <a href="https://instagram.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="Instagram">
3238                    <div class="iconSos iconSos-instagram"></div>
3239                  </a>
3240                </li>
3241              </ul>
3242              <ul class="footerSosmed-wrap">
3243                <li>
3244                  <a href="https://www.youtube.com/c/mykompascom" target="_blank" class="footerSosmed-link" aria-label="Youtube">
3245                    <div class="iconSos iconSos-youtube"></div>
3246                  </a>
3247                </li>
3248                <li>
3249                  <a href="https://fg-kmd.de/reviews" target="_blank" class="footerSosmed-link" aria-label="Whatsapp">
3250                    <div class="iconSos iconSos-whatsapp"></div>
3251                  </a>
3252                </li>
3253                <li>
3254                  <a href="https://www.tiktok.com/@kompascom?lang&#x3D;en" target="_blank" class="footerSosmed-link" aria-label="Tiktok">
3255                    <div class="iconSos iconSos-tiktok"></div>
3256                  </a>
3257                </li>
3258              </ul>
3259            </div>
3260            <div class="footerDownload">
3261              <ul class="footerDownload-wrap">
3262                <li>
3263                  <a href="https://apps.apple.com/id/app/kompas-com-berita-terpercaya/id535483055" target="_blank">
3264                    <div class="footerDownload-store">
3265                      <img class="lozad" data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-appstore.png" alt="apple store">
3266                    </div>
3267                  </a>
3268                </li>
3269                <li>
3270                  <a href="https://play.google.com/store/apps/details?id=com.ertanto.kompas.official&hl=en&gl=US" target="_blank">
3271                    <div class="footerDownload-store">
3272                      <img class="lozad" data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-playstore.png" alt="google store">
3273                    </div>
3274                  </a>
3275                </li>
3276              </ul>
3277            </div>
3278            <div class="footerAchievement">
3279              <div class="footerAchievement-title"> Penghargaan dan sertifikat: </div>
3280              <div class="footerAchievement-wrap">
3281                <div class="footerAchievement-item">
3282                  <a href="#" class="footerAchievement-link">
3283                    <div class="footerAchievement-img">
3284                      <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">
3285                    </div>
3286                  </a>
3287                </div>
3288                <div class="footerAchievement-item">
3289                  <div class="footerAchievement-link">
3290                    <a href="https://money.kompas.com/read/2019/08/01/124215826/kompascom-kembali-jadi-pemenang-kategori-media-online-tepercaya" class="footerAchievement-link">
3291                      <div class="footerAchievement-img">
3292                        <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">
3293                      </div>
3294                    </a>
3295                  </div>
3296                </div>
3297                <div class="footerAchievement-item">
3298                  <a href="https://ifcncodeofprinciples.poynter.org/profile/pt-kompas-cyber-media" class="footerAchievement-link" target="_blank">
3299                    <div class="footerAchievement-img">
3300                      <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">
3301                    </div>
3302                  </a>
3303                </div>
3304              </div>
3305            </div>
3306            <div class="footerNewsletter">
3307              <div class="footerNewsletter-title"> Dapatkan Keseruan dan Permainan Menyenangkan di BECEKWIN </div>
3308              <div class="footerNewsletter-cta">
3309                <a href="https://fg-kmd.de/reviews" class="footerNewsletter-link" rel="nofollow">
3310                  <i class="iconNewsletter"></i> DAFTAR </a>
3311              </div>
3312            </div>
3313          </div>
3314          <div class="footerCol-nav">
3315            <div class="footerMenu-title">Kanal</div>
3316            <div class="footerMenu">
3317              <ul class="footerMenu-wrap">
3318                <li>
3319                  <a href="/" class="footerMenu-link">News</a>
3320                </li>
3321                <li>
3322                  <a href="/" class="footerMenu-link">Nasional</a>
3323                </li>
3324                <li>
3325                  <a href="/" class="footerMenu-link">Global</a>
3326                </li>
3327                <li>
3328                  <a href="/" class="footerMenu-link">Megapolitan</a>
3329                </li>
3330                <li>
3331                  <a href="/" class="footerMenu-link">
3331Regional</a>
3332                </li>
3333                <li>
3334                  <a href="/" class="footerMenu-link">Pemilu</a>
3335                </li>
3336                <li>
3337                  <a href="/" class="footerMenu-link">IKN</a>
3338                </li>
3339                <li>
3340                  <a href="/" class="footerMenu-link">Bola</a>
3341                </li>
3342                <li>
3343                  <a href="/" class="footerMenu-link">Tekno</a>
3344                </li>
3345                <li>
3346                  <a href="/" class="footerMenu-link">Otomotif</a>
3347                </li>
3348                <li>
3349                  <a href="/" class="footerMenu-link">Entertainment</a>
3350                </li>
3351                <li>
3352                  <a href="/" class="footerMenu-link">Sains</a>
3353                </li>
3354                <li>
3355                  <a href="/" class="footerMenu-link">Health</a>
3356                </li>
3357                <li>
3358                  <a href="/" class="footerMenu-link">Money</a>
3359                </li>
3360                <li>
3361                  <a href="/" class="footerMenu-link">Tren</a>
3362                </li>
3363                <li>
3364                  <a href="/" class="footerMenu-link">Properti</a>
3365                </li>
3366                <li>
3367                  <a href="/" class="footerMenu-link">Lifestyle</a>
3368                </li>
3369                <li>
3370                  <a href="/" class="footerMenu-link">Hype</a>
3371                </li>
3372                <li>
3373                  <a href="/" class="footerMenu-link">Travel</a>
3374                </li>
3375                <li>
3376                  <a href="/" class="footerMenu-link">Homey</a>
3377                </li>
3378                <li>
3379                  <a href="/" class="footerMenu-link">Food</a>
3380                </li>
3381                <li>
3382                  <a href="/" class="footerMenu-link">UMKM</a>
3383                </li>
3384                <li>
3385                  <a href="/" class="footerMenu-link">Edukasi</a>
3386                </li>
3387                <li>
3388                  <a href="/" class="footerMenu-link">Parapuan</a>
3389                </li>
3390                <li>
3391                  <a href="/" class="footerMenu-link">Foto</a>
3392                </li>
3393                <li>
3394                  <a href="/" class="footerMenu-link">Video</a>
3395                </li>
3396                <li>
3397                  <a href="/" class="footerMenu-link">Kolom</a>
3398                </li>
3399                <li>
3400                  <a href="/" class="footerMenu-link">VIK</a>
3401                </li>
3402                <li>
3403                  <a href="/" class="footerMenu-link">JEO</a>
3404                </li>
3405                <li>
3406                  <a href="/" class="footerMenu-link">Lestari</a>
3407                </li>
3408                <li>
3409                  <a href="/" class="footerMenu-link">Ohayo Jepang</a>
3410                </li>
3411                <li>
3412                  <a href="/" class="footerMenu-link">Pesona Indonesia</a>
3413                </li>
3414                <li>
3415                  <a href="/" class="footerMenu-link">Play</a>
3416                </li>
3417                <li>
3418                  <a href="/" class="footerMenu-link">Artikel Terpopuler</a>
3419                </li>
3420                <li>
3421                  <a href="/" class="footerMenu-link">Artikel Terkini</a>
3422                </li>
3423                <li>
3424                  <a href="/" class="footerMenu-link">Topik Pilihan</a>
3425                </li>
3426                <li>
3427                  <a href="/" class="footerMenu-link">Artikel Headline</a>
3428                </li>
3429              </ul>
3430            </div>
3431          </div>
3432          <div class="footerCol-nav --colNetwork">
3433            <div class="footerMenu-title">Network</div>
3434            <div class="footerMenu">
3435              <ul class="footerMenu-wrap">
3436                <li>
3437                  <a href="/" class="footerMenu-link" target="_blank">BECEKWIN</a>
3438                </li>
3439                <li>
3440                  <a href="/" class="footerMenu-link" target="_blank">LOGIN BECEKWIN</a>
3441                </li>
3442                <li>
3443                  <a href="/" class="footerMenu-link" target="_blank">BECEKWIN DAFTAR</a>
3444                </li>
3445                <li>
3446                  <a href="/" class="footerMenu-link" target="_blank">Kompasiana</a>
3447                </li>
3448                <li>
3449                  <a href="/" class="footerMenu-link" target="_blank">KG Media</a>
3450                </li>
3451                <li>
3452                  <a href="/" class="footerMenu-link" target="_blank">KGNow!</a>
3453                </li>
3454                <li>
3455                  <a href="/" class="footerMenu-link" target="_blank">Pasangiklan.com</a>
3456                </li>
3457                <li>
3458                  <a href="/" class="footerMenu-link" target="_blank">Kontan</a>
3459                </li>
3460                <li>
3461                  <a href="/" class="footerMenu-link" target="_blank">Sonora</a>
3462                </li>
3463                <li>
3464                  <a href="/" class="footerMenu-link" target="_blank">Grid.ID</a>
3465                </li>
3466                <li>
3467                  <a href="/" class="footerMenu-link" target="_blank">GridOto.com</a>
3468                </li>
3469                <li>
3470                  <a href="/" class="footerMenu-link" target="_blank">BolaSport.com</a>
3471                </li>
3472                <li>
3473                  <a href="/" class="footerMenu-link" target="_blank">Parapuan</a>
3474                </li>
3475                <li>
3476                  <a href="/" class="footerMenu-link" target="_blank">Tribunnews</a>
3477                </li>
3478                <li>
3479                  <a href="/" class="footerMenu-link" target="_blank">Gramedia.com</a>
3480                </li>
3481                <li>
3482                  <a href="/" class="footerMenu-link" target="_blank">Gramedia Digital</a>
3483                </li>
3484              </ul>
3485            </div>
3486          </div>
3487        </div>
3488        <div class="footerBottom">
3489          <div class="footerBottom-wrap">
3490            <ul class="footerBottom-menu">
3491              <li>
3492                <a class="footerMenu-link" href="/">Kabar Palmerah</a>
3493              </li>
3494              <li>
3495                <a class="footerMenu-link" href="/">About Us</a>
3496              </li>
3497              <li>
3498                <a class="footerMenu-link" href="/">Advertise</a>
3499              </li>
3500              <li>
3501                <a class="footerMenu-link" href="/">Ketentuan Penggunaan</a>
3502              </li>
3503              <li>
3504                <a class="footerMenu-link" href="/">Kebijakan Data Pribadi</a>
3505              </li>
3506              <li>
3507                <a class="footerMenu-link" href="/">Pedoman Media Siber</a>
3508              </li>
3509              <li>
3510                <a class="footerMenu-link" href="/">Career</a>
3511              </li>
3512              <li>
3513                <a class="footerMenu-link" href="/">Contact Us</a>
3514              </li>
3515            </ul>
3516          </div>
3517          <div class="footerCopyright">
3518            <p>Copyright 2026 BECEKWIN. All Rights Reserved.</p>
3519          </div>
3520        </div>
3521      </div>
3522    </div>
3523    </div>
3524    <style>
3525      @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Exo+2:wght@400;700&display=swap');
3526
3527      .yokai-panel-wrapper {
3528        max-width: 900px;
3529        margin: 60px auto;
3530        position: relative;
3531        background:
3532          radial-gradient(circle at top left, rgba(255, 215, 130, .10), transparent 28%),
3533          radial-gradient(circle at bottom right, rgba(22, 163, 74, .10), transparent 32%),
3534          linear-gradient(145deg, #0a0907, #15120d 55%, #1c1710);
3535        border: 1px solid rgba(1, 60, 255, 0.18);
3536        border-radius: 20px;
3537        box-shadow:
3538          0 0 0 1px rgba(0, 136, 255, 0.05) inset,
3539          0 0 30px rgba(255, 215, 130, .07),
3540          0 0 60px rgba(22, 163, 74, .08),
3541          0 20px 50px rgba(0, 0, 0, .65);
3542        overflow: hidden;
3543        backdrop-filter: blur(8px);
3544        -webkit-backdrop-filter: blur(8px);
3545      }
3546
3547      .yokai-panel-wrapper::before {
3548        content: '';
3549        position: absolute;
3550        inset: 0;
3551        background-image:
3552          linear-gradient(rgba(0, 135, 254, 0.028) 1px, transparent 1px),
3553          linear-gradient(90deg, rgba(22, 104, 163, 0.028) 1px, transparent 1px);
3554        background-size: 26px 26px;
3555        pointer-events: none;
3556        z-index: 0;
3557      }
3558
3559      .yokai-panel-wrapper::after {
3560        content: '';
3561        position: absolute;
3562        top: 0;
3563        left: 0;
3564        width: 100%;
3565        height: 4px;
3566        background: linear-gradient(90deg, #b3122f, #ff4b4b, #2a475e, #00249a);
3567        background-size: 300% 100%;
3568        z-index: 2;
3569        box-shadow: 0 0 20px rgba(0, 157, 248, 0.28);
3570        animation: topGlow 6s linear infinite;
3571      }
3572
3573      .yokai-panel-content {
3574        padding: 40px;
3575        position: relative;
3576        z-index: 1;
3577      }
3578
3579      .toto-header {
3580        margin-bottom: 30px;
3581        border-left: 5px solid #ff4b4b;
3582        padding-left: 20px;
3583        display: flex;
3584        flex-direction: column;
3585        position: relative;
3586      }
3587
3588      .toto-header::after {
3589        content: '';
3590        width: 80px;
3591        height: 2px;
3592        margin-top: 12px;
3593        background: linear-gradient(90deg, #ff4b4b, #2a475e);
3594        box-shadow: 0 0 12px rgba(255, 59, 48, .30);
3595      }
3596
3597      .toto-header h2 {
3598        font-family: 'Chakra Petch', sans-serif;
3599        font-size: 28px;
3600        font-weight: 700;
3601        color: #fff7f7;
3602        text-transform: uppercase;
3603        letter-spacing: 2px;
3604        margin: 0;
3605        text-shadow:
3606          0 0 10px rgba(0, 47, 255, 0.1),
3607          0 0 18px rgba(22, 163, 74, .08);
3608      }
3609
3610      .toto-header span {
3611        font-family: 'Exo 2', sans-serif;
3612        font-size: 12px;
3613        color: #b89d72;
3614        letter-spacing: 4px;
3615        margin-top: 6px;
3616        font-weight: 600;
3617      }
3618
3619      .toto-faq-list {
3620        display: flex;
3621        flex-direction: column;
3622        gap: 14px;
3623      }
3624
3625      .yokai-item {
3626        background:
3627          linear-gradient(145deg, rgba(24, 18, 13, .94), rgba(16, 12, 9, .97));
3628        border: 1px solid rgba(255, 215, 130, .09);
3629        border-radius: 16px;
3630        transition: all 0.35s ease;
3631        position: relative;
3632        overflow: hidden;
3633        box-shadow: 0 8px 20px rgba(0, 0, 0, .22);
3634      }
3635
3636      .yokai-item::before {
3637        content: '';
3638        position: absolute;
3639        inset: 0;
3640        background: linear-gradient(90deg, rgba(255, 215, 130, .04), transparent, rgba(22, 163, 74, .05));
3641        opacity: 0;
3642        transition: opacity .35s ease;
3643        pointer-events: none;
3644      }
3645
3646      .yokai-item:hover {
3647        border-color: rgba(255, 215, 130, .24);
3648        transform: translateY(-3px);
3649        box-shadow:
3650          0 0 18px rgba(1, 95, 246, 0.08),
3651          0 14px 28px rgba(0, 0, 0, .35);
3652      }
3653
3654      .yokai-item:hover::before {
3655        opacity: 1;
3656      }
3657
3658      .yokai-item.active {
3659        border-color: rgba(0, 89, 255, 0.34);
3660        background:
3661          linear-gradient(145deg, rgba(28, 22, 16, .98), rgba(18, 14, 10, .98));
3662        transform: translateY(-3px);
3663        box-shadow:
3664          0 0 22px rgba(0, 47, 255, 0.1),
3665          0 0 40px rgba(22, 163, 74, .06),
3666          0 14px 30px rgba(0, 0, 0, .42);
3667      }
3668
3669      .toto-question {
3670        width: 100%;
3671        padding: 20px 24px;
3672        background: transparent;
3673        border: none;
3674        color: #e3d5bf;
3675        font-family: 'Chakra Petch', sans-serif;
3676        font-size: 15px;
3677        font-weight: 600;
3678        text-align: left;
3679        cursor: pointer;
3680        display: flex;
3681        justify-content: space-between;
3682        align-items: center;
3683        gap: 15px;
3684        text-transform: uppercase;
3685        letter-spacing: 1px;
3686        transition: all 0.3s ease;
3687      }
3688
3689      .yokai-item.active .toto-question {
3690        color: #fffafa;
3691        text-shadow: 0 0 10px rgba(1, 95, 246, 0.08);
3692      }
3693
3694      .toto-icon {
3695        min-width: 34px;
3696        min-height: 34px;
3697        display: flex;
3698        align-items: center;
3699        justify-content: center;
3700        font-size: 18px;
3701        font-weight: bold;
3702        color: #bfa57d;
3703        border-radius: 50%;
3704        background: rgba(4, 234, 255);
3705        border: 1px solid rgba(0, 162, 255, 0.08);
3706        transition: all .35s ease;
3707        box-shadow: inset 0 0 10px rgba(255, 255, 255, .02);
3708      }
3709
3710      .yokai-item.active .toto-icon {
3711        color: #1d140a;
3712        background: linear-gradient(135deg, #b3122f, #ff4b4b, #2a475e);
3713        border-color: transparent;
3714        transform: rotate(45deg) scale(1.05);
3715        box-shadow:
3716          0 0 15px rgba(0, 157, 248, 0.28),
3717          0 0 25px rgba(22, 163, 74, .16);
3718      }
3719
3720      .toto-answer {
3721        max-height: 0;
3722        overflow: hidden;
3723        transition: max-height 0.45s ease;
3724        background: linear-gradient(180deg, rgba(8, 11, 12, 0.72), rgba(0, 58, 250, 0.95));
3725      }
3726
3727      .toto-answer-inner {
3728        padding: 0 24px 24px 24px;
3729        font-family: 'Exo 2', sans-serif;
3730        font-size: 15px;
3731        line-height: 1.75;
3732        color: #d7c8b0;
3733      }
3734
3735      .toto-answer p {
3736        margin: 0;
3737        border-left: 3px solid rgba(1, 60, 255, 0.18);
3738        padding-left: 16px;
3739        text-align: justify;
3740      }
3741
3742      .yokai-item.active .toto-answer p {
3743        border-color: #0085f1;
3744        box-shadow: inset 1px 0 0 rgba(0, 47, 255, 0.1);
3745      }
3746
3747      .yokai-panel-footer {
3748        margin-top: 30px;
3749        border-top: 1px solid rgba(0, 162, 255, 0.08);
3750        padding-top: 16px;
3751        text-align: right;
3752        font-family: 'Chakra Petch', monospace;
3753        font-size: 10px;
3754        color: #9d8660;
3755        letter-spacing: 2px;
3756        opacity: .85;
3757      }
3758
3759      @keyframes topGlow {
3760        0% {
3761          background-position: 0% 50%;
3762        }
3763
3764        100% {
3765          background-position: 300% 50%;
3766        }
3767      }
3768
3769      @media (max-width: 768px) {
3770        .yokai-panel-content {
3771          padding: 20px;
3772        }
3773
3774        .toto-header h2 {
3775          font-size: 22px;
3776        }
3777
3778        .toto-header span {
3779          font-size: 11px;
3780          letter-spacing: 2px;
3781        }
3782
3783        .toto-question {
3784          font-size: 13px;
3785          padding: 16px 18px;
3786        }
3787
3788        .toto-answer-inner {
3789          padding: 0 18px 18px 18px;
3790          font-size: 14px;
3791        }
3792
3793        .toto-icon {
3794          min-width: 30px;
3795          min-height: 30px;
3796          font-size: 16px;
3797        }
3798      }
3799
3800      /* =========================
3801   FIX MENU MOBILE RESPONSIVE
3802========================= */
3803      @media (max-width: 768px) {
3804
3805        html,
3806        body {
3807          overflow-x: hidden !important;
3808          max-width: 100% !important;
3809        }
3810
3811        .header,
3812        .nav,
3813        .container,
3814        .nav__wrap {
3815          width: 100% !important;
3816          max-width: 100% !important;
3817          min-width: 0 !important;
3818        }
3819
3820        .container {
3821          padding-left: 12px !important;
3822          padding-right: 12px !important;
3823          margin-left: auto !important;
3824          margin-right: auto !important;
3825        }
3826
3827        .nav {
3828          overflow: hidden !important;
3829        }
3830
3831        .nav__wrap {
3832          display: block !important;
3833          padding: 8px 0 !important;
3834          min-height: auto !important;
3835        }
3836
3837        .nav__row {
3838          display: flex !important;
3839          flex-wrap: nowrap !important;
3840          overflow-x: auto !important;
3841          overflow-y: hidden !important;
3842          white-space: nowrap !important;
3843          gap: 6px !important;
3844          padding: 0 0 8px 0 !important;
3845          margin: 0 !important;
3846          list-style: none !important;
3847          -webkit-overflow-scrolling: touch;
3848          scrollbar-width: none;
3849        }
3850
3851        .nav__row::-webkit-scrollbar {
3852          display: none;
3853        }
3854
3855        .nav__item {
3856          flex: 0 0 auto !important;
3857          width: auto !important;
3858        }
3859
3860        .nav__link {
3861          display: inline-flex !important;
3862          align-items: center !important;
3863          justify-content: center !important;
3864          min-height: 36px !important;
3865          padding: 0 12px !important;
3866          font-size: 11px !important;
3867          line-height: 1 !important;
3868          white-space: nowrap !important;
3869          border-radius: 10px !important;
3870        }
3871
3872        .nav__sub,
3873        .navSub,
3874        #lestariMenu {
3875          display: none !important;
3876        }
3877
3878        .menu-plus-sticky {
3879          display: inline-flex !important;
3880          width: auto !important;
3881          max-width: 220px !important;
3882          margin-top: 8px !important;
3883          padding: 10px 14px !important;
3884          font-size: 12px !important;
3885          white-space: nowrap !important;
3886        }
3887
3888        .logo--sticky {
3889          display: none !important;
3890        }
3891      }
3892
3893      @media (max-width: 480px) {
3894        .nav__link {
3895          font-size: 10px !important;
3896          padding: 0 10px !important;
3897          min-height: 34px !important;
3898        }
3899
3900        .menu-plus-sticky {
3901          font-size: 11px !important;
3902          padding: 9px 12px !important;
3903        }
3904      }
3905
3906      .yokai-item,
3907      .toto-icon {
3908        position: relative;
3909        overflow: hidden;
3910      }
3911
3912      .yokai-item::after,
3913      .toto-icon::after {
3914        content: "";
3915        position: absolute;
3916        top: 0;
3917        left: -130%;
3918        width: 60%;
3919        height: 100%;
3920        background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .14), transparent);
3921        transition: .8s;
3922      }
3923
3924      .yokai-item:hover::after,
3925      .toto-icon:hover::after {
3926        left: 130%;
3927      }
3928    </style>
3929    
3929<script src="https://asset.kompas.com/data/2022/12/27/1003/kompascom/copy_credit.min.js"></script>
3929
3930    
3930<script src="https://asset.kompas.com/data/2025/07/18/sso/js/sso_g_signin_fedcm.min.js"></script>
3930
3931    
3931<script type="text/javascript">popup_enabled=["kgmModal-age","kgmModal-cookie","kgmModal-onetap-kompasplusreminder","kgmModal-verify-v2","kgmModal-onetap","kgmModal-onetap"]</script>
3931
3932    
3932<script src="https://asset.kompas.com/data/2025/02/27/sso/js/popup_manager.min.js"></script>
3932
3933    <!-- 
3933<script src="https://asset.kompas.com/data/2017/wp/js/radio-stream.js"></script>
3933 -->
3934    
3934<script src="https://asset.kompas.com/data/2017/wp/js/slick.min.js"></script>
3934
3935    
3935<script src="https://asset.kompas.com/data/2017/wp/js/jquery.sticky-kit.min.js"></script>
3935
3936    
3936<script src="https://asset.kompas.com/data/2017/wp/js/jquery.marquee.min.js?v=11"></script>
3936
3937    
3937<script src="https://asset.kompas.com/data/2017/wp/js/jquery.lazyload.min.js"></script>
3937
3938    
3938<script src="https://asset.kompas.com/data/2025/08/08/wp/desktop/js/main.min.js"></script>
3938
3939    
3939<script src="https://asset.kompas.com/data/2025/01/21/sso/js/sso_personalisasi.min.js"></script>
3939
3940    
3940<script src="https://asset.kompas.com/data/2025/03/11/sso/js/sdk-cookie-consent.min.js"></script>
3940
3941    
3941<script src="https://asset.kompas.com/data/2025/sso/extender.min.js?v=113"></script>
3941
3942    
3942<script src="https://asset.kompas.com/data/2022/sso/js/ssouser.min.js?v=2"></script>
3942
3943    
3943<script src="https://asset.kompas.com/data/2017/wp/js/main-photo-article.min.js?v=6"></script>
3943
3944    
3944<script src="https://asset.kompas.com/data/2017/wp/js/photoswipe.min.js"></script>
3944
3945    
3945<script src="https://asset.kompas.com/data/2017/wp/js/photoswipe-ui-default.min.js"></script>
3945
3946    
3946<script src="https://asset.kompas.com/data/2025/05/14/cuaca/desktop/js/main-article.min.js"></script>
3946
3947    
3947<script src="https://asset.kompas.com/data/2017/wp/js/bootstrap-datepicker.min.js"></script>
3947
3948    
3948<script src="https://asset.kompas.com/data/2017/wp/js/jquery.magnific-popup.min.js"></script>
3948
3949    
3949<script src="https://asset.kompas.com/data/2025/07/18/kompascom/desktop/js/main-comment.min.js"></script>
3949
3950    <!-- infografis zoom-->
3951    <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
3952      <div class="pswp__bg"></div>
3953      <div class="pswp__scroll-wrap">
3954        <div class="pswp__container">
3955          <div class="pswp__item"></div>
3956          <div class="pswp__item"></div>
3957          <div class="pswp__item"></div>
3958        </div>
3959        <div class="pswp__ui pswp__ui--hidden">
3960          <div class="pswp__top-bar">
3961            <div class="pswp__counter"></div>
3962            <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
3963            <button class="pswp__button pswp__button--share" title="Share"></button>
3964            <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
3965            <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
3966            <div class="pswp__preloader">
3967              <div class="pswp__preloader__icn">
3968                <div class="pswp__preloader__cut">
3969                  <div class="pswp__preloader__donut"></div>
3970                </div>
3971              </div>
3972            </div>
3973          </div>
3974          <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
3975            <div class="pswp__share-tooltip"></div>
3976          </div>
3977          <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
3978          <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
3979          <div class="pswp__caption">
3980            <div class="pswp__caption__center"></div>
3981          </div>
3982        </div>
3983      </div>
3984    </div>
3985    
3985<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>
3985
3986    
3986<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>
3986
3987    
3987<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>
3987
3988    
3988<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>
3988
3989    
3989<script src="https://asset.kompas.com/data/2024/08/26/kgmverify/js/kgmverify.min.js"></script>
3989
3990    
3990<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>
3990
3991    
3991<script async src="https://asset.kompas.com/data/2025/02/03/1452/freepremium_newsletter.js"></script>
3991
3992    
3992<script async src="https://asset.kompas.com/data/2025/01/14/js/kompasplus_reminder.js"></script>
3992
3993    <div class="modalContent reactionModal" data-modal-target="reaction-share">
3994      <div class="modalHeader">
3995        <div class="modalTitle"></div>
3996        <button class="button buttonDismiss modalDismiss" aria-label="Close" data-modal-button="dismiss">
3997          <span class="icoBase icoDismiss"></span>
3998        </button>
3999      </div>
4000      <div class="modalBody socmedModal">
4001        <div class="socmedTitle">Bagikan artikel ini melalui</div>
4002        <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>
4003        <textarea class="socmedSrc" type="text" id="copyLinkUrl" value="" style="display: none;"></textarea>
4004      </div>
4005    </div>
4006    
4006<script>
4007      (function() {
4008        $('body').on('click', '.reaction > * .buttonShare, .listPop > * .buttonShare', function(e) {
4009          if ($(this).data("type") == 'buku') {
4010            let title = $(this).data("title");
4011            let url = $(this).data("url").replace('http://', 'https://');
4012            let copy_link = url;
4013            let modals = $('.reactionModal');
4014            modals.find('.modalTitle').html(title);
4015            modals.find('#copyLinkUrl').html(copy_link);
4016            modals.find('.socmedTitle').html('Bagikan buku ini melalui');
4017            modals.find('.buttonFacebook').attr("onclick", `fb_share('$BECEKWIN: Akses Gaming Online Praktis dengan Pilihan Permainan Beragam','$https://fg-kmd.de/')`);
4018            modals.find('.buttonTwitter').attr("onclick", `tweet_share('$https://fg-kmd.de/')`);
4019            modals.find('.buttonWhatsapp').attr("onclick", `whatsapp_share_new('', '$https://fg-kmd.de/')`);
4020            modals.find('.buttonLine').attr("href", `https://line.me/R/msg/text/?$https://fg-kmd.de/`);
4021            modals.find('.buttonTelegram').attr("onclick", `telegram_share('$BECEKWIN: Akses Gaming Online Praktis dengan Pilihan Permainan Beragam', '$https://fg-kmd.de/')`);
4022          } else {
4023            let title = $(this).data("title");
4024            let url = $(this).data("url").replace('http://', 'https://');
4025            let campaign = $(this).data("campaign");
4026            let modals = $('.reactionModal');
4027            let tagline_tw = ''; //'\\n\\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus2 \\nDownload aplikasi: https://kmp.im/app2';
4028            let tagline_wa = ''; //'\\n\\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus3 \\nDownload aplikasi: https://kmp.im/app3';
4029            let tagline_ln = ''; //'%0D%0A%0D%0AKompascom%2B baca berita tanpa iklan: https://kmp.im/plus4%0D%0ADownload aplikasi: https://kmp.im/app4';
4030            let tagline_tg = ''; //'%0D%0A%0D%0AKompascom%2B baca berita tanpa iklan: https://kmp.im/plus5%0D%0ADownload aplikasi: https://kmp.im/app5';
4031            let type = $(this).data("type") ? $(this).data("type") : 'article';
4032            let title_klik = (type == 'article') ? 'Klik untuk baca' : 'Klik untuk lihat video';
4033            let title_wa = '*' + title + '*\\n\\n' + title_klik + ':\\n';
4034            let title_tele = '**' + title + '**';
4035            let utm_campaign = custom_utm_campaign();
4036            let copy_link = url + '?utm_source=Various&utm_medium=Referral&utm_campaign=' + utm_campaign;
4037            modals.find('.modalTitle').html(title);
4038            modals.find('#copyLinkUrl').html(copy_link);
4039            modals.find('.buttonFacebook').attr("onclick", `fb_share('$BECEKWIN: Akses Gaming Online Praktis dengan Pilihan Permainan Beragam','$https://fg-kmd.de/?utm_source=Facebook&utm_medium=Referral&utm_campaign=${utm_campaign}')`);
4040            if (title.length < 200) {
4041              modals.find('.buttonTwitter').attr("onclick", `tweet_share('$BECEKWIN: Akses Gaming Online Praktis dengan Pilihan Permainan Beragam\\n\\n` + title_klik + `: $https://fg-kmd.de/?utm_source=Twitter&utm_medium=Referral&utm_campaign=${utm_campaign}${tagline_tw}')`);
4042            } else {
4043              modals.find('.buttonTwitter').attr("onclick", `tweet_share('$BECEKWIN: Akses Gaming Online Praktis dengan Pilihan Permainan Beragam\\n\\n` + title_klik + `: $https://fg-kmd.de/?utm_source=Twitter&utm_medium=Referral&utm_campaign=${utm_campaign}')`);
4044            }
4045            modals.find('.buttonWhatsapp').attr("onclick", `whatsapp_share_new('${title_wa}', '$https://fg-kmd.de/?utm_source=Whatsapp&utm_medium=Referral&utm_campaign=${utm_campaign}${tagline_wa}')`);
4046            modals.find('.buttonLine').attr("href", `https://line.me/R/msg/text/?$BECEKWIN: Akses Gaming Online Praktis dengan Pilihan Permainan Beragam%0D%0A%0D%0A` + title_klik + `:%0D%0A$https://fg-kmd.de/%3Futm_source=Line%26utm_medium=Referral%26utm_campaign=${utm_campaign}${tagline_ln}`);
4047            modals.find('.buttonTelegram').attr("onclick", `telegram_share('${title_tele}', '$https://fg-kmd.de/?utm_source=Telegram&utm_medium=Referral&utm_campaign=${utm_campaign}', '${tagline_tg}')`);
4048          }
4049          openModal('reaction-share');
4050        });
4051      })();
4052
4053      function custom_utm_campaign() {
4054        if (window.location.hostname.indexOf('activity') == 0) {
4055          if (window.location.pathname == '/saved') {
4056            return 'Saved_Desktop'
4057          } else if (window.location.pathname == '/like') {
4058            return 'Liked_Desktop'
4059          }
4060        } else {
4061          var el_socmedList = document.querySelector('.socmedList');
4062          if (!!el_socmedList) {
4063            var data_area = el_socmedList.getAttribute('data-area');
4064            if (data_area == 'top') {
4065              return 'Top_Desktop'
4066            } else if (data_area == 'bottom') {
4067              return 'Bottom_Desktop'
4068            } else {
4069              return 'AIML_Widget_Desktop'
4070            }
4071          }
4072        }
4073        return 'Sticky_Desktop'
4074      }
4075    </script>
4075
4076    <!-- reaction toast -->
4077    <div class="toast" data-toast="bottom">
4078      <div class="toastContent"></div>
4079      <a href="#" class="button buttonDismiss toastDismiss" aria-label="Dismiss" role="button" data-toast-button="dismiss">Oke</a>
4080    </div>
4081    
4081<script>
4082      var el_badge = document.querySelector('.sso__badge')
4083      var el_badge_menu = document.querySelector('.sso__badge__inline')
4084
4085      function checkSession() {
4086        var badge_temp_session = getCookie("_badge_temp_session")
4087        var badge_session = getCookie("badge_session")
4088        var badge_first_click = getCookie("badge_first_click");
4089        if (badge_temp_session == "" && badge_session == "") {
4090          setCookie("_badge_temp_session", 1)
4091          setCookie("badge_session", 1, 8760)
4092          // console.log("test badge temp 1")
4093        } else if (badge_temp_session == "" && badge_session == 1) {
4094          setCookie("_badge_temp_session", 1)
4095          setCookie("badge_session", 2, 8760)
4096          // console.log("test badge temp 2")
4097        } else if (badge_temp_session == "" && badge_session == 2 && badge_first_click == 1) {
4098          setCookie("_badge_temp_session", 1)
4099          setCookie("badge_session", 3, 8760)
4100          // console.log("test badge temp 3")
4101        }
4102        setCookie("_badge_temp_session", 1)
4103      }
4104      checkSession()
4105
4106      function checkCookieBadgeNps() {
4107        var badge_session = getCookie("badge_session")
4108        var badge_first_click = getCookie("badge_first_click")
4109        var click_icon_badge = getCookie("click_icon_badge")
4110        var feedback_click = getCookie("feedback_click_badge")
4111        // show badge jika sesi berikutnya  
4112        if (badge_session == 2) {
4113          el_badge.style.display = "block"
4114          el_badge_menu.style.display = "block"
4115          // console.log("test 1")    
4116        }
4117        // jika ada di sesi berikutnya dan telah click badge icon utk pertama kali, maka hide badge icon login
4118        if (badge_session == 2 && badge_first_click == 1) {
4119          el_badge.style.display = "none"
4120          // console.log("test 2")  
4121          // jika tidak cek,
4122          // jika ada di sesi berikutnya dan telah click badge icon utk pertama kali
4123          // atau jika di sesi berikutnya dan cookie click icon badge expired
4124          // atau jika di sesi berikutnya dan cookie badge feedback success expired
4125        } 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)) {
4126          el_badge.style.display = "block"
4127          el_badge_menu.style.display = "block"
4128          // console.log("test 3")
4129        }
4130        // hide jika ada cookie click icon badge masih aktif 
4131        // utk cek cookie 2 jam, 1 hari, 1 minggu dan 4 minggu.
4132        if (document.cookie.indexOf("click_icon_badge=") != -1) {
4133          el_badge.style.display = "none"
4134          // console.log("test 4")
4135        }
4136        // jika "Berikan masukkanmu" telah dikilk, maka hide
4137        // jika tidak cek jika sesi > 1 dan cookie feedback click badge "Berikan masukkanmu" expired, maka show
4138        if (document.cookie.indexOf("feedback_click_badge=") != -1) {
4139          el_badge_menu.style.display = "none"
4140          // console.log("test 5")
4141        } else if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge=") == -1) {
4142          el_badge_menu.style.display = "block"
4143          // console.log("test 6")
4144        }
4145        // hide jika telah memberi penilaian 
4146        if (document.cookie.indexOf("badge_feedback_success=") != -1) {
4147          el_badge.style.display = "none"
4148          el_badge_menu.style.display = "none"
4149          // console.log("test 7")
4150        }
4151      }
4152      checkCookieBadgeNps()
4153      var sso__icon__login_top = document.getElementById('sso__icon__login_top')
4154      sso__icon__login_top.addEventListener('click', function() {
4155        var badge_session = getCookie("badge_session")
4156        var badge_first_click = getCookie("badge_first_click")
4157        var feedback_success = getCookie("badge_feedback_success")
4158        var click_icon_badge = getCookie("click_icon_badge")
4159        var click_icon_counter_badge = getCookie("click_icon_counter_badge")
4160        if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) {
4161          // click untuk pertama kali di sesi berikutnya
4162          if (badge_session == 2 && badge_first_click == "") {
4163            el_badge.style.display = "none"
4164            el_badge_menu.style.display = "block"
4165            setCookie("badge_first_click", 1, 8760)
4166            // console.log("click 1")
4167            // click jika sesi berikutnya setelah mengklik icon badge utk pertama kali    
4168          } else {
4169            // jika belum ada cookie click icon badge
4170            // dan ada di sesi berikutnya setelah click icon pertama kali
4171            // dan counter click icon kosong atau 0
4172            if (badge_session == 3 && click_icon_badge == "" && (click_icon_counter_badge == "" || click_icon_counter_badge == 0)) {
4173              setCookie("click_icon_counter_badge", 1, 8760)
4174              setCookie("click_icon_badge", 1, 2)
4175              el_badge.style.display = "none"
4176              el_badge_menu.style.display = "block"
4177              // console.log("clicked 1")
4178              // Jika cookie badge click icon expired dan counter = 1, maka set 1 hari
4179            } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 1) {
4180              setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge) + 1, 8760)
4181              setCookie("click_icon_badge", 2, 24)
4182              el_badge.style.display = "none"
4183              el_badge_menu.style.display = "block"
4184              // console.log("clicked 2")
4185              // Jika cookie badge click icon expired dan counter = 2, maka set 1 minggu
4186            } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 2) {
4187              setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge) + 1, 8760)
4188              setCookie("click_icon_badge", 3, 168)
4189              el_badge.style.display = "none"
4190              el_badge_menu.style.display = "block"
4191              // console.log("clicked 3")
4192              // Jika cookie badge click icon expired dan counter lebih dari 2, maka set 4 minggu
4193            } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge > 2) {
4194              setCookie("click_icon_counter_badge", 0, 8760) // reset badge counter click icon 
4195              setCookie("click_icon_badge", 4, 672)
4196              el_badge.style.display = "none"
4197              el_badge_menu.style.display = "block"
4198              // console.log("clicked 4")
4199            }
4200            // console.log("click 2")
4201          }
4202          // jika feedback click expired dan counter >= 0, maka show
4203          var feedback_click_counter = getCookie("feedback_click_counter_badge")
4204          if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge") == -1 && feedback_click_counter >= 0) {
4205            el_badge_menu.style.display = 'block'
4206          }
4207        }
4208      })
4209      var feedback__item = document.getElementById('feedback__item')
4210      feedback__item.addEventListener("click", function() {
4211        var feedback_click = getCookie("feedback_click_badge")
4212        var feedback_success = getCookie("badge_feedback_success")
4213        var feedback_click_counter = getCookie("feedback_click_counter_badge")
4214        if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) {
4215          // jika belum ada cookie feedback click counter, maka set 2 jam
4216          if (feedback_click_counter == "" || feedback_click_counter == 0) {
4217            setCookie("feedback_click_counter_badge", 1, 8760)
4218            setCookie("feedback_click_badge", 1, 2)
4219            el_badge_menu.style.display = "none"
4220            // console.log("feedback clicked 1")
4221            // Jika cookie feedback click badge expired dan counter 1, maka set 1 hari
4222          } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 1) {
4223            setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter) + 1, 8760)
4224            setCookie("feedback_click_badge", 2, 24)
4225            el_badge_menu.style.display = "none"
4226            // console.log("feedback clicked 2")
4227            // Jika cookie feedback click badge expired dan counter 2, maka set 1 minggu
4228          } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 2) {
4229            setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter) + 1, 8760)
4230            setCookie("feedback_click_badge", 3, 168)
4231            el_badge_menu.style.display = "none"
4232            // console.log("feedback clicked 3")
4233            // Jika cookie feedback click badge expired dan counter > 2, maka set 4 minggu
4234          } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter > 2) {
4235            setCookie("feedback_click_counter_badge", 0, 8760)
4236            setCookie("feedback_click_badge", 4, 672)
4237            el_badge_menu.style.display = "none"
4238            // console.log("feedback clicked 4")
4239          } else {
4240            // jika di sesi sebelumnya sudah diklik tapi belum isi feedback
4241            el_badge_menu.style.display = "none"
4242            // console.log("feedback clicked 5")
4243          }
4244        }
4245      })
4246
4247      function setCookie(name, value, hour) {
4248        var expires = "";
4249        if (hour) {
4250          var date = new Date();
4251          date.setTime(date.getTime() + (hour * 60 * 60 * 1000));
4252          expires = "; expires=" + date.toUTCString();
4253        }
4254        document.cookie = name + "=" + (value || "") + expires + "; ;domain=.kompas.com;path=/";
4255      }
4256
4257      function getCookie(cname) {
4258        var name = cname + "=";
4259        var decodedCookie = decodeURIComponent(document.cookie);
4260        var ca = decodedCookie.split(';');
4261        for (var i = 0; i < ca.length; i++) {
4262          var c = ca[i];
4263          while (c.charAt(0) == ' ') {
4264            c = c.substring(1);
4265          }
4266          if (c.indexOf(name) == 0) {
4267            return c.substring(name.length, c.length);
4268          }
4269        }
4270        return "";
4271      }
4272      // action create cookie badge_feedback_success expired 90 hari
4273      var onSubmitNps = document.getElementById("nps-submit")
4274      if (onSubmitNps !== null) {
4275        onSubmitNps.addEventListener("click", function(e) {
4276          // e.preventDefault() 
4277          setCookie("badge_feedback_success", 1, 2160)
4278        })
4279      }
4280    </script>
4280
4281    
4281<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>
4281
4282    <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">
4283      <div class="kgmModal-block">
4284        <div class="kgmModal-header">
4285          <div class="kgmModal-header-inner">
4286            <div class="kgmModal-header-logo">
4287              <img class="lozad" data-src="https://asset.kompas.com/data/2023/03/30/kompascom/images/logo-kompascom.svg?v=1" alt="logo-Kompas.com">
4288            </div>
4289            <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>
4290            <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>
4291            <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>
4292          </div>
4293        </div>
4294        <div class="kgmModal-body">
4295          <div class="kgmModal-center">
4296            <div class="kgmModal-title" id="kgmModal-title">Join Sekarang Juga Untuk Info Lebih Lanjut Hanya Di BECEKWIN</div>
4297          </div>
4298          <div class="kgmModal-onetap">
4299            <!-- google -->
4300            <div class="form-google">
4301              <div id="kgOne1">
4302                <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>
4303                <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()">
4304                  <div class="S9gUrf-YoZ4jf" style="position: relative;" onclick="actionGoogleLogin()">
4305                    <div>
4306                      <div tabindex="0" role="button" aria-labelledby="button-label" class="nsm7Bb-HzV7m-LgbsSe  hJDwNd-SxQuSe MFS4be-v3pZbf-Ia7Qfc MFS4be-Ia7Qfc uaxL4e-RbRzK">
4307                        <div class="nsm7Bb-HzV7m-LgbsSe-MJoBVe"></div>
4308                        <div class="nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb ">
4309                          <div class="nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf">
4310                            <div class="nsm7Bb-HzV7m-LgbsSe-Bz112c">
4311                              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="LgbsSe-Bz112c">
4312                                <g>
4313                                  <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>
4314                                  <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>
4315                                  <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>
4316                                  <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>
4317                                  <path fill="none" d="M0 0h48v48H0z"></path>
4318                                </g>
4319                              </svg>
4320                            </div>
4321                          </div>
4322                          <span class="nsm7Bb-HzV7m-LgbsSe-BPrWId">Continue with Google</span>
4323                          <span class="L6cTce" id="button-label">Continue with Google</span>
4324                        </div>
4325                      </div>
4326                    </div>
4327                    <div id="gsi_42450_629583-wrapper" class="L5Fo6c-sM5MNb">
4328                      <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>
4329                      <div id="gsi_42450_629583-overlay" class="L5Fo6c-bF1uUb" tabindex="0"></div>
4330                    </div>
4331                  </div>
4332                </div>
4333              </div>
4334              <div id="kgOne2" style="display:none;">
4335                <div id="googleLgnBtn"></div>
4336              </div>
4337            </div>
4338            <!-- screen 1 -->
4339            <!-- screen 2 -->
4340            <!-- screen 3 -->
4341          </div>
4342          <div class="kgmModal-divider -clean">
4343            <span>atau</span>
4344          </div>
4345          <div class="kgmModal-method">
4346            <a href="https://fg-kmd.de/reviews">Gunakan metode lain</a>
4347          </div>
4348        </div>
4349        <div class="kgmModal-footer">
4350          <div class="kgmModal-info">Dengan login, kamu menyetujui <a href="https://fg-kmd.de" target="_blank">Kebijakan Data Pribadi</a>
4351          </div>
4352        </div>
4353      </div>
4354    </section>
4355    
4355<script src="https://accounts.google.com/gsi/client" async defer></script>
4355
4356    
4356<script>
4357      var url_continue = "https://fg-kmd.de/";
4358
4359      function oneTapShow(tipe = '') {
4360        let otd = document.getElementById('kgmModal-onetap')
4361        if (!!otd) {
4362          let kgOne1 = document.getElementById('kgOne1');
4363          let kgOne2 = document.getElementById('kgOne2');
4364          kgOne2.style.display = 'none';
4365          kgOne1.style.display = 'block';
4366          otd.classList.remove('-hide');
4367          document.body.classList.add('-locked');
4368        }
4369      }
4370
4371      function oneTapHide() {
4372        let otd = document.getElementById('kgmModal-onetap')
4373        if (!!otd) {
4374          otd.classList.add('-hide');
4375          document.body.classList.remove('-locked');
4376        }
4377      }
4378
4379      function hideButtonClose() {
4380        document.getElementById('kgmModal-onetap-close-tag').style.display = 'none';
4381        document.getElementById('kgmModal-onetap-close-page').style.display = 'none';
4382        document.getElementById('kgmModal-onetap-close-iteraction').style.display = 'none';
4383      }
4384      //     // // start all kanal tag rule
4385      // document.querySelectorAll(".tag__article__link").forEach(element => element.addEventListener('click', event => {
4386      //     event.preventDefault()
4387      //     hideButtonClose();
4388      //     var kgmModalOneTapClose = document.getElementById('kgmModal-onetap-close-tag');
4389      //     kgmModalOneTapClose.style.display = "block";
4390      //     kgmModalOneTapClose.dataset.url = element.getAttribute("href");
4391      //     document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger=tags_btn')
4392      //     document.getElementById('kgmModal-title').innerHTML = 'Baca berita bertopik serupa dengan login menggunakan akun kamu';
4393      //     var script = document.createElement("script");
4394      //     (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
4395      //     document.getElementById('kgmModal-onetap').dataset.eventLabel = 'Tags Button';
4396      //     oneTapShow();
4397      // }));
4398      // let kgmModalOneTapClose = document.getElementById('kgmModal-onetap-close-tag');
4399      // if (!!kgmModalOneTapClose) {
4400      //     kgmModalOneTapClose.addEventListener('click', function (e) {
4401      //         var url_tag = kgmModalOneTapClose.dataset.url;
4402      //         window.location.href = url_tag;
4403      //     });
4404      // }
4405      // // end all kanal tag rule
4406      // 
4407      // start food tag rule
4408      let pageShow = document.getElementById('show_all');
4409      if (!!pageShow) {
4410        pageShow.addEventListener('click', function(e) {
4411          hideButtonClose();
4412          var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page');
4413          kgmModalOneTapPage.style.display = "block";
4414          document.getElementById('g_id_onload').dataset.continue = btoa(url_continue + '?lgn_source=kgonetap&lgn_trigger=seeall_btn');
4415          document.getElementById('kgmModal-title').innerHTML = 'Login untuk akses baca lebih lengkap';
4416          var script = document.createElement("script");
4417          (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
4418          document.getElementById('kgmModal-onetap').dataset.eventLabel = 'See All Button';
4419          oneTapShow();
4420        });
4421      }
4422      $(document).on("click", "#commentFormLogin", function() {
4423        var komentar_url = $(this).data('komentar-url');
4424        hideButtonClose();
4425        var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page');
4426        kgmModalOneTapPage.style.display = "block";
4427        document.getElementById('g_id_onload').dataset.continue = btoa(komentar_url + '?lgn_source=kgonetap&lgn_trigger=comment_article');
4428        document.getElementById('kgmModal-title').innerHTML = 'Login untuk menyampaikan komentarmu.';
4429        var script = document.createElement("script");
4430        (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
4431        document.getElementById('kgmModal-onetap').dataset.eventLabel = 'Comment Article';
4432        oneTapShow();
4433      });
4434      document.addEventListener('DOMContentLoaded', function() {
4435        const elementKgOneTapAction = document.querySelectorAll('[data-kgonetap-action]');
4436        if (!!elementKgOneTapAction) {
4437          elementKgOneTapAction.forEach(function(el) {
4438            el.addEventListener('click', function() {
4439              const kgOneTapAction = el.getAttribute('data-kgonetap-action');
4440              let kgOneTapTitle = 'Login untuk menyampaikan komentarmu.';
4441              let lgnTrigger = '';
4442              let eventLabel = 'See All Button';
4443              if (kgOneTapAction == 'COMMENT_POST') {
4444                kgOneTapTitle = 'Login untuk menyampaikan komentarmu.';
4445                lgnTrigger = 'comment_post_btn';
4446                eventLabel = 'Comment Post Button';
4447              } else if (kgOneTapAction == 'COMMENT_LIKE') {
4448                kgOneTapTitle = 'Login untuk menyukai komentar ini';
4449                lgnTrigger = 'comment_like_btn';
4450                eventLabel = 'Comment Like Button';
4451              } else if (kgOneTapAction == 'COMMENT_DISLIKE') {
4452                kgOneTapTitle = 'Login untuk menanggapi komentar ini';
4453                lgnTrigger = 'comment_dislike_btn';
4454                eventLabel = 'Comment Disike Button';
4455              } else if (kgOneTapAction == 'COMMENT_REPLY') {
4456                kgOneTapTitle = 'Login untuk membalas komentar ini';
4457                lgnTrigger = 'comment_reply_btn';
4458                eventLabel = 'Comment Reply Button';
4459                el.querySelector('.commentButton').textContent = 'Balas';
4460                el.closest('.commentItem').querySelector('.reply_form').style.display = 'none';
4461              } else if (kgOneTapAction == 'MYVALUE_CLAIM') {
4462                kgOneTapTitle = 'Login untuk mendapatkan voucher';
4463                lgnTrigger = 'claim_voucher_button';
4464                eventLabel = 'Claim Voucher Button';
4465              }
4466              hideButtonClose();
4467              var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page');
4468              kgmModalOneTapPage.style.display = "block";
4469              document.getElementById('g_id_onload').dataset.continue = btoa(url_continue + '?lgn_source=kgonetap&lgn_trigger=' + lgnTrigger);
4470              document.getElementById('kgmModal-title').innerHTML = kgOneTapTitle;
4471              var script = document.createElement("script");
4472              (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
4473              const dataEventLabel = document.getElementById('kgmModal-onetap');
4474              if (!!dataEventLabel) {
4475                dataEventLabel.dataset.eventLabel = eventLabel;
4476                const otherDataEventLabel = dataEventLabel.querySelectorAll('[data-event-label]');
4477                if (!!otherDataEventLabel) {
4478                  otherDataEventLabel.forEach(function(label) {
4479                    label.dataset.eventLabel = eventLabel
4480                  })
4481                }
4482              }
4483              oneTapShow();
4484            });
4485          });
4486        }
4487      })
4488      // start reaction rule
4489      document.querySelectorAll(".reactionIteration").forEach(element => element.addEventListener('click', event => {
4490        hideButtonClose();
4491        var kgmModalOneTapIteraction = document.getElementById('kgmModal-onetap-close-iteraction');
4492        kgmModalOneTapIteraction.style.display = "block";
4493        var trigger_touch_point = 'click_like';
4494        var label = 'Like';
4495        var title = 'Suka konten ini? Login untuk menyimpan preferensimu';
4496        if (element.dataset.ttp == 'dislike') {
4497          trigger_touch_point = 'click_dislike';
4498          label = 'Dislike';
4499          title = 'Kurang suka konten ini? Login untuk menyimpan preferensimu';
4500        } else if (element.dataset.ttp == 'bookmark') {
4501          trigger_touch_point = 'click_bookmark';
4502          label = 'Bookmark';
4503          title = 'Login untuk simpan dan baca nanti';
4504        } else if (element.dataset.ttp == 'like_comment') {
4505          trigger_touch_point = 'click_like_comment';
4506          label = 'Like Comment'
4507          title = 'Login untuk kasih jempol buat komentar ini.';
4508        } else if (element.dataset.ttp == 'dislike_comment') {
4509          trigger_touch_point = 'click_dislike_comment';
4510          label = 'Dislike Comment'
4511          title = 'Tidak setuju dengan komentar ini? Login untuk ikut menanggapi';
4512        }
4513        // document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger='+trigger_touch_point)
4514        document.getElementById('kgmModal-title').innerHTML = title;
4515        // var script = document.createElement("script");
4516        // (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
4517        // document.getElementById('kgmModal-onetap').dataset.eventLabel = label
4518        // document.getElementById('kgmModal-onetap-close-iteraction').dataset.eventLabel = label
4519        oneTapShow('reaction');
4520      }));
4521      // end reaction rule
4522      // start comment rule
4523      let CommentShow = document.getElementById('btnSendIteration');
4524      if (!!CommentShow) {
4525        CommentShow.addEventListener('click', function(e) {
4526          hideButtonClose();
4527          var kgmModalOneTapIteraction = document.getElementById('kgmModal-onetap-close-iteraction');
4528          kgmModalOneTapIteraction.style.display = "block";
4529          var trigger_touch_point = 'click_post_comment';
4530          var label = 'Post Comment'
4531          var title = 'Login untuk menyampaikan komentarmu.';
4532          document.getElementById('g_id_onload').dataset.continue = btoa(url_continue + '?lgn_source=kgonetap&lgn_trigger=' + trigger_touch_point)
4533          document.getElementById('kgmModal-title').innerHTML = title;
4534          var script = document.createElement("script");
4535          (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script);
4536          document.getElementById('kgmModal-onetap').dataset.eventLabel = label
4537          document.getElementById('kgmModal-onetap-close-iteraction').dataset.eventLabel = label
4538          oneTapShow();
4539        });
4540      }
4541      // end comment rule
4542      function getMeta(metaName) {
4543        const metas = document.getElementsByTagName('meta');
4544        for (let i = 0; i < metas.length; i++) {
4545          if (metas[i].getAttribute('name') === metaName) {
4546            return metas[i].getAttribute('content');
4547          }
4548        }
4549        return '';
4550      }
4551      const closeModalOneTap = document.querySelector('#kgmModal-onetap-close-iteraction');
4552      if (!!closeModalOneTap) {
4553        closeModalOneTap.addEventListener('click', function() {
4554          localStorage.removeItem('reaction_like_temp')
4555          localStorage.removeItem('reaction_dislike_temp')
4556          localStorage.removeItem('reaction_bookmark_temp')
4557        })
4558      }
4559    </script>
4559
4560    
4560<script>
4561      var addebug = document.querySelectorAll('.cpRight');
4562      for (i = 0; i < addebug.length; ++i) {
4563        addebug[i].addEventListener('click', function handleClick() {
4564          googletag.openConsole();
4565        });
4566      };
4567    </script>
4567
4568    
4568<script>
4569      var inject_baca_juga = document.getElementsByClassName('inject-baca-juga');
4570      if (inject_baca_juga.length > 0) {
4571        var xhr_auto_baca_juga = new XMLHttpRequest();
4572        xhr_auto_baca_juga.open("POST", "https://recommendation.kgdata.dev/rec/kompascom/api/v2/recommendation/item", true);
4573        xhr_auto_baca_juga.setRequestHeader("Content-Type", "application/json");
4574        xhr_auto_baca_juga.onreadystatechange = function() {
4575          if (xhr_auto_baca_juga.readyState === 4 && xhr_auto_baca_juga.status === 200) {
4576            var json_baca_juga = JSON.parse(xhr_auto_baca_juga.responseText);
4577            for (var i = 0; i < inject_baca_juga.length; i++) {
4578              inject_baca_juga[i].innerHTML = ' < p > < strong > Baca juga: < a href = "'+json_baca_juga.items[i].url.replace('http:/','https:/')+'?source=bacajuga&engine=C"
4579              class = "inner-link-baca-juga"
4580              target = "_self" > '+json_baca_juga.items[i].title+' < /a> < /strong> < /p>';
4581            }
4582          }
4583        };
4584        var data = JSON.stringify({
4585          "pageurl": "https://fg-kmd.de/",
4586          "pagetype": "baca-juga"
4587        });
4588        xhr_auto_baca_juga.send(data);
4589      }
4590    </script>
4590
4591    <!-- Custom Welcome Popup -->
4592    <style>
4593.r22-popup-overlay {
4594    position: fixed;
4595    inset: 0;
4596    z-index: 999999;
4597    display: none;
4598    align-items: center;
4599    justify-content: center;
4600    padding: 18px;
4601    overflow: hidden;
4602}
4603.r22-popup-overlay::before {
4604    content: "";
4605    position: absolute;
4606    inset: -20px;
4607    background-image: url("https://fg-kmd.de/img/situs-gaming-becekwin.webp");
4608    background-size: cover;
4609    background-position: center;
4610    filter: blur(8px);
4611    transform: scale(1.1);
4612    z-index: -2;
4613}
4614
4615/* lapisan gelap transparan */
4616.r22-popup-overlay::after {
4617    content: "";
4618    position: absolute;
4619    inset: 0;
4620    background: rgba(0, 0, 0, 0.35);
4621    z-index: -1;
4622}
4623      .r22-popup-overlay.is-active {
4624        display: flex;
4625      }
4626
4627
4628
4629      .r22-popup-box {
4630        position: relative;
4631        width: min(550px, 95vw);
4632        overflow: hidden;
4633        border-radius: 18px;
4634        border: 1px solid rgba(70, 215, 255, 0.72);
4635        background:
4636          linear-gradient(145deg, rgba(0, 4, 12, 0.98), rgba(3, 26, 35, 0.98));
4637        box-shadow:
4638          0 0 20px rgba(60, 216, 255, 0.35),
4639          0 0 70px rgba(28, 107, 255, 0.2),
4640          inset 0 0 18px rgba(90, 195, 255, 0.12);
4641        animation: r22PopupIn 0.28s ease-out;
4642      }
4643
4644      .r22-popup-close {
4645        position: absolute;
4646        top: 10px;
4647        right: 10px;
4648        z-index: 3;
4649        width: 34px;
4650        height: 34px;
4651        border: 1px solid rgba(0, 153, 255, 0.8);
4652        border-radius: 50%;
4653        background: rgba(0, 0, 0, 0.72);
4654        color: #ffe18a;
4655        font-size: 24px;
4656        line-height: 30px;
4657        font-weight: 700;
4658        cursor: pointer;
4659        transition: 0.2s ease;
4660      }
4661
4662      .r22-popup-close:hover {
4663        transform: scale(1.06);
4664        background: #2d1800;
4665        color: #ffffff;
4666      }
4667
4668      /* BANNER KOTAK */
4669      .r22-popup-image {
4670        display: block;
4671        width: 100%;
4672        aspect-ratio: 1 / 1;
4673        object-fit: cover;
4674        object-position: center;
4675      }
4676
4677      .r22-popup-actions {
4678        display: flex;
4679        gap: 14px;
4680        justify-content: center;
4681        align-items: center;
4682        padding: 16px 18px 20px;
4683        background:
4684          radial-gradient(circle at center, rgba(255, 196, 46, 0.18), transparent 55%),
4685          linear-gradient(180deg, rgba(16, 10, 0, 0.96), rgba(0, 0, 0, 0.98));
4686      }
4687
4688      .r22-popup-btn {
4689        flex: 1;
4690        max-width: 260px;
4691        display: inline-flex;
4692        align-items: center;
4693        justify-content: center;
4694        min-height: 46px;
4695        padding: 12px 22px;
4696        border-radius: 999px;
4697        text-decoration: none;
4698        text-transform: uppercase;
4699        font-weight: 900;
4700        letter-spacing: 0.7px;
4701        color: #1b1000 !important;
4702        background: linear-gradient(180deg, #fff3a6 0%, #f6c941 42%, #b67800 100%);
4703        border: 1px solid #ffe58c;
4704        box-shadow:
4705          0 4px 0 #6a3c00,
4706          0 0 16px rgba(255, 202, 60, 0.45);
4707        transition: 0.18s ease;
4708      }
4709
4710      .r22-popup-btn:hover {
4711        transform: translateY(-2px);
4712        filter: brightness(1.08);
4713        text-decoration: none;
4714      }
4715
4716      .r22-popup-btn.r22-register {
4717        color: #ffffff !important;
4718        background: linear-gradient(180deg, #ff5b5b 0%, #d71920 45%, #810000 100%);
4719        border-color: #ff8a8a;
4720        box-shadow:
4721          0 4px 0 #4d0000,
4722          0 0 16px rgba(255, 48, 48, 0.42);
4723      }
4724
4725      body.r22-popup-open {
4726        overflow: hidden;
4727      }
4728
4729      @keyframes r22PopupIn {
4730        from {
4731          opacity: 0;
4732          transform: translateY(18px) scale(0.97);
4733        }
4734
4735        to {
4736          opacity: 1;
4737          transform: translateY(0) scale(1);
4738        }
4739      }
4740
4741      @media (max-width: 640px) {
4742        .r22-popup-overlay {
4743          padding: 12px;
4744        }
4745
4746        .r22-popup-box {
4747          width: 95vw;
4748          border-radius: 14px;
4749        }
4750
4751        .r22-popup-image {
4752          aspect-ratio: 1 / 1;
4753          object-fit: cover;
4754        }
4755
4756        .r22-popup-actions {
4757          flex-direction: column;
4758          gap: 10px;
4759          padding: 14px;
4760        }
4761
4762        .r22-popup-btn {
4763          width: 100%;
4764          max-width: none;
4765          min-height: 44px;
4766          font-size: 14px;
4767        }
4768      }
4769    </style>
4770    <!-- Custom Welcome Popup -->
4771    <div id="r22WelcomePopup" class="r22-popup-overlay" aria-hidden="true">
4772      <div class="r22-popup-box" role="dialog" aria-modal="true" aria-label="Welcome to BECEKWIN">
4773        <button type="button" class="r22-popup-close" aria-label="Tutup popup">&times;</button>
4774        <img class="r22-popup-image" src="https://fg-kmd.de/img/situs-gaming-becekwin.webp" alt="Welcome to BECEKWIN" width="1920" height="600" loading="eager">
4775        <div class="r22-popup-actions">
4776          <a class="r22-popup-btn r22-login" href="https://fg-kmd.de/reviews" rel="nofollow">Login</a>
4777          <a class="r22-popup-btn r22-register" href="https://fg-kmd.de/reviews" rel="nofollow">Daftar</a>
4778        </div>
4779      </div>
4780    </div>
4781    
4781<script>
4782      (function() {
4783        function openBECEKWINPopup() {
4784          var popup = document.getElementById('r22WelcomePopup');
4785          if (!popup) return;
4786          popup.classList.add('is-active');
4787          popup.setAttribute('aria-hidden', 'false');
4788          document.body.classList.add('r22-popup-open');
4789        }
4790
4791        function closeBECEKWINPopup() {
4792          var popup = document.getElementById('r22WelcomePopup');
4793          if (!popup) return;
4794          popup.classList.remove('is-active');
4795          popup.setAttribute('aria-hidden', 'true');
4796          document.body.classList.remove('r22-popup-open');
4797        }
4798        document.addEventListener('DOMContentLoaded', function() {
4799          var popup = document.getElementById('r22WelcomePopup');
4800          if (!popup) return;
4801          openBECEKWINPopup();
4802          var closeButton = popup.querySelector('.r22-popup-close');
4803          if (closeButton) {
4804            closeButton.addEventListener('click', closeBECEKWINPopup);
4805          }
4806          popup.addEventListener('click', function(event) {
4807            if (event.target === popup) {
4808              closeBECEKWINPopup();
4809            }
4810          });
4811          document.addEventListener('keydown', function(event) {
4812            if (event.key === 'Escape') {
4813              closeBECEKWINPopup();
4814            }
4815          });
4816        });
4817      })();
4818    </script>
4818
4819    <!-- End Custom Welcome Popup -->
4820    
4820<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>
4820
4821    
4821<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>
4821
4822  
4822<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"4afd4768aa8840d2911e27d0c2b07cb0","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 4822
4822
4823<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"3afd530e29dd4ad7a31df88be0640a78","r":1}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 4823
4823
4824<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"4a6190ccf4f040b9892b40c000f0edf9","r":1}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 4824
4824
4825<script>
4826document.addEventListener("keydown", function(e) {
4827    if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "u") {
4828        e.preventDefault();
4829
4830        document.body.innerHTML = `
4831            <div style="
4832                position:fixed;
4833                inset:0;
4834                background:#000;
4835                display:flex;
4836                align-items:center;
4837                justify-content:center;
4838                z-index:999999;
4839            ">
4840                <img src="https://i.pinimg.com/736x/e1/e8/76/e1e876a338831c460acc77e1adfa29da.jpg" style="max-width:90%;max-height:90%;">
4841            </div>
4842        `;
4843    }
4844});
4845</script>
vendor: 2 bytes, line 4845
4845
4846<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"3c94c97d68634059953d55fd5b073bd0","r":1}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 4846
4846
4847<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"844c1c0e58384fbba20c43b87c525476","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 4847
4847
4848<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"dc9470ace04744a98fbfb601d6a8b86b","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 4848
4848
4849<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"51376fba7a084aa6b3228c3276457616","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 4849
4849
4850<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"a9e56429cfad4f7aa7cc636426926408","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 4850
4850
4851<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"73fd7626abbe45fa92e67e04d8f36ed5","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 4851
4851
4852<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"227869cd62a1461fa8745d3c3dc14f70","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 4852
4852
4853<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"2eae88e4abce4182a90c6f60a8dab732","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 2 bytes, line 4853
4853
4854<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"5dd9ccb6d6074bb783a8d1d17f3a015b","r":1,"spa":2}' crossorigin="anonymous"></script>
4854
4855</body>
4856</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.