<!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 | Link Alternatif Platform Resmi Togel online 4D dan Informasi Result</title>
<meta name="description" content="Akses link alternatif BROTOGEL untuk login Togel Online 4D, melihat jadwal pasaran, memeriksa result terbaru, dan menelusuri arsip hasil.">
<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="k2jw9P6IX0lMnzXP58TbcMEQEaXnZ8wkqCytkX8d5nM" />
<meta property="og:type" content="website">
<meta property="og:locale" content="id_ID">
<meta property="og:title" content="BROTOGEL | Link Login Resmi Togel 4D Hongkong Pools dan Informasi Result">
<meta property="og:description" content="Akses link alternatif BROTOGEL untuk login Togel Online 4D, melihat jadwal pasaran, memeriksa result terbaru, dan menelusuri arsip hasil.">
<meta property="og:url" content="https://holistichealthshow.com/">
<meta property="og:site_name" content="Brotogel">
<meta property="og:image" content="https://holistichealthshow.com/banner-utama.webp">
<meta property="og:image:alt" content="Brotogel – Login Aman & Link Alternatif Terbaru">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@brobest88">
<meta name="twitter:title" content="BROTOGEL | Link Login Resmi Togel 4D Hongkong Pools dan Informasi Result">
<meta name="twitter:description" content="Akses link alternatif BROTOGEL untuk login Togel Online 4D, melihat jadwal pasaran, memeriksa result terbaru, dan menelusuri arsip hasil.">
<meta name="twitter:image" content="https://holistichealthshow.com/banner-utama.webp">
<link rel="amphtml" href="https://portal.brotogel.nl/">
<link rel="alternate" hreflang="id-id" href="https://portal.brotogel.nl/"/>
<link rel="alternate" hreflang="id-id" href="https://portal.brotogel.nl/"/>
<link rel="alternate" hreflang="id" href="https://portal.brotogel.nl/"/>
<link rel="alternate" hreflang="en" href="https://portal.brotogel.nl/"/>
<link rel="alternate" hreflang="id-id" href="https://portal.brotogel.nl/"/>
<link rel="shortcut icon" href="https://holistichealthshow.com/banner/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" sizes="180x180" href="https://holistichealthshow.com/banner/favicon.ico">
<link rel="preload" as="image" href="https://holistichealthshow.com/banner/brotogel-logo.webp">
<link rel="preload" as="image" href="https://holistichealthshow.com/banner-utama.webp">
<script defer src="/assets/swiper/swiper-bundle.min.js"></script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Organization",
      "@id": "https://holistichealthshow.com/#organization",
      "name": "BROTOGEL",
      "url": "https://holistichealthshow.com/",
      "logo": {
        "@type": "ImageObject",
        "@id": "https://holistichealthshow.com/#logo",
        "url": "https://holistichealthshow.com/banner/brotogel-logo.webp",
        "contentUrl": "https://holistichealthshow.com/banner/brotogel-logo.webp",
        "caption": "Logo BROTOGEL"
      },
      "description": "BROTOGEL menyediakan akses alternatif untuk login Togel Online 4D, melihat jadwal pasaran, memeriksa result terbaru, dan menelusuri arsip hasil."
    },
    {
      "@type": "WebSite",
      "@id": "https://holistichealthshow.com/#website",
      "url": "https://holistichealthshow.com/",
      "name": "BROTOGEL",
      "inLanguage": "id-ID",
      "publisher": {
        "@id": "https://holistichealthshow.com/#organization"
      }
    },
    {
      "@type": "BreadcrumbList",
      "@id": "https://holistichealthshow.com/#breadcrumb",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "BROTOGEL",
          "item": "https://holistichealthshow.com/"
        }
      ]
    },
    {
      "@type": "WebPage",
      "@id": "https://holistichealthshow.com/#webpage",
      "url": "https://holistichealthshow.com/",
      "name": "BROTOGEL | Link Alternatif Resmi Togel Online 4D dan Informasi Result",
      "headline": "Link Alternatif BROTOGEL dan Informasi Result Togel Online 4D",
      "description": "Akses link alternatif BROTOGEL untuk login Togel Online 4D, melihat jadwal pasaran, memeriksa result terbaru, dan menelusuri arsip hasil.",
      "inLanguage": "id-ID",
      "isPartOf": {
        "@id": "https://holistichealthshow.com/#website"
      },
      "about": {
        "@id": "https://holistichealthshow.com/#organization"
      },
      "publisher": {
        "@id": "https://holistichealthshow.com/#organization"
      },
      "breadcrumb": {
        "@id": "https://holistichealthshow.com/#breadcrumb"
      },
      "primaryImageOfPage": {
        "@id": "https://holistichealthshow.com/#logo"
      }
    }
  ]
}
</script>
    	

<style>
        :root {
            --bs-blue: #00969E;
            --bs-indigo: #6610f2;
            --bs-purple: #6f42c1;
            --bs-pink: #d63384;
            --bs-red: #dc3545;
            --bs-orange: #fd7e14;
            --bs-yellow: #ffc107;
            --bs-green: #198754;
            --bs-teal: #20c997;
            --bs-cyan: #0dcaf0;
            --bs-black: #000;
            --bs-white: #fff;
            --bs-gray: #6c757d;
            --bs-gray-dark: #343a40;
            --bs-gray-100: #f8f9fa;
            --bs-gray-200: #e9ecef;
            --bs-gray-300: #dee2e6;
            --bs-gray-400: #ced4da;
            --bs-gray-500: #adb5bd;
            --bs-gray-600: #6c757d;
            --bs-gray-700: #495057;
            --bs-gray-800: #343a40;
            --bs-gray-900: #212529;
            --bs-primary: #00969E;
            --bs-secondary: #6c757d;
            --bs-success: #198754;
            --bs-info: #0dcaf0;
            --bs-warning: #ffc107;
            --bs-danger: #dc3545;
            --bs-light: #f8f9fa;
            --bs-dark: #212529;
            --bs-primary-rgb: 13, 110, 253;
            --bs-secondary-rgb: 108, 117, 125;
            --bs-success-rgb: 25, 135, 84;
            --bs-info-rgb: 13, 202, 240;
            --bs-warning-rgb: 255, 193, 7;
            --bs-danger-rgb: 220, 53, 69;
            --bs-light-rgb: 248, 249, 250;
            --bs-dark-rgb: 33, 37, 41;
            --bs-white-rgb: 255, 255, 255;
            --bs-black-rgb: 0, 0, 0;
            --bs-body-color-rgb: 33, 37, 41;
            --bs-body-bg-rgb: 255, 255, 255;
            --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
            --bs-body-font-family: var(--bs-font-sans-serif);
            --bs-body-font-size: 1rem;
            --bs-body-font-weight: 400;
            --bs-body-line-height: 1.5;
            --bs-body-color: #212529;
            --bs-body-bg: #fff;
            --bs-border-width: 1px;
            --bs-border-style: solid;
            --bs-border-color: #dee2e6;
            --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
            --bs-border-radius: 0.375rem;
            --bs-border-radius-sm: 0.25rem;
            --bs-border-radius-lg: 0.5rem;
            --bs-border-radius-xl: 1rem;
            --bs-border-radius-2xl: 2rem;
            --bs-border-radius-pill: 50rem;
            --bs-link-color: #00969E;
            --bs-link-hover-color: #0a58ca;
            --bs-code-color: #d63384;
            --bs-highlight-bg: #fff3cd;
        }

        *,
        ::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));
            background:linear-gradient(1deg, #00969E 35.41%, #00969E 121.72%);
        }

        .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";
            background: #000000;
            
        }

        .seo-text {
            margin: 40px 0;
            line-height: 1.4;
            color: #FFFFFF;
            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(1deg, #00969E 35.41%, #00969E 121.72%)
        }

        a.btn-register {
            background-image: linear-gradient(1deg, #00969E 35.41%, #00969E 121.72%)
        }

        a.btn-alt-link {
            background-image: linear-gradient(1deg, #00969E 35.41%, #00969E 121.72%)
        }

        .seo-text h1,
        .seo-text h2,
        .seo-text h3 {
            color: #00969E;
        }

        .seo-text h1 {
            text-align: center
        }

        .seo-text a {
            color: #002096;
            font-weight: 700;
        }

        article li {
            margin-bottom: 5px
        }

        @media (min-width:721px) {

            .slider {
                padding-top: 75px;
            }
        }

        @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
              border-radius:24px;
        }

        .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(1deg, #00969E 35.41%, #00969E 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, #002096 35.41%, #006eff 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(1deg, #00969E 35.41%, #00969E 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: #002096;
                --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;
        }
        
      .faq-q { background:#f5f5f5; padding:10px; border-radius:6px; }
      .faq-q.ac { background:#e9ecef; }
      .faq-a { margin:8px 0 16px; }


    </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://portal.brotogel.nl/" target="_blank"
                                        rel="noopener noreferrer" class="js_live_chat_link"><img
                                            src="/banner/chat.webp" width="15" height="15"
                                            decoding="async" style="display:block; max-width:100%; height:auto;" alt="Customer Service Brotogel"> Live
                                        Chat </a>
                                </div>
                                <div class="topbar-item"><a href="https://portal.brotogel.nl/" target="_blank"
                                        rel="noopener noreferrer"><img src="/banner/smartphone.webp"
                                            width="15" height="15" decoding="async" style="display:block; max-width:100%; height:auto;"
                                            alt="Mobile Version Situs Togel" loading="lazy">
                                        Versi Mobile </a></div>
                                <div class="topbar-item"><a href="https://portal.brotogel.nl/" target="_blank"
                                        rel="noopener noreferrer" class="download-apk-btn"><img
                                            src="/banner/android.webp" width="15" height="15"
                                            decoding="async" style="display:block; 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://portal.brotogel.nl/" target="_blank"
                                        rel="noopener noreferrer" class="login-button"> Masuk </a></div>
                                <div class="login-panel-item"><a href="https://portal.brotogel.nl/" target="_blank"
                                        rel="noopener noreferrer" class="register-button"> Daftar </a>
                                </div>
                                <a href="https://portal.brotogel.nl/" 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="/banner/brotogel-logo.webp" width="150" height="50" style="max-width:100%; height:auto; display:block;" alt="Brotogel" loading="lazy">
                                    </a>

                                  <ul class="top-menu">
                                    <li><a href="https://portal.brotogel.nl/" target="_blank" rel="noopener noreferrer">
                                      BROTOGEL </a></li>
                                    <li><a href="https://portal.brotogel.nl/" target="_blank" rel="noopener noreferrer">
                                      BROTOGEL LOGIN
                                      </a></li>
                                    <li><a href="https://portal.brotogel.nl/" target="_blank" rel="noopener noreferrer">
                                      Situs Toto</a>
                                    </li>
                                    <li><a href="https://portal.brotogel.nl/" target="_blank" rel="noopener noreferrer">
                                      Result HK</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="213" height="60" style="max-width: 100%; height: auto;" alt="Brotogel">
                            </a>
                          <div class="header-info">
                            <a class="login-button" href="https://brospin.best/login-brotogel" target="_blank" rel="noopener noreferrer"> Masuk
                            </a>
                            <a class="register-button" href="https://brospin.best/login-brotogel" 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/banner-utama.webp" alt="Situs Togel Online" style="width:100%;">
                        </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://portal.brotogel.nl/" 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://portal.brotogel.nl/" target="_blank"
                        rel="noopener noreferrer" class="button-cta btn-register"> DAFTAR </a></div>
                <div class="col-lg-4 col-sm-12 px-1"><a href="https://portal.brotogel.nl/" target="_blank"
                        rel="noopener noreferrer" class="button-cta btn-alt-link"> RUMUS TANGKAS </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://brospin.best/login-brotogel" target="_blank" rel="noopener noreferrer"> Masuk
                </a>
                <a class="register-button" href="https://brospin.best/login-brotogel" target="_blank" rel="noopener noreferrer">
                    Daftar </a>

                        </div>
                      </div>
                      <div class="site-header-m navbar-fixed-top">
                        <a href="https://holistichealthshow.com" target="_blank" rel="noopener noreferrer" class="logo">
                          <img src="/banner/brotogel-logo.webp" width="150" height="50" style="max-width:100%; height:auto; display:block;" alt="Brotogel" loading="lazy">
                            </a>
                          <div class="header-info">
                            <a class="login-button" href="https://portal.brotogel.nl/" target="_blank" rel="noopener noreferrer"> Masuk
                            </a>
                            <a class="register-button" href="https://portal.brotogel.nl/" target="_blank" rel="noopener noreferrer">
                              Daftar </a>
                          </div>

        </div>
    </header>
    <div>




<main class="home seo-text">
<div class="container">
  <article>
    <h1>BROTOGEL | Link Alternatif Resmi Togel Online 4D dan Informasi Result</h1>

    <p>
      BROTOGEL menyediakan jalur alternatif untuk membuka halaman login,
      daftar pasaran Togel Online 4D, jadwal penutupan, serta informasi
      result. Link alternatif digunakan ketika alamat utama sedang tidak
      dapat dibuka melalui jaringan atau perangkat tertentu.
    </p>

    <ul>
      <li>Akses login: masuk menggunakan akun yang sama melalui alamat alternatif.</li>
      <li>Jadwal pasaran: periksa waktu penutupan sebelum mengirim taruhan.</li>
      <li>Informasi result: cocokkan pasaran, tanggal, dan nomor periode.</li>
    </ul>

    <h2>Fungsi Link Alternatif BROTOGEL</h2>

    <p>
      Link alternatif merupakan alamat cadangan yang mengarah ke layanan
      BROTOGEL. Alamat ini diperlukan ketika domain utama sedang menjalani
      pemeliharaan, mengalami gangguan teknis, atau tidak merespons pada
      jaringan internet yang digunakan.
    </p>

    <p>
      Sebelum login, periksa penulisan domain hingga karakter terakhir.
      Kemiripan nama, logo, dan warna halaman tidak cukup untuk memastikan
      bahwa sebuah alamat dikelola oleh pihak yang sama. Gunakan alamat
      yang diumumkan melalui kanal BROTOGEL yang telah dikenal.
    </p>

    <h2>Membaca Jadwal dan Result Togel Online 4D</h2>

    <p>
      Setiap pasaran mempunyai jadwal penutupan dan waktu pengundian yang
      berbeda. Karena itu, nama pasaran harus diperiksa sebelum melihat
      jam tutup atau result. Jangan menggunakan jadwal dari pasaran lain
      sebagai patokan meskipun keduanya berlangsung pada hari yang sama.
    </p>

    <p>
      Result menampilkan hasil pengundian yang telah selesai. Untuk
      menghindari kekeliruan, jangan hanya membaca angka yang berada
      di baris paling atas. Cocokkan juga tanggal dan nomor periodenya
      karena halaman mungkin masih menampilkan hasil sebelumnya.
    </p>

    <ul>
      <li>Nama pasaran yang dipilih.</li>
      <li>Tanggal pelaksanaan pengundian.</li>
      <li>Nomor periode yang sedang diperiksa.</li>
      <li>Angka result yang tercatat setelah pengundian selesai.</li>
    </ul>

    <h2>Cara Memeriksa Result dengan Benar</h2>

    <p>
      Buka bagian result, pilih pasaran yang ingin diperiksa, kemudian
      cari tanggal pengundiannya. Pastikan angka 4D pada tabel berada
      dalam baris yang sama dengan tanggal dan periode tersebut.
      Angka nol di bagian depan tetap perlu dicatat apabila memang
      tercantum sebagai bagian dari hasil.
    </p>

    <p>
      Apabila result pada dua halaman terlihat berbeda, periksa kembali
      apakah keduanya membahas pasaran dan periode yang sama. Perbedaan
      zona waktu, keterlambatan pembaruan, atau kesalahan memilih tanggal
      dapat membuat dua catatan terlihat tidak sesuai.
    </p>

    <h2>Memeriksa Alamat Sebelum Login BROTOGEL</h2>

    <p>
      Ketika link alternatif dibuka, lihat alamat lengkap pada bilah
      browser sebelum mengetik username dan password. Pastikan tidak
      terdapat tambahan huruf, angka, atau tanda yang membuat domainnya
      berbeda dari alamat yang biasa digunakan.
    </p>

    <p>
      Link alternatif yang benar tetap memakai data akun BROTOGEL yang
      sama. Waspadai halaman yang meminta pendaftaran ulang tanpa alasan,
      mengarahkan pembayaran ke tujuan yang tidak dikenal, atau meminta
      password dan kode verifikasi melalui percakapan pribadi.
    </p>

    <ul>
      <li>Cocokkan domain dengan informasi dari kanal yang telah dikenal.</li>
      <li>Gunakan password unik yang tidak dipakai pada akun lain.</li>
      <li>Jangan memberikan PIN atau kode verifikasi kepada siapa pun.</li>
      <li>Hindari menyimpan data login pada komputer atau ponsel umum.</li>
    </ul>

    <h2>Menggunakan Arsip Result Togel 4D</h2>

    <p>
      Arsip result menyimpan catatan pengundian yang sudah selesai.
      Pengguna dapat memilih pasaran dan tanggal tertentu untuk menemukan
      kembali hasil dari periode sebelumnya tanpa mencampurkannya dengan
      result terbaru.
    </p>

    <p>
      Data arsip sebaiknya digunakan sebagai catatan historis. Urutan
      atau frekuensi angka pada periode sebelumnya tidak dapat memastikan
      angka yang akan muncul pada pengundian berikutnya karena setiap
      hasil ditentukan pada periode yang berbeda.
    </p>

    <h2>Jika Link atau Result Belum Dapat Dibuka</h2>

    <p>
      Jika halaman tidak merespons, periksa koneksi internet lalu coba
      memuat ulang melalui browser terbaru. Beralih dari Wi-Fi ke data
      seluler, atau sebaliknya, juga dapat membantu mengetahui apakah
      masalah berasal dari jaringan yang sedang digunakan.
    </p>

    <p>
      Jika result belum ditampilkan setelah jadwal pengundian, tunggu
      sampai proses pembaruan selesai. Jangan memakai result periode lama
      sebagai pengganti. Saat melaporkan masalah, sertakan nama pasaran,
      tanggal, nomor periode, dan bagian halaman yang belum diperbarui.
    </p>
  </article>

  <div class="info-box-jtg">
    <div class="info-header-jtg">
      INFORMASI BROTOGEL
    </div>

    <div class="info-row-jtg">
      <span class="info-label-jtg">Nama Situs</span>
      <span class="info-value-jtg">BROTOGEL</span>
    </div>

    <div class="info-row-jtg">
      <span class="info-label-jtg">Topik Utama</span>
      <span class="info-value-jtg">Togel Online 4D</span>
    </div>

    <div class="info-row-jtg">
      <span class="info-label-jtg">Jenis Akses</span>
      <span class="info-value-jtg">Link utama dan alternatif</span>
    </div>

    <div class="info-row-jtg">
      <span class="info-label-jtg">Informasi Pasaran</span>
      <span class="info-value-jtg">Jadwal, periode, dan status</span>
    </div>

    <div class="info-row-jtg">
      <span class="info-label-jtg">Pemeriksaan Result</span>
      <span class="info-value-jtg">Pasaran, tanggal, periode, dan angka</span>
    </div>

    <div class="info-row-jtg">
      <span class="info-label-jtg">Fungsi Arsip</span>
      <span class="info-value-jtg">Mencari result periode sebelumnya</span>
    </div>

    <div class="info-row-jtg">
      <span class="info-label-jtg">Keamanan Akses</span>
      <span class="info-value-jtg">Periksa domain sebelum login</span>
    </div>
  </div>

  <!-- FAQ -->
  <section class="faq-section">
    <h2 class="section-title">
      Pertanyaan Umum tentang <span>BROTOGEL</span>
    </h2>

    <div class="faq-list">

      <details class="faq-item">
        <summary>Apa fungsi link alternatif BROTOGEL?</summary>
        <p>
          Link alternatif berfungsi sebagai jalur cadangan ketika alamat
          utama BROTOGEL tidak dapat dibuka. Akun dan fitur yang tersedia
          tetap sama selama alamat tersebut berasal dari kanal yang benar.
        </p>
      </details>

      <details class="faq-item">
        <summary>Apakah perlu membuat akun baru melalui link alternatif?</summary>
        <p>
          Tidak. Link alternatif seharusnya tetap menggunakan akun
          BROTOGEL yang sama. Periksa kembali domain apabila sebuah
          halaman meminta pendaftaran ulang atau data yang tidak berkaitan
          dengan proses login.
        </p>
      </details>

      <details class="faq-item">
        <summary>Bagaimana cara memeriksa result Togel Online 4D?</summary>
        <p>
          Pilih pasaran yang ingin diperiksa, kemudian cocokkan tanggal,
          nomor periode, dan angka result pada baris yang sama. Jangan
          mengambil angka tanpa membaca keterangan periodenya.
        </p>
      </details>

      <details class="faq-item">
        <summary>Mengapa result terbaru belum muncul?</summary>
        <p>
          Pembaruan dapat membutuhkan waktu setelah pengundian selesai.
          Muat ulang halaman setelah beberapa saat dan pastikan tanggal
          serta nomor periode yang ditampilkan sudah berubah.
        </p>
      </details>

      <details class="faq-item">
        <summary>Apa yang harus diperiksa sebelum login BROTOGEL?</summary>
        <p>
          Periksa ejaan domain dan alamat akhir pada browser. Jangan
          memasukkan data akun jika muncul peringatan keamanan atau
          halaman meminta password, PIN, maupun kode verifikasi melalui chat.
        </p>
      </details>

      <details class="faq-item">
        <summary>Apakah arsip result dapat menentukan hasil berikutnya?</summary>
        <p>
          Tidak. Arsip hanya mencatat result yang sudah diumumkan.
          Pengulangan dan urutan angka dari periode sebelumnya tidak
          menjamin hasil pada pengundian selanjutnya.
        </p>
      </details>

    </div>
  </section>
    </div>
  </div>
</main>

<!-- =========================
STYLE
========================= -->
<style>

body{
  background:#000000;
  font-family:Arial,sans-serif;
  color:#1e293b;
}

/* HERO */
.hero-brotogel{
  background:linear-gradient(135deg,#0077c8,#002b5c);
  padding:60px 25px;
  border-radius:24px;
  margin-bottom:35px;
  color:#fff;
}

.hero-badge{
  display:inline-block;
  background:rgba(255,255,255,.15);
  padding:8px 16px;
  border-radius:50px;
  font-size:13px;
  margin-bottom:20px;
}

.hero-brotogel h1{
  font-size:38px;
  line-height:1.3;
  margin-bottom:18px;
}

.hero-brotogel p{
  font-size:16px;
  line-height:1.8;
  max-width:800px;
}

.hero-buttons{
  margin-top:28px;
  display:flex;
  gap:15px;
  flex-wrap:wrap;
}

.hero-buttons a{
  text-decoration:none;
  padding:14px 24px;
  border-radius:12px;
  font-weight:700;
  transition:.3s;
}

.btn-login{
  background:#fff;
  color:#0077c8;
}

.btn-result{
  border:1px solid rgba(255,255,255,.4);
  color:#fff;
}

/* ARTICLE */
.seo-section{
  background:#fff;
  padding:35px;
  border-radius:22px;
  margin-bottom:35px;
    border-top:5px solid #0077c8;
        border-bottom:5px solid #0077c8;
}

.seo-section h2{
  color:#0077c8;
  margin-bottom:18px;
  font-size:28px;
}

.seo-section p{
  line-height:1.9;
  margin-bottom:18px;
  color:#475569;
}

/* TABLE */
.result-section{
  background:#fff;
  padding:35px;
  border-radius:22px;
  margin-bottom:35px;
      border-top:5px solid #0077c8;
        border-bottom:5px solid #0077c8;
}

.result-section h2{
  color:#0077c8;
  margin-bottom:25px;
  font-size:28px;
  
}

.table-wrapper{
  overflow-x:auto;
}

.result-table{
  width:100%;
  border-collapse:collapse;
}

.result-table th{
  background:#0077c8;
  color:#fff;
  padding:16px;
  font-size:15px;
}

.result-table td{
  padding:16px;
  border-bottom:1px solid #e2e8f0;
  text-align:center;
  color:#334155;
}

.result-table tr:hover{
  background:#f8fbff;
}

.result-table a{
  background:#0077c8;
  color:#fff;
  padding:7px 14px;
  border-radius:8px;
  text-decoration:none;
  font-size:13px;
}

/* MOBILE */
@media(max-width:768px){

  .hero-brotogel h1{
    font-size:28px;
  }

  .seo-section,
  .result-section{
    padding:24px;
  }

}

</style>
    </div>
</main>


<hr class="footer-separator">
    <footer>
        <ul class="bank-list">
            <li>
                <img src="/banner/bca.webp" width="80" height="40" decoding="async" style="display:block; max-width:100%; height:auto;"
                    alt="Togel Deposit Bca" loading="lazy">
            </li>
            <li>
                <img src="/banner/bni.webp" width="80" height="40" decoding="async" style="display:block; max-width:100%; height:auto;"
                    alt="Togel Deposit Bni" loading="lazy">
            </li>
            <li>
                <img src="/banner/bri.webp" width="80" height="40" decoding="async" style="display:block; max-width:100%; height:auto;"
                    alt="Togel Deposit Bri" loading="lazy">
            </li>
            <li>
                <img src="/banner/dana.webp" width="80" height="40" decoding="async" style="display:block; max-width:100%; height:auto;"
                    alt="Togel Deposit Dana" loading="lazy">
            </li>
            <li>
                <img src="/banner/gopay.webp" width="80" height="40" decoding="async" style="display:block; max-width:100%; height:auto;"
                    alt="Togel Deposit Gopay" loading="lazy">
            </li>
            <li>
                <img src="/banner/mandiri.webp" width="80" height="40" decoding="async" style="display:block; max-width:100%; height:auto;"
                    alt="Togel Deposit Mandiri" loading="lazy">
            </li>
            <li>
                <img src="/banner/ovo.webp" width="80" height="40" decoding="async" style="display:block; max-width:100%; height:auto;"
                    alt="Togel Deposit Ovo" loading="lazy">
            </li>
            <li>
                <img src="/banner/qris.webp" width="80" height="40" decoding="async" style="display:block; max-width:100%; height:auto;"
                    alt="Togel Deposit QRIS" loading="lazy">
            </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://portal.brotogel.nl/" target="_blank" rel="noopener noreferrer">
                                    Promosi
                                </a></li>
                        </ul>
                    </div>
                    <div class="col-lg-4 col-sm-12 copyright">&copy; Copyright 2025 - Brotogel. All Rights Reserved
                   </div>
                </div>
            </div>
        </div>
    </footer>
    <div>
        <div class="frame">
            <ul class="tabbar">
                <li class="active">
                    <a href="https://holistichealthshow.com" target="_blank" rel="noopener noreferrer">
                        <div>
                            <img src="/banner/home.png" width="35" height="35"
                                decoding="async" style="display:block; max-width:100%; height:auto;" alt="Home Brotogel">
                            <em></em>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="https://portal.brotogel.nl/" target="_blank" rel="noopener noreferrer">
                        <div>
                            <img src="/banner/LOGIN.png" width="35" height="35"
                                decoding="async" style="display:block; max-width:100%; height:auto;" alt="Login Situs Toto">
                            <em></em>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="https://portal.brotogel.nl/" target="_blank" rel="noopener noreferrer">
                        <div>
                            <img src="/banner/icondaftar.png" width="35" height="35"
                                decoding="async" style="display:block; max-width:100%; height:auto;" alt="Daftar Togel Online" loading="lazy">
                            <em></em>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="https://portal.brotogel.nl/" target="_blank" rel="noopener noreferrer">
                        <div>
                            <img src="/banner/iconbonus.png" width="35" height="35"
                                decoding="async" style="display:block; max-width:100%; height:auto;" alt="Promosi Brotogel" loading="lazy">
                            <em></em>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
      <div class="reference" style="display:none">
<a href="#/">Brotogel</a>
</div>

<script>
var swiper = new Swiper(".mySwiper", {
  spaceBetween: 30,
  centeredSlides: true,
  autoplay: { delay: 2500, disableOnInteraction: false },
  pagination: { el: ".swiper-pagination", clickable: true }
});
</script>
  <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>
<style>
.info-box-jtg {
    max-width: 900px;
    margin: 30px auto;
    background: #00000;
    border: 3px solid #00969E;
    border-radius: 16px;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.18);
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
}

.info-header-jtg {
    padding: 18px 14px;
    background: linear-gradient(90deg, #00969E, #00969E);
    color: #ffffff;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.info-row-jtg {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 16px;
    border-bottom: 1px solid #e5e5e5;
}

.info-row-jtg:last-child {
    border-bottom: none;
}

.info-label-jtg {
    width: 30%;
    color: #ffffff;
    font-weight: 600;
}

.info-value-jtg {
    width: 70%;
    color: #ffffff;
    font-weight: 700;
}

.rating-jtg {
    color: #f5b400;
    letter-spacing: 2px;
}

.wrapper-section {
    max-width: 900px;
    margin: 40px auto;
    padding: 0 15px;
    font-family: Arial, Helvetica, sans-serif;
}


.faq-list {
    display: grid;
    gap: 12px;
    margin-top: 22px;
}

.faq-item {
    background: #ffffff;
    border: 1px solid #000000;
    border-left: 4px solid #00969E;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.faq-item summary {
    position: relative;
    padding: 17px 48px 17px 18px;
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    list-style: none;
    background:#000000;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item summary::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 18px;
    color: #00969E;
    font-size: 24px;
    line-height: 1;
    transform: translateY(-50%);
}

.faq-item[open] summary::after {
    content: "−";
}

.faq-item p {
    margin: 0;
    padding: 0 18px 18px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.75;
    background:#000000;
}

@media (max-width: 600px) {
    .info-box-jtg {
        margin: 25px 12px;
    }

    .info-row-jtg {
        flex-direction: column;
        gap: 6px;
    }

    .info-label-jtg,
    .info-value-jtg {
        width: 100%;
    }

    .section-title {
        font-size: 24px;
    }

    .faq-item summary {
        font-size: 15px;
    }
}
</style>
    <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: 420px;
      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;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(13, 110, 253, 0.2);
      padding-bottom: 20px;
      border: 1px solid rgba(13, 110, 253, 0.15);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }

    /* 💛 Emas berdenyut yang mewah */
    @keyframes goldPulse {
      0%, 100% {
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 20px rgba(13, 110, 253, 0.3), 0 0 0 1px rgba(13, 110, 253, 0.2);
      }
      50% {
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 30px rgba(13, 110, 253, 0.5), 0 0 0 1px rgba(13, 110, 253, 0.3);
      }
    }

    /* ✨ Shiny diagonal emas yang elegan */
    .popup-container::before {
      content: "";
      position: absolute;
      top: -100%;
      left: -100%;
      width: 200%;
      height: 200%;
      background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0) 45%,
        rgba(255, 215, 0, 0.15) 50%,
        rgba(255, 255, 255, 0) 55%
      );
      animation: shineDiagonal 5s linear infinite;
      z-index: 2;
      pointer-events: none;
    }

    @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, #00969E, #00969E);
      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/banner-utama.webp" alt="Popup Banner" class="popup-image" />

            <div class="popup-buttons">
                <a href="https://portal.brotogel.nl">LOGIN</a>
                <a href="https://portal.brotogel.nl">DAFTAR</a>
            </div>

            <div class="popup-footer">
                BROTOGEL By Sinra-Tensei<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>
