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