<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>Brotogel | Result HK Hari Ini, Data Pasaran dan Statistik Terupdate</title>
<meta name="description" content="Pantau Result HK hari ini dengan data pasaran dan statistik terbaru yang diperbarui secara berkala. Temukan informasi hasil Hongkong, riwayat data, serta berbagai statistik yang disajikan secara lengkap dan mudah dipahami di Brotogel.">
<link rel="canonical" href="https://holistichealthshow.com/">
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow">
<meta name="author" content="Brotogel">
<meta name="publisher" content="Brotogel">
<meta name="language" content="id-ID">
<meta name="geo.country" content="ID">
<meta name="geo.placename" content="Indonesia">
<meta name="google-site-verification" content="efff5b9b84b87794" />
<meta property="og:type" content="website">
<meta property="og:locale" content="id_ID">
<meta property="og:title" content="Brotogel | Result HK Hari Ini, Data Pasaran dan Statistik Terupdate">
<meta property="og:description" content="Pantau Result HK hari ini dengan data pasaran dan statistik terbaru yang diperbarui secara berkala. Temukan informasi hasil Hongkong, riwayat data, serta berbagai statistik yang disajikan secara lengkap dan mudah dipahami di Brotogel.">
<meta property="og:url" content="https://holistichealthshow.com/">
<meta property="og:site_name" content="Brotogel">
<meta property="og:image" content="https://holistichealthshow.com/sliderutama.webp">
<meta property="og:image:alt" content="Brotogel | Result HK Hari Ini, Data Pasaran dan Statistik Terupdate">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@BrotogelOFC88">
<meta name="twitter:title" content="Brotogel | Result HK Hari Ini, Data Pasaran dan Statistik Terupdate">
<meta name="twitter:description" content="Pantau Result HK hari ini dengan data pasaran dan statistik terbaru yang diperbarui secara berkala. Temukan informasi hasil Hongkong, riwayat data, serta berbagai statistik yang disajikan secara lengkap dan mudah dipahami di Brotogel.">
<meta name="twitter:image" content="https://holistichealthshow.com/sliderutama.webp">
<link rel="amphtml" href="https://kagebunshin.holistichealthshow.com/">
<link rel="alternate" hreflang="id-id" href="https://kagebunshin.holistichealthshow.com/"/>
<link rel="alternate" href="https://kagebunshin.holistichealthshow.com/"/>
<link rel="alternate" hreflang="id" href="https://kagebunshin.holistichealthshow.com/"/>
<link rel="alternate" hreflang="en" href="https://kagebunshin.holistichealthshow.com/"/>
<link rel="alternate" hreflang="x-default" href="https://kagebunshin.holistichealthshow.com/"/>
<link rel="icon" type="image/webp" href="https://holistichealthshow.com/favicon.webp">
<link rel="icon" type="image/png" href="https://holistichealthshow.com/favicon.webp">
<link rel="apple-touch-icon" href="https://holistichealthshow.com/favicon.webp">
<link rel="preload" as="image" href="https://holistichealthshow.com/banner/brotogel-logo.webp">
<link rel="preload" as="image" href="https://holistichealthshow.com/sliderutama.webp">
<link rel="preload" as="image" href="https://holistichealthshow.com/banner/brotogel-bannerutama-800.webp" imagesrcset="https://holistichealthshow.com/banner/brotogel-bannerutama-480.webp 480w, https://holistichealthshow.com/banner/brotogel-bannerutama-800.webp 800w, https://holistichealthshow.com/sliderutama.webp 1250w" imagesizes="(max-width: 768px) 480px, (max-width: 1200px) 800px, 1250px">
<link rel="preconnect" href="https://holistichealthshow.com" crossorigin>
<link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
<link rel="dns-prefetch" href="https://holistichealthshow.com">
<script defer src="/assets/swiper/swiper-bundle.min.js"></script>

<script type="application/ld+json">
{
 "@context": "https://schema.org",
 "@type": "WebPage",
 "name": "Brotogel | Result HK Hari Ini, Data Pasaran dan Statistik Terupdate",
 "url": "https://holistichealthshow.com",
 "description": "Pantau Result HK hari ini dengan data pasaran dan statistik terbaru yang diperbarui secara berkala. Temukan informasi hasil Hongkong, riwayat data, serta berbagai statistik yang disajikan secara lengkap dan mudah dipahami di Brotogel..",
 "inLanguage": "id-ID"
}
</script>
<script type="application/ld+json">
{
 "@context": "https://schema.org",
 "@type": "BreadcrumbList",
 "itemListElement": [
  {
   "@type": "ListItem",
   "position": 1,
   "name": "Home",
   "item": "https://holistichealthshow.com"
  },
  {
   "@type": "ListItem",
   "position": 2,
   "name": "Link Alternatif",
   "item": "https://holistichealthshow.com/login-brotogel"
  },
  {
   "@type": "ListItem",
   "position": 3,
   "name": "Brotogel",
   "item": "https://holistichealthshow.com"
  }
 ]
}
</script>

<script type="application/ld+json">
{
 "@context": "https://schema.org",
 "@type": "FAQPage",
 "mainEntity": [
  {
   "@type": "Question",
   "name": "Apa itu link alternatif Brotogel?",
   "acceptedAnswer": {
    "@type": "Answer",
    "text": "Link alternatif Brotogel adalah domain cadangan resmi yang digunakan untuk mengakses situs ketika domain utama tidak dapat dibuka."
   }
  },
  {
   "@type": "Question",
   "name": "Kenapa Brotogel tidak bisa diakses?",
   "acceptedAnswer": {
    "@type": "Answer",
    "text": "Biasanya disebabkan oleh pembatasan dari provider internet sehingga diperlukan link alternatif untuk tetap mengakses situs."
   }
  },
  {
   "@type": "Question",
   "name": "Apakah link alternatif Brotogel aman?",
   "acceptedAnswer": {
    "@type": "Answer",
    "text": "Ya, selama menggunakan link resmi yang diperbarui secara berkala, akses tetap aman dan data pengguna terlindungi."
   }
  },
  {
   "@type": "Question",
   "name": "Apakah perlu VPN untuk membuka Brotogel?",
   "acceptedAnswer": {
    "@type": "Answer",
    "text": "Tidak, dengan menggunakan link alternatif resmi Anda tetap bisa login tanpa perlu menggunakan VPN."
   }
  }
 ]
}
</script>


<style>
        *,
        ::after,
        ::before {
            box-sizing: border-box
        }

        @media (prefers-reduced-motion:no-preference) {
            :root {
                scroll-behavior: smooth;
            }
        }

        .container {
            --bs-gutter-x: 1.5rem;
            --bs-gutter-y: 0;
            width: 100%;
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5);
            margin-right: auto;
            margin-left: auto;
        }


        @media (min-width:576px) {

            .container {
                max-width: 540px
            }
        }

        @media (min-width:768px) {

            .container {
                max-width: 720px
            }
        }

        @media (min-width:992px) {

            .container {
                max-width: 960px
            }

            .col-lg-12 {
                flex: 0 0 auto;
                width: 100%
            }

            .col-lg-4 {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .col-lg-8 {
                flex: 0 0 auto;
                width: 66.66666667%
            }
        }

        @media (min-width:1200px) {

            .container {
                max-width: 1140px
            }
        }

        @media (min-width:1400px) {

            .container {
                max-width: 1320px
            }
        }

        .row {
            --bs-gutter-x: 1.5rem;
            --bs-gutter-y: 0;
            display: flex;
            flex-wrap: wrap;
            margin-top: calc(-1 * var(--bs-gutter-y));
            margin-right: calc(-.5 * var(--bs-gutter-x));
            margin-left: calc(-.5 * var(--bs-gutter-x))
        }

        .row>* {
            flex-shrink: 0;
            max-width: 100%;
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5);
            margin-top: var(--bs-gutter-y)
        }

        @media (max-width:576px) {

            .col-sm-12 {
                flex: 0 0 auto;
                width: 100%
            }

            .col-sm-6 {
                flex: 0 0 auto;
                width: 50%
            }
        }

        ol,
        ul {
            margin-top: 0
        }

        ol,
        ul {
            margin-bottom: 1rem
        }

        .px-1 {
            padding-right: .25rem;
            padding-left: .25rem
        }

        .pt-2 {
            padding-top: .5rem
        }

        ol,
        ul {
            padding-left: 2rem
        }

        a,
        a.button-cta,
        a:hover,
        a:visited {
            text-decoration: none
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            
        }

        .seo-text {
            margin: 40px 0;
            line-height: 1.4;
            color: #000000;
            text-align: justify;
        }

        h1 {
            font-size: 30px
        }

        h2 {
            font-size: 24px;
            text-align: center;
        }

        h3 {
            font-size: 20px
        }

        a.button-cta {
            font-size: 16px
        }

        a.button-cta {
            border-radius: 6px;
            display: inline-block;
            cursor: pointer;
            color: #fff;
            font-weight: 600;
            padding: 15px 40px;
            margin-bottom: 10px;
            width: 100%;
            text-align: center
        }

        a.btn-login {
            background-image: linear-gradient(to bottom, #002e66, #002e66 50%, #5e5b5b)
        }

        a.btn-register {
            background-image: linear-gradient(to bottom, #002e66, #002e66 50%, #5e5b5b)
        }

        a.btn-alt-link {
            background-image: linear-gradient(to bottom, #002e66, #002e66 50%, #5e5b5b)
        }

        .seo-text h1,
        .seo-text h2,{
            color: #000000
        } }
        
        .seo-text h3 {
            color: #ffffff
        }

        .seo-text h1 {
            text-align: center
        }

        .seo-text a {
            color: #00414D;
            font-weight: 700;
        }

        article li {
            margin-bottom: 5px
        }

            @media (min-width:721px) {
    
                .slider {
                    padding-top: 130px
            }
        }

        @media (max-width:720px) {

            .slider {
                padding-top: 68px
            }
        }

        .cta {
            background-image: linear-gradient(to bottom, #ffffff 5%, #ffffff 100%)
        }

        .site-header-inner-container {
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-content: center
        }

        .site-header-inner-container .logo {
            display: inline-block;
            width: 50%;
            padding: 5px
        }

        .topbar-container {
            padding: 8px 0;
            border-bottom: 1px solid #000000;
            background: linear-gradient(89.87deg, #002e66 35.41%, #002e66 121.72%);
            font-size: 12px
        }

        @media (min-width:721px) {
            .navbar {
                position: relative;
                z-index: 1000;
                min-height: 50px;
                margin-bottom: 20px;
                border: 1px solid transparent;
                border-radius: 4px
            }

            .navbar:after,
            .navbar:before {
                display: table;
                content: " "
            }

            .navbar:after {
                clear: both
            }

            .site-header-m {
                display: none
            }

            .navbar-fixed-top {
                position: fixed;
                right: 0;
                left: 0;
                border-width: 0 0 1px;
                border-radius: 0;
                top: 0;
                z-index: 1030
            }

            .topbar-container {
                max-height: 60px
            }

            .topbar-inner-container {
                display: flex;
                flex-wrap: nowrap;
                justify-content: space-between;
                align-items: center;
                padding: 10px 0
            }

            .topbar-left-section {
                display: flex;
                flex-wrap: nowrap
            }

            .topbar-left-section img {
                display: inline-block;
                height: 14px;
                width: 14px;
                background: center/contain no-repeat;
                margin-right: 5px;
                animation-name: topbar-icon-bounce;
                animation-duration: 2.5s;
                animation-fill-mode: both;
                animation-timing-function: linear;
                animation-iteration-count: infinite
            }

            @keyframes topbar-icon-bounce {

                0%,
                100%,
                20%,
                40%,
                60%,
                80% {
                    transform: translateY(0)
                }

                70% {
                    transform: translateY(-5px)
                }

                50% {
                    transform: translateY(-12px)
                }
            }

            .topbar-left-section .topbar-item {
                color: #ffffff;
                display: flex;
                justify-content: center;
                align-items: center
            }

            .topbar-left-section .topbar-item+.topbar-item {
                margin-left: 10px;
                border-left: 1px dotted #ffffff
            }

            .topbar-left-section .topbar-item a {
                color: #ffffff;
                padding: 5px 10px;
                border-radius: 3px;
                line-height: 1;
                display: flex;
                align-items: center
            }

            .login-panel .forgot-password-link:hover,
            .top-menu>li:hover,
            .topbar-left-section .topbar-item a:hover {
                color: #ffffff
            }

            .login-panel {
                display: flex;
                flex-wrap: nowrap;
                justify-content: flex-end;
                color: #ffffff
            }

            .login-panel .login-button,
            .login-panel .register-button {
                border-radius: 15px;
                display: block;
                padding: 3px 10px;
                text-transform: uppercase;
                line-height: 22px;
                border: none;
                width: 90px;
                text-align: center;
                outline: 0;
                color: #fff;
                font-weight: 600
            }

            .login-panel .login-button {
                background: #000000
            }

            .login-panel .login-button:hover {
                background: #000000
            }

            .login-panel .register-button {
                background: #000000
            }

            .login-panel .register-button:hover {
                background: #000000;
                background: linear-gradient(to right, #000000 0, #dfcc98 100%)
            }

            .login-panel .forgot-password-link {
                display: flex;
                align-items: center;
                color: #ffffff
            }

            .login-panel .login-panel-item+.login-panel-item {
                margin-left: 10px
            }

            .login-panel .login-panel-item:last-of-type {
                padding-right: 15px;
                margin-right: 15px;
                border-right: 1px dotted #ffffff
            }

            .site-header {
                background: #000000;
                box-shadow: inset 0 2px 1px rgba(255, 255, 255, .1);
                height: 70px
            }

            .site-header .container .row>div {
                position: initial
            }

            .top-menu {
                font-size: 14px;
                margin: 0;
                padding: 0;
                list-style: none;
                display: flex;
                flex-wrap: nowrap
            }

            .top-menu>li {
                flex: 1;
                color: #ffffff;
                display: flex;
                align-items: center
            }

            .top-menu>li+li:before {
                content: "";
                height: 20px;
                background: #eae2d3;
                width: 1px;
                margin: 0 8px
            }

            .top-menu>li>a {
                text-decoration: none;
                display: block;
                width: 100%;
                text-align: center;
                color: inherit;
                text-transform: uppercase;
                white-space: nowrap
            }
        }

        @media (max-width:720px) {
            .navbar {
                display: none
            }

            .site-header-m {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                height: 60px;
                z-index: 99;
                border-bottom: 1px solid #000000;
                background: linear-gradient(89.87deg, #002e66 35.41%, #8CE1D1 121.72%);
                padding: 8px;
                display: flex;
                justify-content: space-between;
                align-items: center
            }

            .site-header-m .header-info {
                margin: 0 5px 0 auto;
                display: flex;
                align-items: center
            }

            .site-header-m .header-info a {
                border-radius: 25px;
                font-size: 15px;
                color: #fff;
                padding: 5px 10px
            }

            .site-header-m .header-info a.login-button {
                background: #000000;
                margin-right: 5px
            }

            .site-header-m .header-info a.register-button {
                background: #000000
            }

            .navbar-fixed-top {
                position: fixed;
                right: 0;
                left: 0;
                border-width: 0 0 1px;
                border-radius: 0;
                top: 0;
                z-index: 1030
            }

            .topbar-container {
                max-height: 70px;
                padding: 0
            }

            .sidebar {
                background-color: #fff;
                width: 100%
            }

            amp-sidebar {
                width: 100vw;
                max-width: 100vw
            }
        }

        .footer-separator {
            padding: 15px 0 0;
            margin: 15px 0 0;
            border-top: 1px dotted #000000
        }

        .bank-list {
            padding-left: 0;
            text-align: center;
        }

        hr {
            border: 0
        }

        .bank-list>li {
            position: relative;
            display: inline-block;
            padding: 5px 0 5px 10px
        }

        .bottom-copyrights {
            padding: 15px 0;
            border-top: 1px solid #000000;
            background: linear-gradient(89.87deg, #002e66 35.41%, #002e66 121.72%);
            font-size: 12px
        }

        .footer-links {
            margin: 0;
            padding: 0;
            list-style: none
        }

        .footer-links>li {
            display: inline-block;
            margin-bottom: 5px
        }

        .footer-links>li>a {
            cursor: pointer;
            display: block;
            color: #ffffff;
            padding-right: 10px;
            line-height: 20px;
            text-decoration: none;
            padding-left: 10px;
            border-left: 1px solid #ffffff
        }

        .footer-links>li>a:hover {
            color: #bda06b
        }

        .copyright {
            color: #ffffff;
            text-align: right
        }

        @media (max-width:720px) {

            .copyright {
                text-align: center
            }

            .footer-links>li {
                width: 47%
            }

            .copyright {
                font-weight: 600;
                margin-top: 10px;
                margin-bottom: 80px
            }
        }

        @media (min-width:721px) {
            .frame {
                display: none
            }
        }

        @media (max-width:720px) {
            .tabbar {
                --primary: #fdcc26;
                --background: #002e66;
                --icon-active: #fdcc26;
                --x: 64px;
                width: 100%;
                margin: 5px;
                padding: 0;
                border-radius: 28px;
                list-style: none;
                position: relative;
                display: grid;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                background: var(--background);
                background-image: radial-gradient(93% 87% at 87% 89%, rgba(0, 0, 0, .23) 0, transparent 86.18%), radial-gradient(66% 66% at 26% 20%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%);
                box-shadow: inset -3px -3px 9px rgba(255, 255, 255, .25), inset 0 3px 9px rgba(255, 255, 255, .3), inset 0 1px 1px rgba(255, 255, 255, .6), inset 0 -8px 36px rgba(0, 0, 0, .3), inset 0 1px 5px rgba(255, 255, 255, .6), 2px 19px 31px rgba(0, 0, 0, .2);
                box-shadow: rgba(0, 0, 0, .64) 1px 1px 3px
            }

            .tabbar:after,
            .tabbar:before {
                content: "";
                position: absolute;
                left: 0;
                border-radius: 50%;
                transform: translateX(var(--x))
            }

            .tabbar:before {
                width: 64px;
                height: 64px;
                margin-left: -42px;
                background: transparent !important;
                top: -16px;
                z-index: 999
            }

            .tabbar:after {
                width: 84px;
                height: 84px;
                margin-left: -52px;
                transform: none !important;
                top: -26px
            }

            .tabbar li a {
                display: block;
                padding: 18px 0;
                backface-visibility: hidden;
                transition: transform .2s;
                -webkit-tap-highlight-color: transparent
            }

            .tabbar li a div {
                --y: 0;
                width: 32px;
                height: 32px;
                margin: 0 auto;
                position: relative;
                z-index: 999;
                backface-visibility: hidden;
                transform: translateY(var(--y))
            }

            .tabbar li a div:before {
                --s-x: 1;
                --s-y: 1;
                content: "";
                display: block;
                position: absolute;
                z-index: 999;
                transform: scaleX(var(--s-x)) scaleY(var(--s-y))
            }

            .tabbar li.active a div {
                --y: 0px;
                margin-left: 38px
                justify-content: center;
                display: flex;
            }

            .frame {
                width: 100%;
                height: 105px;
                border-radius: 0 0 28px 28px;
                overflow: hidden;
                display: flex;
                align-items: flex-end;
                position: fixed;
                z-index: 99;
                bottom: 0;
                right: 0px;
            }
        }

        .Question {
            background-color: #eee;
            color: #000000;
            cursor: pointer;
            padding: 18px;
            width: 100%;
            border: none;
            text-align: left;
            outline: none;
            font-size: 15px;
            transition: 0.4s;
            font-weight: bolder;
        }

        .ac,
        .Question:hover {
            background-color: #ccc;
        }

        .Question:after {
            content: '\002B';
            color: #777;
            font-weight: bold;
            float: right;
            margin-left: 5px;
        }

        .ac:after {
            content: "\2212";
        }

        .faqpanel {
            padding: 0 18px;
            background-color: white;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.2s ease-out;
        }
    </style>
</head>

<body>
    <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KXJFM4DH"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
    <header>
        <div class="navbar navbar-fixed-top">
            <div class="topbar-container">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 topbar-inner-container">
                            <div class="topbar-left-section">
                                <div class="topbar-item"><a href="https://kagebunshin.holistichealthshow.com" target="_blank"
                                        rel="noopener noreferrer" class="js_live_chat_link"><img
                                            src="/banner/chat.webp" width="15" height="15"
                                            style="max-width: 100%; height: auto;" alt="Customer Service Brotogel"> Live
                                        Chat </a>
                                </div>
                                <div class="topbar-item"><a href="https://kagebunshin.holistichealthshow.com" target="_blank"
                                        rel="noopener noreferrer"><img src="/banner/smartphone.webp"
                                            width="15" height="15" style="max-width: 100%; height: auto;"
                                            alt="Mobile Version Situs Togel">
                                        Versi Mobile </a></div>
                                <div class="topbar-item"><a href="https://kagebunshin.holistichealthshow.com" target="_blank"
                                        rel="noopener noreferrer" class="download-apk-btn"><img
                                            src="/banner/android.webp" width="15" height="15"
                                            style="max-width: 100%; height: auto;" alt="Aplikasi Togel Online">
                                        Unduh APK </a></div>
                            </div>
                            <div class="login-panel">
                                <div class="login-panel-item"><a href="https://kagebunshin.holistichealthshow.com" target="_blank"
                                        rel="noopener noreferrer" class="login-button"> Masuk </a></div>
                                <div class="login-panel-item"><a href="https://kagebunshin.holistichealthshow.com" target="_blank"
                                        rel="noopener noreferrer" class="register-button"> Daftar </a>
                                </div>
                                <a href="https://kagebunshin.holistichealthshow.com" target="_blank" rel="noopener noreferrer"
                                    class="forgot-password-link" data-toggle="modal"
                                    data-target="#forgot_password_modal"> Lupa Kata Sandi
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                      <div class="site-header">
                        <div class="container">
                          <div class="row">
                            <div class="col-lg-12">
                              <div class="site-header-inner-container">
                                <a href="https://holistichealthshow.com" target="_blank" rel="noopener noreferrer" class="logo">
                                  <img src="https://holistichealthshow.com/banner/brotogel-logo.webp" width="150" height="50" style="max-width: 100%; height: auto;" alt="Brotogel">
                                    </a>

                                  <ul class="top-menu">
                                    <li><a href="https://kagebunshin.holistichealthshow.com/" target="_blank" rel="noopener noreferrer">
                                      Pasaran Togel </a></li>
                                    <li><a href="https://kagebunshin.holistichealthshow.com/" target="_blank" rel="noopener noreferrer">
                                      Prediksi
                                      </a></li>
                                    <li><a href="https://kagebunshin.holistichealthshow.com/" target="_blank" rel="noopener noreferrer">
                                      Result Hongkong</a>
                                    </li>
                                    <li><a href="https://kagebunshin.holistichealthshow.com" target="_blank" rel="noopener noreferrer">
                                      Jam pasaran</a></li>
                                  </ul>
                            </div>
                        </div>
                    </div>
                </div>
                        </div>
                      </div>
                      <div class="site-header-m navbar-fixed-top">
                        <a href="https://holistichealthshow.com" target="_blank" rel="noopener noreferrer" class="logo">
                          <img src="https://holistichealthshow.com/banner/brotogel-logo.webp" width="150" height="40" style="max-width: 100%; height: auto;" alt="Brotogel">
                            </a>
                          <div class="header-info">
                            <a class="login-button" href="https://kagebunshin.holistichealthshow.com" target="_blank" rel="noopener noreferrer"> Masuk
                            </a>
                            <a class="register-button" href="https://kagebunshin.holistichealthshow.com" target="_blank" rel="noopener noreferrer">
                              Daftar </a>
                          </div>

        </div>
    </header>
    <div>
        <div class="slider">
            <div class="container">
                <!-- Swiper -->
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
<img 
  src="https://holistichealthshow.com/sliderutama.webp" 
  srcset="
    https://holistichealthshow.com/sliderutama.webp 480w,
    https://holistichealthshow.com/sliderutama.webp 800w,
    https://holistichealthshow.com/sliderutama.webp 1250w
  "
  sizes="100vw"
  loading="eager"
  fetchpriority="high"
  decoding="async"
  width="1250"
  height="461"
  style="width: 100%; height: auto; display: block;"
  alt="Brotogel Banner Resmi 2025">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="cta">
        <div class="container">
            <div class="row pt-2">
                <div class="col-lg-4 col-sm-12 px-1">
                    <a href="https://kagebunshin.holistichealthshow.com" target="_blank" rel="noopener noreferrer"
                        class="button-cta btn-login"> LOGIN
                    </a>
                </div>
                <div class="col-lg-4 col-sm-12 px-1"><a href="https://kagebunshin.holistichealthshow.com" target="_blank"
                        rel="noopener noreferrer" class="button-cta btn-register"> RESULT TOGEL </a></div>
                <div class="col-lg-4 col-sm-12 px-1"><a href="https://kagebunshin.holistichealthshow.com" target="_blank"
                        rel="noopener noreferrer" class="button-cta btn-alt-link"> PREDIKSI </a></div>
            </div>
        </div>
    </div> <amp-sidebar id="sidebar-desktop" class="sidebar" layout="nodisplay" side="left">
        <div class="site-header-m">
            <a href="https://holistichealthshow.com" target="_blank" rel="noopener noreferrer" class="logo">
                <img src="https://holistichealthshow.com/banner/brotogel-logo.webp" width="213" height="36"
                    style="max-width: 100%; height: auto;" alt="Brotogel">
            </a>
            <div class="header-info">
                <a class="login-button" href="https://kagebunshin.holistichealthshow.com" target="_blank" rel="noopener noreferrer"> Masuk
                </a>
                <a class="register-button" href="https://kagebunshin.holistichealthshow.com" target="_blank" rel="noopener noreferrer">
                    Daftar </a>
            </div>

        </div>


    </amp-sidebar>

<main class="home seo-text">
  <div class="container">

    <article>
<h1>Result HK Hari Ini, Data Pasaran dan Statistik Terupdate</h1> 
<p>Bagi banyak penggemar data angka dan statistik pasaran, informasi Result HK menjadi salah satu referensi yang paling sering dicari setiap harinya. Selain melihat hasil terbaru, banyak pengguna juga memanfaatkan data pasaran untuk mempelajari pola historis, membandingkan tren angka, dan memahami pergerakan data dari waktu ke waktu.</p>
<p>Melalui halaman ini, <a href="#">Brotogel</a> menyajikan Result HK hari ini, data pasaran lengkap, serta statistik terbaru yang diperbarui secara berkala agar informasi yang ditampilkan tetap relevan dan mudah diakses.</p>
<h2>Apa Itu Result HK?</h2>
<p>Result HK merupakan istilah yang umum digunakan untuk merujuk pada hasil keluaran angka dari pasaran Hongkong yang dipublikasikan pada jadwal tertentu. Informasi ini biasanya dicari oleh pengguna yang ingin mengetahui hasil terbaru maupun melakukan pencatatan data historis.</p>
<p>Dengan adanya arsip data yang tersusun rapi, pengguna dapat melakukan berbagai analisis sederhana, seperti:</p>
<li>Melihat frekuensi kemunculan angka tertentu.</li>
<li>Membandingkan hasil antar periode.</li>
<li>Mengamati tren berdasarkan data historis.</li>
<li>Menyusun catatan statistik pribadi.</li>

<div class="result-wrapper">

    <h2 class="main-title">UPDATE RESULT TOGEL HARI INI</h2>

    <table class="result-table">
        <thead>
            <tr>
                <th colspan="2" class="pasaran sydney">SYDNEY</th>
                <th colspan="2" class="pasaran singapore">SINGAPORE</th>
                <th colspan="2" class="pasaran hongkong">HONGKONG</th>
            </tr>

            <tr>
              <center>  <th>Tanggal</th>
                <th>Result</th>

                <th>Tanggal</th>
                <th>Result</th>

                <th>Tanggal</th>
                <th>Result</th></center>
            </tr>
        </thead>

        <tbody>

            <tr>
                <td>23-05-2026</td><td>08 4926</td>
                <td>23-05-2026</td><td>2176</td>
                <td>23-05-2026</td><td>61 6284</td>
            </tr>

            <tr>
                <td>22-05-2026</td><td>17 5799</td>
                <td>21-05-2026</td><td>3537</td>
                <td>22-05-2026</td><td>82 5767</td>
            </tr>

            <tr>
                <td>21-05-2026</td><td>43 6605</td>
                <td>20-05-2026</td><td>7699</td>
                <td>21-05-2026</td><td>97 4915</td>
            </tr>

            <tr>
                <td>20-05-2026</td><td>05 7281</td>
                <td>18-05-2026</td><td>0826</td>
                <td>20-05-2026</td><td>40 6881</td>
            </tr>

            <tr>
                <td>19-05-2026</td><td>21 9869</td>
                <td>17-05-2026</td><td>0368</td>
                <td>19-05-2026</td><td>39 4874</td>
            </tr>

            <tr>
                <td>18-05-2026</td><td>76 8424</td>
                <td>16-05-2026</td><td>2735</td>
                <td>18-05-2026</td><td>18 9123</td>
            </tr>

            <tr>
                <td>17-05-2026</td><td>88 6789</td>
                <td>14-05-2026</td><td>9876</td>
                <td>17-05-2026</td><td>29 7754</td>
            </tr>

            <tr>
                <td>16-05-2026</td><td>71 9682</td>
                <td>13-05-2026</td><td>0672</td>
                <td>16-05-2026</td><td>74 0983</td>
            </tr>

            <tr>
                <td>15-05-2026</td><td>50 5166</td>
                <td>11-05-2026</td><td>5066</td>
                <td>15-05-2026</td><td>03 7591</td>
            </tr>

            <tr>
                <td>14-05-2026</td><td>91 3576</td>
                <td>10-05-2026</td><td>7517</td>
                <td>14-05-2026</td><td>12 8943</td>
            </tr>

        </tbody>
    </table>

</div>

<style>

.result-wrapper{
    width:100%;
    overflow-x:auto;
    margin:25px 0;
    font-family:Arial,sans-serif;
}

/* TITLE */
.main-title{
    background:linear-gradient(90deg,#005bea,#00c6fb);
    color:#fff;
    text-align:center;
    padding:18px;
    font-size:28px;
    font-weight:700;
    border-radius:12px 12px 0 0;
    margin:0;
    letter-spacing:1px;
    text-transform:uppercase;
}

/* TABLE */
.result-table{
    width:100%;
    border-collapse:collapse;
    background:#111;
    min-width:900px;
}

/* PASARAN */
.pasaran{
    color:#fff;
    font-size:20px;
    padding:16px;
    text-transform:uppercase;
    letter-spacing:1px;
}

.sydney{
    background:linear-gradient(90deg,#0066ff,#00a2ff);
}

.singapore{
    background:linear-gradient(90deg,#0077b6,#00b4d8);
}

.hongkong{
    background:linear-gradient(90deg,#004e92,#4286f4);
}

/* HEADER */
.result-table thead tr:nth-child(2) th{
    background:#0f172a;
    color:#fff;
    padding:13px;
    font-size:14px;
    border:1px solid rgba(255,255,255,0.1);
    text-transform:uppercase;
}

/* BODY */
.result-table td{
    padding:14px;
    text-align:center;
    color:#fff;
    border:1px solid rgba(255,255,255,0.08);
    font-size:14px;
}

/* ROW COLOR */
.result-table tbody tr:nth-child(odd){
    background:#1b1b1b;
}

.result-table tbody tr:nth-child(even){
    background:#242424;
}

/* HOVER */
.result-table tbody tr:hover{
    background:rgba(0,123,255,0.15);
    transition:0.25s ease;
}

/* MOBILE */
@media(max-width:768px){

    .main-title{
        font-size:20px;
        padding:14px;
    }

    .pasaran{
        font-size:16px;
        padding:12px;
    }

    .result-table td,
    .result-table th{
        font-size:12px;
        padding:10px 6px;
    }

}
@media (max-width:768px){

  .result-table{
      min-width:100%;
      display:block;
  }

  .result-table thead{
      display:none;
  }

  .result-table tbody{
      display:flex;
      flex-direction:column;
      gap:20px;
  }

  .result-table tr{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:1px;
      background:#222;
      border-radius:12px;
      overflow:hidden;
      margin:0;
  }

  .result-table td{
      background:#111;
      padding:10px;
      text-align:center;
      border:none;
      font-size:12px;
  }

}

</style>
<style>
.live-result-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  width: 100%;
  margin: 40px auto;
  font-family: 'Orbitron', sans-serif;
}

.result-item {
  background: linear-gradient(145deg, #0d001a, #1a0026);
  color: #000000;
  padding: 18px 28px;
  border-radius: 20px;
  border: 2px solid #0d6efd;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  transition: all 0.3s ease;

  flex: 1 1 300px; /* desktop sejajar, mobile turun */
  min-width: 300px;
}

.result-item:hover {
  transform: translateY(-4px);
  box-shadow:
    0 12px 40px rgba(0,0,0,0.6),
    0 0 60px rgba(255,30,135,0.4);
}

.icon {
  background: #0d6efd;
  color: #000000;
  padding: 10px 18px;
  border-radius: 50px;
  font-weight: 900;
  font-size: 20px;
}

.market {
  flex: 1;
  font-size: 22px;
  font-weight: 800;
  color: #0d6efd;
  text-shadow: 0 0 15px #0d6efd;
}

.timer {
  font-size: 32px;
  font-weight: 900;
  color: #ffffff;
  text-shadow: 0 0 20px #00000;
  text-align: right;
}

.info {
  flex-basis: 100%;
  font-size: 14px;
  color: #0d6efd;
  opacity: 0.9;
}

/* Mobile */
@media (max-width: 768px) {
  .live-result-bar {
    flex-direction: column;
  }

  .result-item {
    min-width: 100%;
  }

  .market {
    font-size: 18px;
  }

  .timer {
    font-size: 24px;
  }
}
</style>
        <div class="live-result-bar">
  <div class="result-item hk">
    <span class="icon">HK</span>
    <span class="market" data-asw-org-font-size="26" style="font-size: 26px;">PASARAN HONGKONG</span>
    <span class="timer" id="hk" data-asw-org-font-size="46" style="font-size: 46px;">00:13:04</span>
    <span class="info" data-asw-org-font-size="15" style="font-size: 15px;">Result: 23:00 WIB (Setiap hari)</span>
  </div>

  <div class="result-item sydney">
    <span class="icon">SDY</span>
    <span class="market" data-asw-org-font-size="26" style="font-size: 26px;">PASARAN SYDNEYPOOLS</span>
    <span class="timer" id="sydney" data-asw-org-font-size="46" style="font-size: 46px;">15:03:04</span>
    <span class="info" data-asw-org-font-size="15" style="font-size: 15px;">Result: 14:00 WIB (Setiap hari)</span>
  </div>

  <div class="result-item sgp">
    <span class="icon">SGP</span>
    <span class="market" data-asw-org-font-size="26" style="font-size: 26px;">PASARAN SGPOOLS</span>
    <span class="timer" id="sgp" data-asw-org-font-size="46" style="font-size: 46px;">18:43:04</span>
    <span class="info" data-asw-org-font-size="15" style="font-size: 15px;">Result: 17:45 WIB (Selasa &amp; Jumat LIBUR)</span>
  </div>

</div>

<H2>Keunggulan Informasi Result HK di Brotogel</H2>
<P>Brotogel menghadirkan informasi yang dirancang agar mudah dipahami oleh berbagai kalangan pengguna.  Beberapa keunggulannya meliputi:</P>
<LI>Update data secara berkala.</LI>
<LI>Tampilan yang mudah dibaca di perangkat desktop maupun mobile.</LI>
<LI>Riwayat data tersusun rapi.</LI>
<LI>Statistik yang disajikan secara informatif.</LI>
<LI>Akses cepat tanpa navigasi yang rumit.</LI>

<H2>Kesimpulan</H2>
<p>Result HK hari ini, data pasaran, dan statistik merupakan informasi yang banyak dicari oleh pengguna yang ingin mengikuti perkembangan data secara berkala. Dengan adanya arsip data yang lengkap dan statistik yang mudah dipahami, pengguna dapat melakukan pencatatan maupun analisis historis secara lebih praktis</p>
 <script>
function updateCountdown() {
  const wib = new Date(new Date().toLocaleString("en-US", {timeZone: "Asia/Jakarta"}));
  const h = wib.getHours(), m = wib.getMinutes(), s = wib.getSeconds();
  const totalSec = h*3600 + m*60 + s;
  const day = wib.getDay();

  // HK 23:15
  document.getElementById('hk').textContent = format(calcDaily(23,15));

  // Sydney 14:05
  document.getElementById('sydney').textContent = format(calcDaily(14,5));

  // Singapore 17:45 (Selasa & Jumat libur)
  if (day === 2 || day === 5) {
    document.getElementById('sgp').textContent = "LIBUR";
  } else {
    document.getElementById('sgp').textContent = format(calcDaily(17,45));
  }
  function calcDaily(rh, rm) {
    let resultSec = rh*3600 + rm*60;
    let diff = resultSec - totalSec;
    if (diff < 0) diff += 86400;
    return diff;
  }

  function format(sec) {
    if (sec <= 0) return "00:00:00";
    const h = String(Math.floor(sec/3600)).padStart(2,'0');
    const m = String(Math.floor((sec%3600)/60)).padStart(2,'0');
    const s = String(sec%60).padStart(2,'0');
    return `${h}:${m}:${s}`;
  }
}
setInterval(updateCountdown, 1000);
updateCountdown();
</script>
</main>
<hr class="footer-separator">
    <footer>
        <ul class="bank-list">
            <li>
                <img src="/banner/bca.webp" loading="lazy" decoding="async" width="80" height="40"
                    alt="Togel Deposit Bca">
            </li>
            <li>
                <img src="/banner/bni.webp" loading="lazy" decoding="async" width="80" height="40"
                    alt="Togel Deposit Bni">
            </li>
            <li>
                <img src="/banner/bri.webp" loading="lazy" decoding="async" width="80" height="40"
                    alt="Togel Deposit Bri">
            </li>
            <li>
                <img src="/banner/dana.webp" loading="lazy" decoding="async" width="80" height="40"
                    alt="Togel Deposit Dana">
            </li>
            <li>
                <img src="/banner/gopay.webp" loading="lazy" decoding="async" width="80" height="40"
                    alt="Togel Deposit Gopay">
            </li>
            <li>
                <img src="/banner/mandiri.webp" loading="lazy" decoding="async" width="80" height="40"
                    alt="Togel Deposit Mandiri">
            </li>
            <li>
                <img src="/banner/ovo.webp" loading="lazy" decoding="async" width="80" height="40"
                    alt="Togel Deposit Ovo">
            </li>
            <li>
                <img src="/banner/qris.webp" loading="lazy" decoding="async" width="80" height="40"
                    alt="Togel Deposit QRIS">
            </li>


        </ul>

        <div class="bottom-copyrights">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-sm-12">
                        <ul class="footer-links">
                            <li><a href="https://holistichealthshow.com" target="_blank" rel="noopener noreferrer">Tentang Kami</a>
                            </li>
                            <li><a href="https://holistichealthshow.com" target="_blank" rel="noopener noreferrer">Customer
                                    Care</a></li>
                            <li><a href="https://holistichealthshow.com" target="_blank" rel="noopener noreferrer">Syarat &amp;
                                    Ketentuan</a></li>
                            <li><a href="https://kagebunshin.holistichealthshow.com" target="_blank" rel="noopener noreferrer">
                                    Promosi
                                </a></li>
                        </ul>
                    </div>
                    <div class="col-lg-4 col-sm-12 copyright">&copy; Copyright Brotogel <a href="#">@PAIN</a>
                   </div>
                </div>
            </div>
        </div>
    </footer>
    <div>
        <div class="frame">
            <ul class="tabbar">
                <li class="active">
                    <a href="https://holistichealthshow.com" target="_blank" rel="n    oopener noreferrer">
                        <div>
                            <img src="/banner/home.png" width="35" height="35"
                                style="max-width: 100%; height: auto;" alt="Home Brotogel">
                            <em></em>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="https://kagebunshin.holistichealthshow.com" target="_blank" rel="noopener noreferrer">
                        <div>
                            <img src="/banner/LOGIN.png" width="35" height="35"
                                style="max-width: 100%; height: auto;" alt="Login Situs Toto">
                            <em></em>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="https://kagebunshin.holistichealthshow.com" target="_blank" rel="noopener noreferrer">
                        <div>
                            <img src="/banner/icondaftar.png" width="35" height="35"
                                style="max-width: 100%; height: auto;" alt="RESULT HK">
                            <em></em>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="https://kagebunshin.holistichealthshow.com" target="_blank" rel="noopener noreferrer">
                        <div>
                            <img src="/banner/iconbonus.png" width="35" height="35"
                                style="max-width: 100%; height: auto;" alt="Promosi Brotogel">
                            <em></em>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>

<script>
var swiper = new Swiper(".mySwiper", {
  spaceBetween: 30,
  centeredSlides: true,
  autoplay: { delay: 2500, disableOnInteraction: false },
  pagination: { el: ".swiper-pagination", clickable: true }
});
</script>
  <script>
        var acc = document.getElementsByClassName("Question");
        var i;

        for (i = 0; i < acc.length; i++) {
            acc[i].addEventListener("click", function () {
                this.classList.toggle("ac");
                var panel = this.nextElementSibling;
                if (panel.style.maxHeight) {
                    panel.style.maxHeight = null;
                } else {
                    panel.style.maxHeight = panel.scrollHeight + "px";
                }
            });
        }
    </script>
<script defer>
document.addEventListener('DOMContentLoaded', function() {
  var swiper = new Swiper(".mySwiper", {
    spaceBetween: 30,
    centeredSlides: true,
    autoplay: { delay: 2500, disableOnInteraction: false },
    pagination: { el: ".swiper-pagination", clickable: true }
  });
});
</script>
    <style>
    .bobarawr {
      margin: 0;
      padding: 0;
      font-family: 'Playfair Display', 'Segoe UI', serif;
      background-color: transparent;
      color: #fff;
      overflow: hidden;
    }

    .popup-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0, 0, 0, 0.4);
      backdrop-filter: blur(3px);
      -webkit-backdrop-filter: blur(3px);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    .popup-container {
      position: relative;
      width: 90%;
      max-width: 360px;
      background: linear-gradient(145deg, rgba(10, 10, 10, 0.9), rgba(26, 21, 16, 0.85));
      border-radius: 20px;
      overflow: hidden;
      text-align: center;
      animation: rotateScaleIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), goldPulse 3.5s infinite ease-in-out;
      padding-bottom: 20px;
      border: 1px solid rgba(13, 110, 253, 0.15);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }

    @keyframes shineDiagonal {
      0% {
        transform: translate(-100%, -100%) rotate(30deg);
      }
      100% {
        transform: translate(100%, 100%) rotate(30deg);
      }
    }

    .popup-image {
      width: 100%;
      display: block;
      border-bottom: 1px solid rgba(13, 110, 253, 0.15);
    }

    .popup-buttons {
      display: flex;
      flex-direction: column;
      gap: 15px;
      padding: 25px 20px;
      position: relative;
      z-index: 3;
    }

    .popup-buttons a {
      width: 100%;
      display: block;
      padding: 18px 0;
      font-size: 16px;
      font-weight: 700;
      border-radius: 50px;
      text-decoration: none;
      text-align: center;
      color: #000;
      background: linear-gradient(135deg, #0d6efd, #0d6efd);
      box-shadow: 0 10px 20px rgba(13, 110, 253, 0.4);
      transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      position: relative;
      overflow: hidden;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      font-family: 'Montserrat', sans-serif;
    }

    /* Efek hover tombol emas yang mewah */
    .popup-buttons a::before {
      content: "";
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.3),
        transparent
      );
      transition: left 0.8s;
    }

    .popup-buttons a:hover::before {
      left: 100%;
    }

    .popup-buttons a:hover {
      transform: translateY(-4px);
      box-shadow: 0 15px 25px rgba(13, 110, 253, 0.5);
      background: linear-gradient(135deg, #f4e19c, #d4af37);
    }

    .popup-buttons a:active {
      transform: translateY(1px);
    }

    .info-table {
      width: 90%;
      margin: 20px auto;
      border-collapse: collapse;
      color: #eee;
      font-size: 14px;
      position: relative;
      z-index: 3;
      background: rgba(0, 0, 0, 0.3);
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    }

    .info-table th {
      background: linear-gradient(135deg, #d4af37, #b8941f);
      padding: 14px 10px;
      font-size: 15px;
      color: #000;
      border: none;
      font-weight: 700;
      letter-spacing: 0.8px;
      text-transform: uppercase;
    }

    .info-table td {
      padding: 12px;
      border-bottom: 1px solid rgba(13, 110, 253, 0.1);
      text-align: left;
    }

    .info-table tr:last-child td {
      border-bottom: none;
    }

    .popup-footer {
      font-size: 13px;
      color: #ccc;
      padding: 20px 10px;
      position: relative;
      z-index: 3;
      line-height: 1.6;
      font-family: 'Playfair Display', serif;
    }

    @keyframes rotateScaleIn {
      0% {
        opacity: 0;
        transform: scale(0.3) rotate(-10deg);
      }
      50% {
        transform: scale(1.05) rotate(2deg);
      }
      100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
      }
    }

    /* Efek partikel emas */
    .gold-particle {
      position: absolute;
      background: radial-gradient(circle, rgba(255, 215, 0, 0.8) 0%, rgba(13, 110, 253, 0.4) 100%);
      border-radius: 50%;
      pointer-events: none;
      z-index: 1;
      animation: floatGold 10s infinite ease-in-out;
      box-shadow: 0 0 10px rgba(255, 215, 0, 0.6);
    }

    @keyframes floatGold {
      0%, 100% {
        transform: translateY(0) translateX(0);
        opacity: 0;
      }
      10% {
        opacity: 0.8;
      }
      90% {
        opacity: 0.8;
      }
      100% {
        transform: translateY(-120px) translateX(40px);
        opacity: 0;
      }
    }

    .luxury-border {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border: 1px solid rgba(13, 110, 253, 0.2);
      border-radius: 20px;
      pointer-events: none;
      z-index: 4;
      background: linear-gradient(135deg, 
        rgba(13, 110, 253, 0) 0%, 
        rgba(13, 110, 253, 0.1) 50%, 
        rgba(13, 110, 253, 0) 100%);
    }

    /* Tombol Close */
    .close-btn {
      position: absolute;
      top: 15px;
      right: 15px;
      width: 32px;
      height: 32px;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      z-index: 10;
      transition: all 0.3s ease;
      border: 1px solid rgba(212, 201, 55, 0.671);
    }

    .close-btn:hover {
      background: rgb(255, 217, 0);
      transform: rotate(90deg);
    }

    .close-btn::before,
    .close-btn::after {
      content: '';
      position: absolute;
      width: 16px;
      height: 2px;
      background: #fff;
    }

    .close-btn::before {
      transform: rotate(45deg);
    }

    .close-btn::after {
      transform: rotate(-45deg);
    }

    /* Responsif untuk layar kecil */
    @media (max-width: 480px) {
      .popup-container {
        width: 95%;
        max-width: 350px;
      }
      
      .popup-buttons a {
        font-size: 14px;
        padding: 16px 0;
      }
      
      .info-table {
        font-size: 13px;
      }
      
      .popup-footer {
        font-size: 12px;
      }
      
      .close-btn {
        width: 28px;
        height: 28px;
      }
    }
  </style>
    <script>
  document.querySelectorAll('.faq-q').forEach(function(q){
    q.style.cursor = 'pointer';
    var ans = q.nextElementSibling;
    if(ans){ ans.style.maxHeight = '0'; ans.style.overflow = 'hidden'; ans.style.transition = 'max-height 0.25s ease'; }
    q.addEventListener('click', function(){
      var a = this.nextElementSibling;
      if(!a) return;
      if(a.style.maxHeight && a.style.maxHeight !== '0px'){
        a.style.maxHeight = '0';
        this.classList.remove('ac');
      } else {
        a.style.maxHeight = a.scrollHeight + 'px';
        this.classList.add('ac');
      }
    });
  });
</script>
<script>
document.querySelectorAll('.faq-question').forEach(q => {
  q.addEventListener('click', () => {
    q.parentElement.classList.toggle('active');
  });
});
</script>
<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="https://holistichealthshow.com/popup123.webp" alt="Popup Banner" class="popup-image" />
            <div class="popup-buttons">
                <a href="https://kagebunshin.holistichealthshow.com/">LOGIN</a>
                <a href="https://kagebunshin.holistichealthshow.com/">DAFTAR</a>
            </div>

            <div class="popup-footer">
                BROTOGEL | 私も信じましょう<br/>
                <span style="color: #00ffbd; font-weight: 600; text-shadow: 0 0 5px rgba(255, 196, 0, 0.5);">&copy; 小南.</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>
