<!DOCTYPE html>
<html amp="" data-amp-auto-lightbox-disable transformed="self;v=1" i-amphtml-layout="" i-amphtml-no-boilerplate="">
<head>
	<meta charset="UTF-8"><meta name="viewport" content="width=device-width,maximum-scale=1"><link rel="preconnect" href="https://cdn.ampproject.org"><style amp-runtime="" i-amphtml-version="012504091801000">html{overflow-x:hidden!important}html.i-amphtml-fie{height:100%!important;width:100%!important}html:not([amp4ads]),html:not([amp4ads]) body{height:auto!important}html:not([amp4ads]) body{margin:0!important}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}html.i-amphtml-singledoc.i-amphtml-embedded{-ms-touch-action:pan-y pinch-zoom;touch-action:pan-y pinch-zoom}html.i-amphtml-fie>body,html.i-amphtml-singledoc>body{overflow:visible!important}html.i-amphtml-fie:not(.i-amphtml-inabox)>body,html.i-amphtml-singledoc:not(.i-amphtml-inabox)>body{position:relative!important}html.i-amphtml-ios-embed-legacy>body{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important}html.i-amphtml-ios-embed{overflow-y:auto!important;position:static}#i-amphtml-wrapper{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;display:block!important}html.i-amphtml-ios-embed.i-amphtml-ios-overscroll,html.i-amphtml-ios-embed.i-amphtml-ios-overscroll>#i-amphtml-wrapper{-webkit-overflow-scrolling:touch!important}#i-amphtml-wrapper>body{position:relative!important;border-top:1px solid transparent!important}#i-amphtml-wrapper+body{visibility:visible}#i-amphtml-wrapper+body .i-amphtml-lightbox-element,#i-amphtml-wrapper+body[i-amphtml-lightbox]{visibility:hidden}#i-amphtml-wrapper+body[i-amphtml-lightbox] .i-amphtml-lightbox-element{visibility:visible}#i-amphtml-wrapper.i-amphtml-scroll-disabled,.i-amphtml-scroll-disabled{overflow-x:hidden!important;overflow-y:hidden!important}amp-instagram{padding:54px 0px 0px!important;background-color:#fff}amp-iframe iframe{box-sizing:border-box!important}[amp-access][amp-access-hide]{display:none}[subscriptions-dialog],body:not(.i-amphtml-subs-ready) [subscriptions-action],body:not(.i-amphtml-subs-ready) [subscriptions-section]{display:none!important}amp-experiment,amp-live-list>[update]{display:none}amp-list[resizable-children]>.i-amphtml-loading-container.amp-hidden{display:none!important}amp-list [fetch-error],amp-list[load-more] [load-more-button],amp-list[load-more] [load-more-end],amp-list[load-more] [load-more-failed],amp-list[load-more] [load-more-loading]{display:none}amp-list[diffable] div[role=list]{display:block}amp-story-page,amp-story[standalone]{min-height:1px!important;display:block!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;width:100%!important}amp-story[standalone]{background-color:#000!important;position:relative!important}amp-story-page{background-color:#757575}amp-story .amp-active>div,amp-story .i-amphtml-loader-background{display:none!important}amp-story-page:not(:first-of-type):not([distance]):not([active]){transform:translateY(1000vh)!important}amp-autocomplete{position:relative!important;display:inline-block!important}amp-autocomplete>input,amp-autocomplete>textarea{padding:0.5rem;border:1px solid rgba(0,0,0,.33)}.i-amphtml-autocomplete-results,amp-autocomplete>input,amp-autocomplete>textarea{font-size:1rem;line-height:1.5rem}[amp-fx^=fly-in]{visibility:hidden}amp-script[nodom],amp-script[sandboxed]{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}
	
/*# sourceURL=/css/ampdoc.css*/[hidden]{display:none!important}.i-amphtml-element{display:inline-block}
.i-amphtml-blurry-placeholder{transition:opacity 0.3s cubic-bezier(0.0,0.0,0.2,1)!important;pointer-events:none}[layout=nodisplay]:not(.i-amphtml-element){display:none!important}
.i-amphtml-layout-fixed,[layout=fixed][width][height]:not(.i-amphtml-layout-fixed){display:inline-block;position:relative
}.i-amphtml-layout-responsive,[layout=responsive][width][height]:not(.i-amphtml-layout-responsive),[width][height][heights]:not([layout]):not(.i-amphtml-layout-responsive),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-layout-responsive){display:block;position:relative}.i-amphtml-layout-intrinsic,[layout=intrinsic][width][height]:not(.i-amphtml-layout-intrinsic){display:inline-block;position:relative;max-width:100%}.i-amphtml-layout-intrinsic .i-amphtml-sizer{max-width:100%}.i-amphtml-intrinsic-sizer{max-width:100%;display:block!important}.i-amphtml-layout-container,.i-amphtml-layout-fixed-height,[layout=container],[layout=fixed-height][height]:not(.i-amphtml-layout-fixed-height){display:block;position:relative}.i-amphtml-layout-fill,.i-amphtml-layout-fill.i-amphtml-notbuilt,[layout=fill]:not(.i-amphtml-layout-fill),body noscript>*{display:block;overflow:hidden!important;position:absolute;top:0;left:0;bottom:0;right:0}body noscript>*{position:absolute!important;width:100%;height:100%;z-index:2}body noscript{display:inline!important}.i-amphtml-layout-flex-item,[layout=flex-item]:not(.i-amphtml-layout-flex-item){display:block;position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.i-amphtml-layout-fluid{position:relative}.i-amphtml-layout-size-defined{overflow:hidden!important}.i-amphtml-layout-awaiting-size{position:absolute!important;top:auto!important;bottom:auto!important}i-amphtml-sizer{display:block!important}@supports (aspect-ratio:1/1){i-amphtml-sizer.i-amphtml-disable-ar{display:none!important}}.i-amphtml-blurry-placeholder,.i-amphtml-fill-content{display:block;height:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;margin:auto}.i-amphtml-layout-size-defined .i-amphtml-fill-content{position:absolute;top:0;left:0;bottom:0;right:0}
.i-amphtml-replaced-content,
.i-amphtml-screen-reader{padding:0!important;border:none!important}
.i-amphtml-screen-reader{position:fixed!important;top:0px!important;left:0px!important;width:4px!important;height:4px!important;opacity:0!important;overflow:hidden!important;margin:0!important;display:block!important;visibility:visible!important}
.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:8px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:12px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:16px!important}.i-amphtml-unresolved{position:relative;overflow:hidden!important}.i-amphtml-select-disabled{-webkit-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.i-amphtml-notbuilt,[layout]:not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){position:relative;overflow:hidden!important;color:transparent!important}.i-amphtml-notbuilt:not(.i-amphtml-layout-container)>*,[layout]:not([layout=container]):not(.i-amphtml-element)>*,[width][height][heights]:not([layout]):not(.i-amphtml-element)>*,[width][height][sizes]:not([layout]):not(.i-amphtml-element)>*{display:none}amp-img:not(.i-amphtml-element)[i-amphtml-ssr]>img.i-amphtml-fill-content{display:block}.i-amphtml-notbuilt:not(.i-amphtml-layout-container),[layout]:not([layout=container]):not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){color:transparent!important;line-height:0!important}.i-amphtml-ghost{visibility:hidden!important}.i-amphtml-element>[placeholder],[layout]:not(.i-amphtml-element)>[placeholder],[width][height][heights]:not([layout]):not(.i-amphtml-element)>[placeholder],[width][height][sizes]:not([layout]):not(.i-amphtml-element)>[placeholder]{display:block;line-height:normal}.i-amphtml-element>[placeholder].amp-hidden,.i-amphtml-element>[placeholder].hidden{visibility:hidden}.i-amphtml-element:not(.amp-notsupported)>[fallback],.i-amphtml-layout-container>[placeholder].amp-hidden,.i-amphtml-layout-container>[placeholder].hidden{display:none}.i-amphtml-layout-size-defined>[fallback],.i-amphtml-layout-size-defined>[placeholder]{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:1}amp-img[i-amphtml-ssr]:not(.i-amphtml-element)>[placeholder]{z-index:auto}.i-amphtml-notbuilt>[placeholder]{display:block!important}.i-amphtml-hidden-by-media-query{display:none!important}
.i-amphtml-element-error{background:red!important;color:#fff!important;position:relative!important}.i-amphtml-element-error:before{content:attr(error-message)}i-amp-scroll-container,i-amphtml-scroll-container{position:absolute;top:0;left:0;right:0;bottom:0;display:block}i-amp-scroll-container.amp-active,i-amphtml-scroll-container.amp-active{overflow:auto;-webkit-overflow-scrolling:touch}.i-amphtml-loading-container{display:block!important;pointer-events:none;z-index:1}.i-amphtml-notbuilt>.i-amphtml-loading-container{display:block!important}.i-amphtml-loading-container.amp-hidden{visibility:hidden}.i-amphtml-element>[overflow]{cursor:pointer;position:relative;z-index:2;visibility:hidden;display:initial;line-height:normal}.i-amphtml-layout-size-defined>[overflow]{position:absolute}.i-amphtml-element>[overflow].amp-visible{visibility:visible}template{display:none!important}.amp-border-box,.amp-border-box *,.amp-border-box :after,.amp-border-box :before{box-sizing:border-box}amp-pixel{display:none!important}amp-analytics,amp-auto-ads,amp-story-auto-ads{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}amp-story{visibility:hidden!important}html.i-amphtml-fie>amp-analytics{position:initial!important}[visible-when-invalid]:not(.visible),form [submit-error],form [submit-success],form [submitting]{display:none}amp-accordion{display:block!important}@media (min-width:1px){:where(amp-accordion>section)>:first-child{margin:0;background-color:#424242;padding-right:20px;border:1px solid #dfdfdf}:where(amp-accordion>section)>:last-child{margin:0}}amp-accordion>section{float:none!important}amp-accordion>section>*{float:none!important;display:block!important;overflow:hidden!important;position:relative!important}amp-accordion,amp-accordion>section{margin:0}amp-accordion:not(.i-amphtml-built)>section>:last-child{display:none!important}amp-accordion:not(.i-amphtml-built)>section[expanded]>:last-child{display:block!important}
/*# sourceURL=/css/ampshared.css*/




</style>


<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<meta name="description" content="SURGA11 menjadi smart gamer community dengan teknologi modern, produk digital terbaru, akses cepat, dan pengalaman hiburan digital yang semakin lengkap.">
<meta property="og:locale" content="id_ID">
<meta property="og:type" content="website">
<meta property="og:title" content="SURGA11 Smart Gamer Community Dengan Produk Digital Terbaru, Teknologi Modern, dan Pengalaman Gaming Berkualitas">
<meta property="og:description" content="SURGA11 menjadi smart gamer community dengan teknologi modern, produk digital terbaru, akses cepat, dan pengalaman hiburan digital yang semakin lengkap.">
<meta property="og:url" content="https://weirdestbandintheworld.com/"><meta property="og:site_name" content="SURGA11">
<meta property="article:modified_time" content="2025-04-30T05:13:15+00:00">
<meta name="twitter:card" content="summary_large_image">
<meta name="generator" content="WordPress 6.8.1"><meta name="generator" content="AMP Plugin v2.5.5; mode=standard">
<link rel="preload" href="wp-content/themes/fafa/webfonts/digital_sans_ef_medium.woff2" as="font" crossorigin="">
<link rel="preload" href="wp-content/themes/fafa/webfonts/advanced_dot_digital7.eot" as="font" crossorigin="">
<link rel="preload" href="wp-content/themes/fafa/webfonts/fa-brands-400.eot#iefix" as="font" crossorigin="">
<link rel="preload" href="wp-content/themes/fafa/webfonts/fa-regular-400.eot#iefix" as="font" crossorigin="">
<link rel="preload" href="wp-content/themes/fafa/webfonts/fa-solid-900.eot#iefix" as="font" crossorigin="">
<link rel="preload" href="wp-content/themes/fafa/webfonts/Lato-Regular.woff2" as="font" crossorigin="">
<script async="" src="https://cdn.ampproject.org/v0.mjs" type="module" crossorigin="anonymous"></script>
<script async nomodule src="https://cdn.ampproject.org/v0.js" crossorigin="anonymous"></script>
<link rel="icon" type="image/png" href="image/favicon.webp">
<style amp-custom="">
@media 
screen
{html{height:100%;font-size:1em;font-size:100%;line-height:1.4;margin:0;padding:0;border:0;vertical-align:baseline}
body{margin:0;font-size:14px;line-height:1.5;letter-spacing:.1px;color:#181818;background:#fefefe;font-family:"digital_sans_ef_medium"}
h1{color:#000000;line-height:1.2;margin:15px 0px;font-weight:500;text-align:center}
h1{font-size:30px}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a{color:#ffffff;text-decoration:none}a:hover{color:#000}div,input,label{display:block;overflow:hidden;position:relative}
img{width:100%;height:100%;pointer-events:none}
a img{pointer-events:visible}
 .mobile{display:none}@font-face{font-family:"digital_sans_ef_medium";src:url("wp-content/themes/fafa/webfonts/digital_sans_ef_medium.woff2") format("woff2"),url("wp-content/themes/fafa/webfonts/digital_sans_ef_medium.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"advanced_dot_digital7";src:url("wp-content/themes/fafa/webfonts/advanced_dot_digital7.eot");src:url("wp-content/themes/fafa/webfonts/advanced_dot_digital7.eot") format("embedded-opentype"),url("wp-content/themes/fafa/webfonts/advanced_dot_digital7.woff2") format("woff2"),url("wp-content/themes/fafa/webfonts/advanced_dot_digital7.woff") format("woff"),url("wp-content/themes/fafa/webfonts/advanced_dot_digital7.ttf") format("truetype"),url("wp-content/themes/fafa/webfonts/advanced_dot_digital7.svg#advanced_dot_digital7") format("svg")}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url("wp-content/themes/fafa/webfonts/fa-brands-400.eot");src:url("wp-content/themes/fafa/webfonts/fa-brands-400.eot#iefix") format("embedded-opentype"),url("wp-content/themes/fafa/webfonts/fa-brands-400.woff2") format("woff2"),url("wp-content/themes/fafa/webfonts/fa-brands-400.woff") format("woff"),url("wp-content/themes/fafa/webfonts/fa-brands-400.ttf") format("truetype"),url("wp-content/themes/fafa/webfonts/fa-brands-400.svg#fontawesome") format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url("wp-content/themes/fafa/webfonts/fa-regular-400.eot");src:url("wp-content/themes/fafa/webfonts/fa-regular-400.eot#iefix") format("embedded-opentype"),url("wp-content/themes/fafa/webfonts/fa-regular-400.woff2") format("woff2"),url("wp-content/themes/fafa/webfonts/fa-regular-400.woff") format("woff"),url("wp-content/themes/fafa/webfonts/fa-regular-400.ttf") format("truetype"),url("wp-content/themes/fafa/webfonts/fa-regular-400.svg#fontawesome") format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url("wp-content/themes/fafa/webfonts/fa-solid-900.eot");src:url("wp-content/themes/fafa/webfonts/fa-solid-900.eot#iefix") format("embedded-opentype"),url("wp-content/themes/fafa/webfonts/fa-solid-900.woff2") format("woff2"),url("wp-content/themes/fafa/webfonts/fa-solid-900.woff") format("woff"),url("wp-content/themes/fafa/webfonts/fa-solid-900.ttf") format("truetype"),url("wp-content/themes/fafa/webfonts/fa-solid-900.svg#fontawesome") format("svg")}@font-face{font-family:"LatoWeb";src:url("wp-content/themes/fafa/webfonts/Lato-Regular.woff2") format("woff2"),url("wp-content/themes/fafa/webfonts/Lato-Regular.woff") format("woff");font-weight:normal;font-style:normal}.svg-menu{height:20px;width:20px;display:inline-block;background-size:18px;background-repeat:no-repeat}.svg-beranda{background-image:url("wp-content/themes/fafa/images/icon/icon-beranda.svg")}
.svg-content{display:inline-block;width:27px;height:22px;background-size:21px;background-repeat:no-repeat}
.svg-casino{background-image:url("wp-content/themes/fafa/images/icon/icon-casino.svg")}
.svg-slots{background-image:url("wp-content/themes/fafa/images/icon/icon-slots.svg")}
.svg-togel{background-image:url("wp-content/themes/fafa/images/icon/icon-togel.svg")}
.svg-poker{background-image:url("wp-content/themes/fafa/images/icon/icon-poker.svg")}
.svg-fishing{background-image:url("wp-content/themes/fafa/images/icon/icon-fishing.svg")}
.svg-gift{background-image:url("wp-content/themes/fafa/images/icon/icon-gift.svg")}
.svg-link{background-image:url("wp-content/themes/fafa/images/icon/icon-link.svg")}
.svg-jackpot{background-image:url("wp-content/themes/fafa/images/icon/icon-jackpot.svg")}
.svg-livecasino{background-image:url("wp-content/themes/fafa/images/icon/icon-livecasino.svg")}
.svg-esports{background-image:url("wp-content/themes/fafa/images/icon/icon-esports.svg")}
.svg-sportsbook{background-image:url("wp-content/themes/fafa/images/icon/icon-sportsbook.svg")}
.svg-whatsapp{background-image:url("wp-content/themes/fafa/images/icon/icon-whatsapp.svg")}
.svg-telegram{background-image:url("wp-content/themes/fafa/images/icon/icon-telegram.svg")}
.svg-livechat{background-image:url("wp-content/themes/fafa/images/icon/icon-livechat.svg")}
.header{width:100%;z-index:999999;position:fixed;background:#f1ee09}
.top-left{float:left;width:27%;display:flex;justify-content:flex-start}
.top-right{line-height:1.2;font-size:11px;float:right;width:70%}
.site-logo{float:left;left:0px;width:24%;background:url("wp-content/themes/fafa/images/bg-header.png") center 0px;background-size:cover;background-repeat:no-repeat;height:89px}
.site-logo a{display:block}
.site-logo img{width:100%;height:auto;position:relative;top:18px}
.nav-bar,.contact-floating{background:#000000}
.sticky{height:138px}
.main{background:#000000}
.slide{margin-bottom:17px}
.sportsbook .slide{margin-bottom:0}
.jackpot img{margin-left:auto;margin-right:auto;display:block;border-radius:12px}
.container{max-width:1170px;width:100%;margin:auto;overflow:hidden}
.row{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.col-sm-2{flex:0 0 15.9%;max-width:15.9%;margin:5px 4px;justify-content:center;align-content:center}
.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.footer,.col-title{background:#000000}
.col-title{padding:9px 5px;position:absolute;top:-14px;left:21px;z-index:2}
.col-border{border:1px solid #919191;border-radius:7px;margin:5px auto;padding:18px}
.payment .col-sm-12{margin:10px auto}
.main-menu i{display:block;margin:auto;width:30px;height:30px;background-size:26px}ul.menu,ul.contact-us,ul.main-menu{padding:0;margin:0;text-transform:uppercase}
.main-menu{float:right}.main-menu li a:hover{color:#5a0101}
.main-menu li{position:relative;display:block;float:left;margin:0;padding:0}
.main-menu li a{font-size:13px;position:relative;display:inline-block;line-height:18px;padding:20px 25px;color:#fff}
ul.contact-us{padding:15px 0;text-transform:capitalize}.contact-us{float:right;height:36px}
.contact-us li{padding-right:10px;float:left;border-right:1px dotted #141414;padding-left:10px}
.contact-us li:first-child{padding-left:0px}
.contact-us li:last-child{border-right:0}
.contact-us li a{font-size:12px;color:#4b4b4b}
.contact-us li a:hover{color:#000}
.contact-us .svg-menu{height:20px;width:20px;display:inline-block;background-size:17px;background-repeat:no-repeat}
.contact-us li i{vertical-align:middle}
.quick-footer{position:fixed;width:170px;height:40px;bottom:0px;right:10px;background:#f1ee09;border-radius:5px 5px 0px 0px;z-index:100;padding:2px}
.quick-footer i{font-size:22px;position:relative;right:-38px;top:-2px}
.quick-footer li{margin:1px auto;padding:4px 12px}
.quick-footer li a{color:#fff;display:flex;align-items:end;text-align:center;font-size:19px;text-transform:uppercase}
.quick-footer li i{vertical-align:middle}
.quick-footer .svg-menu{height:25px;width:30px;display:inline-block;background-size:25px;background-repeat:no-repeat}
.menu{float:right;position:relative;padding:0px;margin:0px auto}
.menu li{float:left;position:relative;font-size:14px;text-transform:uppercase;min-width:68px;margin:0px 0px 0px 4px;text-align:center;padding:5px 5px;vertical-align:inherit;border-radius:27px}
.menu ul{padding-top:15px;border-radius:0px 0px 4px 4px;-webkit-border-radius:0px 0px 4px 4px;-moz-border-radius:0px 0px 4px 4px;-ms-border-radius:0px 0px 4px 4px;-o-border-radius:0px 0px 4px 4px}
.menu li a{padding:4px 21px;display:block;color:#fff;text-shadow:0px 0px 3px #454545}
.login{background:#e59702;background-image:linear-gradient(to bottom,#e59702,#e5c202)}
.login:hover{background:#ff0008;background-image:-webkit-linear-gradient(top,#d5b403 0%,#e5c202 100%)}
.daftar,.quick-footer{background:#f1ee09;background-image:linear-gradient(to bottom,#f1ee09,#9b0909)}
.daftar:hover{background:#f1ee09;background-image:-webkit-linear-gradient(top,#f1ee09 0%,#f1ee09 100%)}
.login-panel{margin:6px 0}ul{list-style:none;margin:0;padding:5px 0px}ul.article{list-style:circle;padding:5px 30px}
.article li{list-style:disc;margin:0px 0px 10px 35px}.ct-rounded,.ct-rounded img,.ct-rounded .col-sm-2,.bg-rounded .container{border-radius:12px}
.bg-rounded .container{padding:25px;background:#f1ee09;margin-bottom:30px}
.ct-rounded{padding:15px;background:#6e6e6e;margin:10px auto;box-shadow:0px 0px 20px #1b1710 inset}.ct-rounded 
.col-sm-2{padding:5px;background:#5d4f37;background-image:linear-gradient(to bottom,#42a38d,#143925);box-shadow:0px 0px 5px #2b251b}.ct-rounded,
.jackpot img{border:3px solid #6e6e6e}.livecasino .image-wrapper,.sportsbook .image-wrapper,.slotgames
.image-wrapper{background:#000;border-radius:12px;background-image:linear-gradient(to bottom,#f1ee09,#0c2224);border-bottom:2px solid #023653}
.slotgames img{width:70%;margin:auto;display:block}
.title-row{margin:21px auto;border-bottom:3px solid #b19505;font-size:19px;display:flex;align-items:center;color:#fff}
.title-games{font-size:14px;padding:7px;color:#fff;text-overflow:ellipsis;white-space:nowrap;text-align:center;text-shadow:0 0 3px #534e23}
.footer{width:100%;padding:0px 0px 20px 0px}
.disclaimer{background:#ffc219;border-top:1px dotted #929292}
.footer img{height:auto}.footer-title{font-size:15px;color:#181818;margin:20px auto}
.footer .row{justify-content:left}.footer .col-sm-2{justify-content:center}
.payment .col-sm-2{margin:4px;flex:0 0 11.7%;max-width:11.7%}
.payment .col-sm-2{border-left:5px solid #59db00;padding:7px;background:#c4c4c4;text-align:center;border-radius:3px;box-shadow:0px 0px 2px #000000;color:#000}
.provider .col-sm-2{max-width:140px;margin:0px;flex:unset}
.provider img{height:auto;width:80%}.copyright{font-size:11px;padding:15px 0px;text-align:center}
.copyright a{color:#3e3e3e;display:inline-block}.article{text-align:left;color:#ffffff}
.header .bg-line{height:3px;background:#363636;background:linear-gradient(90deg,#f1ee09 0%,#fbd400 50%,#f1ee09 100%)}
.bg-line{height:3px;background:#363636;background:linear-gradient(90deg,#e3e3e3 0%,#2e7d52 50%,#e3e3e3 100%)}@media only screen and (max-width: 768px){.main-slide img{height:100%}.main-menu,
.top-header{display:none}
.mobile{display:block}
.desktop{display:none}
.header{z-index:999999;height:64px;position:fixed;background:#0f0f0f;border-bottom:1px solid #272218}
.nav-bar{border:0}.svg-beranda{background-image:url("wp-content/themes/fafa/images/icon/mobile/beranda.svg")}
.svg-slots{background-image:url("wp-content/themes/fafa/images/icon/mobile/slots.svg")}.svg-casino{background-image:url("wp-content/themes/fafa/images/icon/mobile/casino.svg")}.svg-sportsbook{background-image:url("wp-content/themes/fafa/images/icon/mobile/sportsbook.svg")}
.svg-poker{background-image:url("wp-content/themes/fafa/images/icon/mobile/poker.svg")}.svg-esports{background-image:url("wp-content/themes/fafa/images/icon/mobile/esports.svg")}
.svg-fishing{background-image:url("wp-content/themes/fafa/images/icon/mobile/fishing.svg")}.svg-togel{background-image:url("wp-content/themes/fafa/images/icon/mobile/togel.svg")}.svg-gift{background-image:url("wp-content/themes/fafa/images/icon/mobile/gift.svg")}.sticky{height:62px}
.site-logo{left:0px;right:0;width:50%;float:none;margin:auto;position:absolute;background-size:contain}
.site-logo img{width:100%;margin-left:auto;margin-right:auto;top:11px}.top-header{top:0px;left:0px;margin:auto;width:100%}.menu-mobile,
.slide{width:100%;margin:auto}
.menu-mobile .menu li{background-image:-webkit-linear-gradient(top,#ababab 0%,#585858 100%)}
.menu{float:none}
.main-mobile{background:#ececec}
.main-mobile li{width:23.3%;border-radius:7px;margin-bottom:5px;display:inline-block}
.main-mobile li a{padding:7px;font-size:14px;display:flex;align-items:center;flex-wrap:nowrap;flex-direction:column;color:#383838}
.main-mobile li .svg-menu{height:30px;width:25px;background-size:25px}
.login-mobile{padding:0}.login-mobile li{display:inline-block;border-radius:2px;width:49.5%;text-align:center}
.login-mobile li a{color:#fff;font-size:18px;padding:9px 20px;display:block;text-shadow:0px 0px 3px #000}ul.nav-item{padding:0}
.nav-item li a i{vertical-align:middle}
.nav-item li{background:#c9c9c9;position:relative;line-height:20px;display:inline-block;width:100%}
.nav-item li a{text-transform:capitalize;display:block;color:#000;text-decoration:none;padding:15px 15px}
.nav-item li:hover{background-color:#393939}
.nav-item li:before{content:"";position:absolute;top:0;left:0;z-index:-1;height:100%;width:3px;background-color:#000}
.contact-floating{position:fixed;bottom:0;width:100%;padding:3px;z-index:3}
.contact-floating li a{font-size:12px;color:#eee}
.contact-floating li{display:inline-block;width:32%;text-align:center;padding:5px 0px}
.contact-floating li i{display:block;margin:auto;background-size:18px;width:20px;height:20px}
.main{background:#dfdddd}
.slide{border:0}
.main-slide{width:100%}
.bg-rounded .container{padding:5px;background:#000000;margin-bottom:0;border-radius:0}
.ct-rounded{padding:5px}
.games .col-sm-2{max-width:31%;flex:0 0 31%;margin:4px}
.title-row{margin:10px 10px;text-align:center;color:#652626}
.footer img{width:100%;height:auto}
.footer .col-sm-2{max-width:22%;flex:1 0 22%;margin:5px;font-size:10px}
.footer-title{width:max-content}.footer .container{padding:0px 10px}
.copyright{text-align:center;padding-bottom:57px}.quick-footer{width:44%}
.quick-footer li{padding:0px 7px}#side-opener{display:none}input
 .tg{display:block;overflow:hidden;position:relative}.tg:checked+.page-content{right:272px}
 .page-sidebar{background:#dfdddd;width:272px;display:block;z-index:2;top:0px;right:0px;bottom:0px;overflow:hidden;position:fixed}
 .page-sidebar-scroll{z-index:2;overflow:scroll;overflow-x:hidden;height:100%;width:100%;top:-1px}
 .page-content{z-index:10;right:0;display:block;min-height:580px;transition:all .25s ease-out;-webkit-transition:all .25s ease-out;background-color:#0a0a0a}
 .deploy-sidebar{background-image:url("wp-content/themes/fafa/images/deploy-nav.png");background-repeat:no-repeat;background-position:9px 21px;background-size:28px 19px;height:60px;max-width:44px;z-index:50;width:20%;float:right;top:1px;right:10px}
 .sidebar-shortcuts{width:100%;height:2px;background-color:#333}}@media only screen and (max-width: 328px){.site-logo{width:38%}.site-logo img{max-width:100%;height:auto}
 .login-mobile li a{padding:5px 9px;font-size:11px}
.main-mobile li{width:47.9%}
.main-mobile li{margin-bottom:17px}
.main-mobile li a{top:76px}.slide{height:102px}
.quick-footer i{right:-13px}
.page-sidebar{width:200px}
.tg:checked+.page-content{left:202px}}}
img:is([sizes="auto" i], [sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
:root{--wp--preset--aspect-ratio--square:1;
	--wp--preset--aspect-ratio--4-3:4/3;
	--wp--preset--aspect-ratio--3-4:3/4;
	--wp--preset--aspect-ratio--3-2:3/2;
	--wp--preset--aspect-ratio--2-3:2/3;
	--wp--preset--aspect-ratio--16-9:16/9;
	--wp--preset--aspect-ratio--9-16:9/16;
	--wp--preset--color--black:#000;
	--wp--preset--color--cyan-bluish-gray:#abb8c3;
	--wp--preset--color--white:#fff;
	--wp--preset--color--pale-pink:#f78da7;
	--wp--preset--color--vivid-red:#cf2e2e;
	--wp--preset--color--luminous-vivid-orange:#ff6900;
	--wp--preset--color--luminous-vivid-amber:#fcb900;
	--wp--preset--color--light-green-cyan:#7bdcb5;
	--wp--preset--color--vivid-green-cyan:#00d084;
	--wp--preset--color--pale-cyan-blue:#8ed1fc;
	--wp--preset--color--vivid-cyan-blue:#0693e3;
	--wp--preset--color--vivid-purple:#6b0404;
	--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgba(6,147,227,1) 0%,#6b0404 100%);
	--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);
	--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
	--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgba(255,105,0,1) 0%,#cf2e2e 100%);
	--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);
	--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);
	--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);
	--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);
	--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);
	--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);
	--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);
	--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;
	--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;
	--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;
	--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;
	--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;
	--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);
	--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);
	--wp--preset--shadow--outlined:6px 6px 0px -3px rgba(255,255,255,1),6px 6px rgba(0,0,0,1);
	--wp--preset--shadow--crisp:6px 6px 0px rgba(0,0,0,1)}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:root :where(.wp-block-pullquote){font-size:1.5em;line-height:1.6}

/*# sourceURL=amp-custom.css */


<!-- ========================= CSS ========================= -->
          <style>
            /* === TITLE MATCH COLOR WITH FAQ === */
            .cok-faq-title {
              text-align: center;
              color: maroon;
              font-size: 32px;
              margin-top: 25px;
              margin-bottom: 25px;
              font-weight: 800;
              font-family: "Segoe UI", sans-serif;
              text-shadow: 0 0 12px #ffffff, 0 0 20px #ffff00;
              letter-spacing: 1px;
            }

            /* === FAQ CONTAINER === */
            .cok-faq {
              max-width: 1200px;
              margin: 10px auto 40px auto;
              font-family: "Segoe UI", sans-serif;
            }

            /* === QUESTION BUTTON === */
            .cok-faq-q {
              width: 100%;
              padding: 14px;
              background: maroon;
              color: #000000;
              font-weight: bold;
              border: 1px solid maroon;
              border-radius: 8px;
              cursor: pointer;
              text-align: left;
              margin-bottom: 8px;
              transition: .25s ease;
              box-shadow: 0 0 10px maroon;
            }

            .cok-faq-q:hover {
              background: maroon;
              box-shadow: 0 0 15px maroon;
            }

            /* === ANSWER BOX === */
            .cok-faq-a {
              max-height: 0;
              overflow: hidden;
              background: maroon;
              color: #fc0505;
              margin-top: -5px;
              border-radius: 0 0 8px 8px;
              padding: 0 14px;
              border-left: 1px solid #f2e26733;
              border-right: 1px solid #f2e26733;
              border-bottom: 1px solid #f2e26733;
              transition: max-height .35s ease, padding .25s ease;
              box-shadow: inset 0 0 10px #f2e26733;
            }

            .cok-faq-a.open {
              max-height: 500px;
              padding: 14px;
            }

            /* === RESPONSIVE === */
            @media (max-width: 480px) {
              .cok-faq-title {
                font-size: 26px;
              }
            }
          </style>


</style>
<link rel="canonical" href="https://weirdestbandintheworld.com">
<link rel="amphtml" href="https://weirdestbandintheworld.com/amp">

<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://weirdestbandintheworld.com/","url":"https://weirdestbandintheworld.com","name":"SURGA11 Smart Gamer Community Dengan Produk Digital Terbaru, Teknologi Modern, dan Pengalaman Gaming Berkualitas","isPartOf":{"@id":"https://weirdestbandintheworld.com/#website"},"datePublished":"2026-03-07T12:35:05+00:00","dateModified":"2026-04-30T05:13:15+00:00","description":"SURGA11 menjadi smart gamer community dengan teknologi modern, produk digital terbaru, akses cepat, dan pengalaman hiburan digital yang semakin lengkap.","breadcrumb":{"@id":"https://weirdestbandintheworld.com#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https://weirdestbandintheworld.com"]}]},{"@type":"BreadcrumbList","@id":"https://weirdestbandintheworld.com#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://weirdestbandintheworld.com/#website","url":"https://weirdestbandintheworld.com/","name":"SURGA11","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://weirdestbandintheworld.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"}]}</script>
<link rel="alternate" type="application/rss+xml" title="SURGA11 » Feed" href="https://weirdestbandintheworld.com/feed/"><link rel="alternate" type="application/rss+xml" title="SURGA11 » Umpan Komentar" href="https://weirdestbandintheworld.com/comments/feed/"><link rel="https://api.w.org/" href="https://weirdestbandintheworld.com/wp-json/"><link rel="alternate" title="JSON" type="application/json" href="https://weirdestbandintheworld.com/wp-json/wp/v2/pages/765"><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://weirdestbandintheworld.com/xmlrpc.php?rsd"><link rel="shortlink" href="https://weirdestbandintheworld.com/"><link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://weirdestbandintheworld.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsurgavip88.aksesindo.com%2F"><link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://weirdestbandintheworld.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsurgavip88.aksesindo.com%2F&amp;format=xml"><title>SURGA11 Smart Gamer Community Dengan Produk Digital Terbaru, Teknologi Modern, dan Pengalaman Gaming Berkualitas</title></head>
<body class="home wp-singular page-template-default page page-id-765 wp-theme-fafa">
<div id="sidebar" class="page-sidebar mobile">
        <div class="page-sidebar-scroll">	
			<div class="menu-sidebar-container"><ul id="menu-sidebar" class="nav-item"><li id="menu-item-197" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-197"><a target="_blank" href="#"><i class="svg-link svg-menu"></i>Link Alternatif</a></li>
</ul></div>			<div class="sidebar-shortcuts"></div>
        </div>
</div>
<input class="tg mobile" id="side-opener" type="checkbox">
<div id="content" class="page-content" data-snap-ignore="true">
<div class="header">
	<div class="top-header">
		<div class="container">
			<div class="top-left">
				<div class="menu-contact-container"><ul id="menu-contact" class="contact-us"><li id="menu-item-11" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11"><a target="_blank" rel="nofollow" href="#"><i class="svg-whatsapp svg-menu"></i>Whatsapp</a></li>
<li id="menu-item-12" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12"><a target="_blank" rel="nofollow" href="https://cumasurga.com/surga11"><i class="svg-telegram svg-menu"></i>Telegram</a></li>
<li id="menu-item-13" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13"><a target="_blank" rel="nofollow" href="https://cumasurga.com/surga11"><i class="svg-livechat svg-menu"></i>Livechat</a></li>
</ul></div>			</div>
			<div class="top-right">
				<div class="login-panel"><div class="menu-login-container"><ul id="menu-login" class="menu"><li id="menu-item-15" class="daftar menu-item menu-item-type-custom menu-item-object-custom menu-item-15"><a target="_blank" rel="nofollow" href="https://cumasurga.com/surga11/register">Daftar</a></li>
<li id="menu-item-16" class="login menu-item menu-item-type-custom menu-item-object-custom menu-item-16"><a target="_blank" rel="nofollow" href="https://cumasurga.com/surga11">Login</a></li>
</ul></div></div>
			</div>
		</div>
	</div>
	<div class="nav-bar">
		<div class="container">	
			<label class="deploy-sidebar" for="side-opener"></label>	
			<div class="site-logo">
				<a href="https://weirdestbandintheworld.com"><img src="image/logo.webp" alt="SURGA11" width="20%" height="auto" decoding="async" class="amp-wp-enforced-sizes"></a>
			</div>
			<div class="menu-main-container"><ul id="menu-main" class="main-menu"><li id="menu-item-17" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-17"><a href="#"><i class="svg-beranda svg-menu"></i>Beranda</a></li>
<li id="menu-item-18" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-18"><a href="#"><i class="svg-slots svg-menu"></i>Game  Games</a></li>
<li id="menu-item-19" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-19"><a href="#"><i class="svg-casino svg-menu"></i>Live Casino</a></li>
<li id="menu-item-20" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-20"><a href="#"><i class="svg-poker svg-menu"></i>Poker Online</a></li>
<li id="menu-item-21" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-21"><a href="#"><i class="svg-esports svg-menu"></i>E-Sports</a></li>
<li id="menu-item-22" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22"><a href="#"><i class="svg-fishing svg-menu"></i>Arcade</a></li>
<li id="menu-item-23" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-23"><a href="#"><i class="svg-togel svg-menu"></i>Lottery</a></li>
<li id="menu-item-24" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-24"><a href="#"><i class="svg-gift svg-menu"></i>Promotion</a></li>
</ul></div>		</div>
	</div>
	<div class="bg-line"></div>
</div>
<div class="sticky"></div>

<div class="main">
	<div class="slide">
		<div class="row">
			<div class="main-slide col-sm-12">
				<img alt="slider" src="image/banner.webp" width="1920" height="613" decoding="async" class="amp-wp-enforced-sizes">
			</div>
		</div>
	</div>
	<div class="menu-mobile mobile">
		<div class="container">
			<div class="row">
				<div class="col-sm-12">
					<div class="menu-login-container"><ul id="menu-login-1" class="login-mobile"><li class="daftar menu-item menu-item-type-custom menu-item-object-custom menu-item-15"><a target="_blank" rel="nofollow" href="https://cumasurga.com/surga11">Daftar</a></li>
<li class="login menu-item menu-item-type-custom menu-item-object-custom menu-item-16"><a target="_blank" rel="nofollow" href="https://cumasurga.com/surga11">Login</a></li>
</ul></div>					<div class="menu-main-container"><ul id="menu-main-1" class="main-mobile"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-17"><a href="#"><i class="svg-beranda svg-menu"></i>Beranda</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-18"><a href="#"><i class="svg-slots svg-menu"></i>Game  Games</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-19"><a href="#"><i class="svg-casino svg-menu"></i>Live Casino</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-20"><a href="#"><i class="svg-poker svg-menu"></i>Poker Online</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-21"><a href="#"><i class="svg-esports svg-menu"></i>E-Sports</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22"><a href="#"><i class="svg-fishing svg-menu"></i>Arcade</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-23"><a href="#"><i class="svg-togel svg-menu"></i>Lottery</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-24"><a href="#"><i class="svg-gift svg-menu"></i>Promotion</a></li>
</ul></div>				</div>
			</div>
		</div>
    </div>
	<div class="bg-rounded">
		<div class="container">
			<div class="jackpot">
				<div class="row">
					<div class="col-sm-12">
						<img alt="jackpot" src="wp-content/themes/fafa/images/jackpot.gif" width="1280" height="223" decoding="async" class="amp-wp-enforced-sizes">
					</div>
				</div>
			</div>
			<div class="games">
				<div class="title-row col-sm-12"><i class="svg-jackpot svg-content"></i>Jackpot Gaming</div>
				<div class="ct-rounded slotgames">
					<div class="row">
						<div class="col-sm-2">
							<div class="game-img">
								<div class="image-wrapper">
									<img alt="pragmaticplay" src="wp-content/themes/fafa/images/games/slots/pragmaticplay.webp" width="134" height="169" decoding="async" class="amp-wp-enforced-sizes">
								</div>
								<div class="title-games">Pragmatic Play</div>
							</div>
						</div>
						
						<div class="col-sm-2">
							<div class="game-img">
								<div class="image-wrapper">
									<img alt="reelkingdom" src="wp-content/themes/fafa/images/games/slots/reelkingdom.webp" width="134" height="169" decoding="async" class="amp-wp-enforced-sizes">
								</div>
								<div class="title-games">ReelKingdom</div>
							</div>
						</div>
						<div class="col-sm-2">
							<div class="game-img">
								<div class="image-wrapper">
									<img alt="playngo" src="wp-content/themes/fafa/images/games/slots/playngo.webp" width="134" height="169" decoding="async" class="amp-wp-enforced-sizes">
								</div>
								<div class="title-games">Play'n Go</div>
							</div>
						</div>
						<div class="col-sm-2">
							<div class="game-img">
								<div class="image-wrapper">
									<img alt="spinix" src="wp-content/themes/fafa/images/games/slots/spinix.webp" width="134" height="169" decoding="async" class="amp-wp-enforced-sizes">
								</div>
								<div class="title-games">Spinix</div>
							</div>
						</div>
						<div class="col-sm-2">
							<div class="game-img">
								<div class="image-wrapper">
									<img alt="bigpot" src="wp-content/themes/fafa/images/games/slots/bigpot.webp" width="134" height="169" decoding="async" class="amp-wp-enforced-sizes">
								</div>
								<div class="title-games">Bigpot</div>
							</div>
						</div>
						<div class="col-sm-2">
							<div class="game-img">
								<div class="image-wrapper">
									<img alt="yggdrasil" src="wp-content/themes/fafa/images/games/slots/yggdrasil.webp" width="134" height="169" decoding="async" class="amp-wp-enforced-sizes">
								</div>
								<div class="title-games">YGGDrasil</div>
							</div>
						</div>
					</div>
				</div>
				
				<div class="title-row col-sm-12"><i class="svg-livecasino svg-content"></i>Live Gaming</div>
				<div class="ct-rounded livecasino">
					<div class="row">
						<div class="col-sm-2">
							<div class="game-img">
								<div class="image-wrapper">
									<img alt="ppcasino" src="wp-content/themes/fafa/images/games/casino/ppcasino.webp" width="189" height="169" decoding="async" class="amp-wp-enforced-sizes">
								</div>
								<div class="title-games">PPCasino</div>
							</div>
						</div>
						<div class="col-sm-2">
							<div class="game-img">
								<div class="image-wrapper">
									<img alt="agcasino" src="wp-content/themes/fafa/images/games/casino/agcasino.webp" width="189" height="169" decoding="async" class="amp-wp-enforced-sizes">
								</div>
								<div class="title-games">AG Casino</div>
							</div>
						</div>
						<div class="col-sm-2">
							<div class="game-img">
								<div class="image-wrapper">
									<img alt="568win" src="wp-content/themes/fafa/images/games/casino/sbocasino.webp" width="189" height="169" decoding="async" class="amp-wp-enforced-sizes">
								</div>
								<div class="title-games">568Win</div>
							</div>
						</div>
						<div class="col-sm-2">
							<div class="game-img">
								<div class="image-wrapper">
									<img alt="sexybaccarat" src="wp-content/themes/fafa/images/games/casino/sexybaccarat.webp" width="189" height="169" decoding="async" class="amp-wp-enforced-sizes">
								</div>
								<div class="title-games">Sexy Baccarat</div>
							</div>
						</div>
						<div class="col-sm-2">
							<div class="game-img">
								<div class="image-wrapper">
									<img alt="mglive" src="wp-content/themes/fafa/images/games/casino/mglive.webp" width="189" height="169" decoding="async" class="amp-wp-enforced-sizes">
								</div>
								<div class="title-games">MGLive</div>
							</div>
						</div>
						<div class="col-sm-2">
							<div class="game-img">
								<div class="image-wrapper">
									<img alt="abcasino" src="wp-content/themes/fafa/images/games/casino/abcasino.webp" width="189" height="169" decoding="async" class="amp-wp-enforced-sizes">
								</div>
								<div class="title-games">Allbet</div>
							</div>
						</div>
					</div>
				</div>
				<div class="title-row col-sm-12"><i class="svg-sportsbook svg-content"></i>Sports Gaming</div>
				<div class="ct-rounded sportsbook">
					<div class="row">
						<div class="col-sm-2">
							<div class="game-img">
								<div class="image-wrapper">
									<img alt="sbobet" src="wp-content/themes/fafa/images/games/sports/sbobet.jpg" width="287" height="242" decoding="async" class="amp-wp-enforced-sizes">
								</div>
								<div class="title-games">SBOBET</div>
							</div>
						</div>
						<div class="col-sm-2">
							<div class="game-img">
								<div class="image-wrapper">
									<img alt="wbet" src="wp-content/themes/fafa/images/games/sports/wbet.jpg" width="287" height="242" decoding="async" class="amp-wp-enforced-sizes">
								</div>
								<div class="title-games">wbet</div>
							</div>
						</div>
						<div class="col-sm-2">
							<div class="game-img">
								<div class="image-wrapper">
									<img alt="opusplus" src="wp-content/themes/fafa/images/games/sports/opusplus.jpg" width="287" height="242" decoding="async" class="amp-wp-enforced-sizes">
								</div>
								<div class="title-games">Opusplus</div>
							</div>
						</div>
						<div class="col-sm-2">
							<div class="game-img">
								<div class="image-wrapper">
									<img alt="pinnacle sports" src="wp-content/themes/fafa/images/games/sports/pinnaclesports.jpg" width="287" height="242" decoding="async" class="amp-wp-enforced-sizes">
								</div>
								<div class="title-games">Pinnacle Sports</div>
							</div>
						</div>
						<div class="col-sm-2">
							<div class="game-img">
								<div class="image-wrapper">
									<img alt="cmd368" src="wp-content/themes/fafa/images/games/sports/cmd368.jpg" width="287" height="242" decoding="async" class="amp-wp-enforced-sizes">
								</div>
								<div class="title-games">CMD368</div>
							</div>
						</div>
						<div class="col-sm-2">
							<div class="game-img">
								<div class="image-wrapper">
									<img alt="pp virtual games" src="wp-content/themes/fafa/images/games/sports/ppvirtualgames.jpg" width="287" height="242" decoding="async" class="amp-wp-enforced-sizes">
								</div>
								<div class="title-games">PP virtual Games</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</div>
<div class="footer">
	<div class="disclaimer">
		<div class="container">
			<div class="article" id="post-765">
			<h1 class="entry-title" style="color: #000000";>SURGA11 : Situs Pembelian Game Online Menguntungkan dengan Koleksi Terlengkap</h1>
			<center><p style="text-align: justify;color: #000000"><a href="https://weirdestbandintheworld.com"><strong style="color: #ff0000;">SURGA11</strong></a>  membangun sebuah ekosistem digital yang mendukung kebutuhan komunitas gamer modern melalui teknologi yang inovatif dan layanan yang mudah diakses. Platform ini dirancang sebagai smart gamer community, tempat berkembangnya berbagai informasi, tren gaming, serta kebutuhan produk digital yang terus mengalami peningkatan setiap tahunnya.

Dengan tampilan yang modern dan navigasi yang sederhana, SURGA11 memberikan pengalaman penggunaan yang nyaman bagi berbagai kalangan. Pengguna dapat mengakses platform melalui berbagai perangkat tanpa mengalami kendala berarti, sehingga aktivitas digital dapat dilakukan secara fleksibel kapan pun dibutuhkan.

SURGA11 juga terus mengikuti perkembangan industri gaming global melalui peningkatan performa sistem dan pembaruan fitur secara berkala. Langkah tersebut dilakukan untuk memastikan setiap pengguna memperoleh pengalaman digital yang lebih cepat, stabil, dan sesuai dengan perkembangan teknologi terkini.

Didukung oleh komitmen terhadap inovasi, kualitas layanan, serta pengalaman pengguna yang optimal, <p style="text-align: justify;color: #000000"><a href="https://weirdestbandintheworld.com"><strong style="color: #ff0000;">SURGA11</strong></a> menjadi smart gamer community yang mampu menghubungkan dunia gaming, produk digital, dan teknologi modern dalam satu platform yang praktis, efisien, dan siap mengikuti perkembangan industri digital di masa depan.</p></center>
			<section class="entry-content"></section>
			</div>
			<div class="bg-line"></div>
		</div>
	</div>
	<div class="provider">
		<div class="container">
			<div class="footer-title">Penyedia Games</div>
			<div class="col-border">
				<div class="row">
					<div class="col-sm-12">
						<div class="row">
							<div class="col-sm-2">
								<img alt="pragmaticplay" src="wp-content/themes/fafa/images/provider/pragmaticplay.webp" width="120" height="60" decoding="async" class="amp-wp-enforced-sizes">
							</div>
							<div class="col-sm-2">
								<img alt="pgsoft" src="wp-content/themes/fafa/images/provider/pgsoft.webp" width="120" height="60" decoding="async" class="amp-wp-enforced-sizes">
							</div>
							<div class="col-sm-2">
								<img alt="slot88" src="wp-content/themes/fafa/images/provider/slot88.webp" width="120" height="60" decoding="async" class="amp-wp-enforced-sizes">
							</div>
							<div class="col-sm-2">
								<img alt="nolimitcity" src="wp-content/themes/fafa/images/provider/nolimitcity.webp" width="120" height="60" decoding="async" class="amp-wp-enforced-sizes">
							</div>
							<div class="col-sm-2">
								<img alt="toptrendgaming" src="wp-content/themes/fafa/images/provider/toptrendgaming.webp" width="120" height="60" decoding="async" class="amp-wp-enforced-sizes">
							</div>
							<div class="col-sm-2">
								<img alt="yggdrasil" src="wp-content/themes/fafa/images/provider/yggdrasil.webp" width="120" height="60" decoding="async" class="amp-wp-enforced-sizes">
							</div>
							<div class="col-sm-2">
								<img alt="ioncasino" src="wp-content/themes/fafa/images/provider/ioncasino.webp" width="120" height="60" decoding="async" class="amp-wp-enforced-sizes">
							</div>
							<div class="col-sm-2">
								<img alt="asiagaming" src="wp-content/themes/fafa/images/provider/asiagaming.webp" width="120" height="60" decoding="async" class="amp-wp-enforced-sizes">
							</div>
							<div class="col-sm-2">
								<img alt="sexybaccarat" src="wp-content/themes/fafa/images/provider/sexybaccarat.webp" width="120" height="60" decoding="async" class="amp-wp-enforced-sizes">
							</div>
							<div class="col-sm-2">
								<img alt="mglive" src="wp-content/themes/fafa/images/provider/mglive.webp" width="120" height="60" decoding="async" class="amp-wp-enforced-sizes">
							</div>
							<div class="col-sm-2">
								<img alt="evogaming" src="wp-content/themes/fafa/images/provider/evogaming.webp" width="120" height="60" decoding="async" class="amp-wp-enforced-sizes">
							</div>
							<div class="col-sm-2">
								<img alt="sagaming" src="wp-content/themes/fafa/images/provider/sagaming.webp" width="120" height="60" decoding="async" class="amp-wp-enforced-sizes">
							</div>
							<div class="col-sm-2">
								<img alt="pgslive" src="wp-content/themes/fafa/images/provider/pgslive.webp" width="120" height="60" decoding="async" class="amp-wp-enforced-sizes">
							</div>
							<div class="col-sm-2">
								<img alt="win568" src="wp-content/themes/fafa/images/provider/win568.webp" width="120" height="60" decoding="async" class="amp-wp-enforced-sizes">
							</div>
							<div class="col-sm-2">
								<img alt="webet" src="wp-content/themes/fafa/images/provider/webet.webp" width="120" height="60" decoding="async" class="amp-wp-enforced-sizes">
							</div>
							<div class="col-sm-2">
								<img alt="cmd368" src="wp-content/themes/fafa/images/provider/cmd368.webp" width="120" height="60" decoding="async" class="amp-wp-enforced-sizes">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="payment">
			<div class="container">
					<div class="footer-title">Metode Pembayaran</div>
					<div class="bank col-sm-12">
						<div class="col-title">Bank</div>
						<div class="col-border">
							<div class="row">
								<div class="col-sm-2">Cimb Niaga</div>
								<div class="col-sm-2">BCA</div>
								<div class="col-sm-2">Danamon</div>
								<div class="col-sm-2">Permata</div>
								<div class="col-sm-2">Mandiri</div>
								<div class="col-sm-2">BNI</div>
								<div class="col-sm-2">BRI</div>
								<div class="col-sm-2">Panin</div>
							</div>
						</div>
					</div>
					<div class="pulsa col-sm-12">
						<div class="col-title">Pulsa</div>
						<div class="col-border">
							<div class="row">
								<div class="col-sm-2">XL Axiata</div>
								<div class="col-sm-2">Tri</div>
								<div class="col-sm-2">Telkomsel</div>
								<div class="col-sm-2">Axis</div>
							</div>
						</div>
					</div>
					<div class="ewallet col-sm-12">
						<div class="col-title">E-Money</div>
						<div class="col-border">
							<div class="row">
								<div class="col-sm-2">QRIS</div>
								<div class="col-sm-2">Dana</div>
								<div class="col-sm-2">OVO</div>
								<div class="col-sm-2">LinkAja</div>
								<div class="col-sm-2">Gopay</div>
							</div>
						</div>
					</div>
			</div>
	</div>

<style>
  /* SURGA11 Premium Section – Gold & Black 2025 Edition */
  .SURGA11-section {
    max-width: 1280px;
    margin: 50px auto;
    padding: 60px 40px;
    background: linear-gradient(135deg, #0d0d0d 0%, #000000 100%);
    border-radius: 24px;
    border: 3px solid #ea1414;
    box-shadow: 
      0 0 40px rgba(255, 215, 0, 0.4),
      inset 0 0 40px rgba(255, 215, 0, 0.08);
    position: relative;
    overflow: hidden;
    font-family: "Poppins", sans-serif;
  }

  .SURGA11-section h2 {
    text-align: center;
    font-size: 36px;
    font-weight: 900;
    color: #ea1414;
    text-shadow: 0 0 15px rgba(255, 215, 0, 0.7);
    margin-bottom: 50px;
    letter-spacing: 1.5px;
    position: relative;
  }

  .SURGA11-section h2::after {
    content: "";
    display: block;
    width: 150px;
    height: 4px;
    background: linear-gradient(90deg, transparent, #ea1414, transparent);
    margin: 20px auto 0;
    border-radius: 2px;
  }

  /* FAQ – Style baru */
  .faq-grid {
    display: grid;
    gap: 20px;
    max-width: 1000px;
    margin: 0 auto 70px;
  }

  details {
    background: linear-gradient(145deg, #1a1a1a, #0f0f0f);
    border: 2px solid #ea1414;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.4s ease;
  }

  details[open] {
    box-shadow: 0 0 30px rgba(255, 215, 0, 0.5);
  }

  summary {
    padding: 22px 28px;
    font-size: 19px;
    font-weight: 700;
    color: #ea1414;
    cursor: pointer;
    background: linear-gradient(90deg, #ea1414, #ffe935);
    color: #000;
    position: relative;
  }

  summary::marker { color: #000; }
  summary::-webkit-details-marker { display: none; }

  details p {
    padding: 25px 28px;
    background: #111;
    color: #e0e0e0;
    font-size: 16px;
    line-height: 1.8;
  }

  /* Testimoni – 3 kolom landscape */
  .testi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 30px;
    margin-top: 50px;
  }

  blockquote {
    background: linear-gradient(135deg, #ea1414, #ffe935);
    color: #000;
    padding: 30px 28px;
    border-radius: 16px;
    position: relative;
    font-style: italic;
    box-shadow: 0 10px 30px rgba(0,0,0,0.6);
    transition: all 0.4s;
  }

  blockquote:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 50px rgba(255, 215, 0, 0.4);
  }

  blockquote::before {
    content: "“";
    font-size: 100px;
    font-family: Georgia, serif;
    opacity: 0.2;
    position: absolute;
    top: -10px;
    left: 15px;
    line-height: 1;
  }

  cite {
    display: block;
    margin-top: 20px;
    text-align: right;
    font-weight: 900;
    font-size: 17px;
    color: #000;
  }

  /* Shine effect lebih dramatis */
  .SURGA11-section::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 60%;
    height: 300%;
    background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.4) 50%, transparent 70%);
    transform: skewX(-25deg);
    animation: megaShine 5s infinite;
    pointer-events: none;
  }

  @keyframes megaShine {
    0%   { left: -100%; }
    100% { left: 120%; }
  }
</style>

<div class="SURGA11-section">

  <h2>FAQ SURGA11 Resmi</h2>

  <div class="faq-grid">
  <details>
    <summary>Apakah SURGA11 memerlukan instalasi aplikasi tambahan?</summary>
    <p>
      Tidak perlu. Semua fitur SURGA11 dapat diakses langsung  browser. Ini memudahkan pengguna karena tidak perlu memenuhi memori perangkat.
    </p>
  </details>

  <details>
    <summary>Bagaimana pengalaman menggunakan SURGA11 lewat perangkat mobile?</summary>
    <p>
      SURGA11 sudah dioptimalkan untuk penggunaan di ponsel. Tampilan menyesuaikan layar dengan baik dan tetap ringan saat diakses. Navigasi juga terasa responsif meskipun digunakan dalam waktu lama.
    </p>
  </details>

  <details>
    <summary>Apakah SURGA11 cocok untuk pengguna yang baru pertama kali mencoba?</summary>
    <p>
      Sangat cocok. Struktur menu dibuat sederhana dan mudah dipahami sejak awal. Bahkan pengguna baru bisa langsung beradaptasi tanpa perlu waktu lama untuk belajar.
    </p>
  </details>

  <details>
    <summary>Apa yang membuat SURGA11 terasa nyaman digunakan?</summary>
    <p>
      SURGA11 dirancang dengan tampilan yang rapi dan alur penggunaan yang jelas. Pengguna bisa langsung memahami fungsi setiap menu tanpa harus menebak-nebak. Hal ini membuat pengalaman penggunaan terasa lebih santai dan tidak melelahkan.
    </p>
  </details>

  <details>
    <summary>Bagaimana performa SURGA11 saat diakses lewat ponsel?</summary>
    <p>
      SURGA11 sudah dioptimalkan untuk perangkat mobile. Tampilannya menyesuaikan layar dengan baik dan tetap ringan. Navigasi juga terasa responsif meskipun digunakan dalam waktu lama.
    </p>
  </details>

  <details>
    <summary>Apakah SURGA11 bisa diakses kapan saja?</summary>
    <p>
      Bisa. Tidak ada batasan waktu akses selama koneksi internet tersedia. Fleksibilitas ini memudahkan pengguna menyesuaikan waktu penggunaan.
    </p>
  </details>
</div>

  <h2>ULASAN MEMBER SURGA11</h2>

  <div class="testimoni-grid">
  <blockquote>
    “Semua fitur di SURGA11 gampang diakses tanpa ribet. Desainnya sederhana tapi informatif. Dipakai lama juga nggak bikin capek.”
    <cite>Rosi – Wonosobo</cite>
  </blockquote>

  <blockquote>
    “SURGA88 menurut saya konsisten performanya. Menu tertata rapi dan mudah ditemukan. Pengalaman pakainya stabil dari awal sampai sekarang.”
    <cite>Bima – Sanggau</cite>
  </blockquote>

  <blockquote>
   “Saya paling suka karena tampilannya bersih dan ringan di HP. Akses cepat dan jarang ada gangguan. Cocok buat dipakai kapan saja.”
    <cite>Livia – Metro</cite>
  </blockquote>

  <blockquote>
    “Pertama kali pakai SURGA11 langsung kerasa rapi dan mudah dipahami. Alurnya jelas, jadi nggak perlu adaptasi lama. Dipakai rutin juga tetap nyaman.”
    <cite>Arief – Banjarnegara</cite>
  </blockquote>

  <blockquote>
    “Suka karena tampilannya simpel tapi informatif. Semua kebutuhan ada di satu tempat. Pengalaman pakainya terasa praktis dan efisien.”
    <cite>Dina – Parepare</cite>
  </blockquote>

  <blockquote>
     “ SURGA11 punya sistem yang menurut saya rapi dan teratur. Menu mudah ditemukan dan nggak bikin bingung. Cocok banget buat pemakaian rutin.”
    <cite>Arman – Pangkalan Bun</cite>
  </blockquote>
</div>

  <div style="text-align:center; margin-top:60px;">
    <a href="https://weirdestbandintheworld.com" 
       style="color:#1ef33a; font-size:22px; font-weight:900; text-shadow:0 0 15px #ea1414;">
      SURGA11 - Situs Taruhan Permainan Game  Terbaik Resmi
    </a>
  </div>

</div>

	<div class="livechat">
		<div class="menu-livechat-container"><ul id="menu-livechat" class="quick-footer desktop"><li id="menu-item-14" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14"><a target="_blank" rel="nofollow" href="https://cumasurga.com/surga11">Livechat<i class="svg-livechat svg-menu"></i></a></li>
</ul></div>		<div class="menu-contact-container"><ul id="menu-contact-1" class="contact-floating mobile"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11"><a target="_blank" rel="nofollow" href="#"><i class="svg-whatsapp svg-menu"></i>Whatsapp</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12"><a target="_blank" rel="nofollow" href="https://cumasurga.com/surga11"><i class="svg-telegram svg-menu"></i>Telegram</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13"><a target="_blank" rel="nofollow" href="https://cumasurga.com/surga11"><i class="svg-livechat svg-menu"></i>Livechat</a></li>
</ul></div>	</div>
</div>
</div>



<style>
:root {
  --primary: #ff9900; /* 🔥 GANTI WARNA DISINI */
}

/* RESET */
* {
  box-sizing: border-box;
}

/* OVERLAY */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  backdrop-filter: blur(6px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;
  animation: fadeBg 0.5s ease;
}

/* BACKGROUND FADE */
@keyframes fadeBg {
  from { background: rgba(0,0,0,0); }
  to { background: rgba(0,0,0,0.7); }
}

/* POPUP BOX */
.popup-container {
  width: 90%;
  max-width: 400px;
  background: #0a0a0a;
  border-radius: 18px;
  padding: 20px;
  text-align: center;
  position: relative;
  border: 2px solid var(--primary);

  animation:
    popupIn 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    glowPulse 2.5s infinite ease-in-out,
    floatSoft 4s infinite ease-in-out;
}

/* MASUK */
@keyframes popupIn {
  0% {
    opacity: 0;
    transform: scale(0.5) translateY(80px);
  }
  60% {
    transform: scale(1.05) translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

/* GLOW HIDUP */
@keyframes glowPulse {
  0%,100% {
    box-shadow:
      0 0 10px var(--primary),
      0 0 30px var(--primary);
  }
  50% {
    box-shadow:
      0 0 25px var(--primary),
      0 0 60px var(--primary);
  }
}

/* FLOAT */
@keyframes floatSoft {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

/* IMAGE */
.popup-image {
  width: 100%;
  border-radius: 12px;
  margin-bottom: 15px;
}

/* BUTTON */
.popup-buttons a {
  display: block;
  margin: 12px 0;
  padding: 15px;
  border-radius: 50px;
  font-weight: bold;
  text-decoration: none;
  color: #000;
  background: var(--primary);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;

  box-shadow:
    0 0 15px var(--primary),
    0 0 30px var(--primary);
}

/* KILAT NYETRUM */
.popup-buttons a::after {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.6),
    transparent
  );
  transition: 0.5s;
}

/* HOVER BUTTON */
.popup-buttons a:hover {
  transform: scale(1.07);
  box-shadow:
    0 0 25px var(--primary),
    0 0 60px var(--primary);
}

.popup-buttons a:hover::after {
  left: 120%;
}

/* CLOSE BUTTON */
.close-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(0,0,0,0.7);
  border: 2px solid var(--primary);
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;

  color: var(--primary);
  font-size: 20px;
  font-weight: bold;

  transition: 0.3s;
}

/* ICON */
.close-btn::before {
  content: "×";
}

/* HOVER CLOSE */
.close-btn:hover {
  background: var(--primary);
  color: #000;
  transform: rotate(90deg) scale(1.1);
}

/* FOOTER */
.popup-footer {
  margin-top: 12px;
  font-size: 12px;
  color: #ccc;
}

.popup-footer span {
  color: var(--primary);
}
</style>

<div class="popup-overlay" id="popupOverlay">
    <div class="popup-container">
        <!-- Tombol Close -->
        <div class="close-btn" onclick="closePopup()"></div>
        
        <!-- Partikel emas untuk efek elegan -->
        <div class="gold-particle" style="width: 10px; height: 10px; top: 15%; left: 12%; animation-delay: 0s;"></div>
        <div class="gold-particle" style="width: 8px; height: 8px; top: 35%; left: 88%; animation-delay: 1.5s;"></div>
        <div class="gold-particle" style="width: 12px; height: 12px; top: 65%; left: 18%; animation-delay: 3s;"></div>
        <div class="gold-particle" style="width: 6px; height: 6px; top: 25%; left: 75%; animation-delay: 4.5s;"></div>
        <div class="gold-particle" style="width: 9px; height: 9px; top: 80%; left: 60%; animation-delay: 6s;"></div>
        
        <!-- Border mewah -->
        <div class="luxury-border"></div>
        
        <div class="bobarawr">
            <img src="image/banner.webp" alt="Popup Banner" class="popup-image" />

            <div class="popup-buttons">
                <a href="https://linkternama.com/surga11">LOGIN</a>
                <a href="https://linkternama.com/surga11/register">DAFTAR</a>
            </div>
   <div class="popup-footer">
                surga11<br/>
                <span style="color: #d4af37; font-weight: 600; text-shadow: 0 0 5px rgba(212, 175, 55, 0.5);">&copy; COPYRIGHT 2026 surga11</span>
            </div>
        </div>
    </div>
</div>

<script>
    function closePopup() {
        const popupOverlay = document.getElementById('popupOverlay');
        popupOverlay.style.opacity = '0';
        popupOverlay.style.transition = 'opacity 0.3s ease';
        
        setTimeout(() => {
            popupOverlay.style.display = 'none';
        }, 300);
    }
    
    // Menutup popup ketika mengklik area di luar popup
    document.getElementById('popupOverlay').addEventListener('click', function(event) {
        if (event.target === this) {
            closePopup();
        }
    });
</script>
      
</body>





</html>


