PageSourceSearch

https://hannimuenzer.com/

html hannimuenzer.com collected 2026-09-27 01:41:54 UTC 198,856 bytes, 4,865 lines download raw bytes

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