
<!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>BUKUMIMPI138 | Kumpulan Kaum Remaja Sosialita Sering Bermain Handphone!</title>
    <meta name="description" content="BUKUMIMPI138 menghadirkan ruang digital modern bagi remaja sosialita pecinta aktivitas mobile dengan akses cepat, sistem stabil, tampilan viral, serta pengalaman online lebih nyaman.">
    <link rel="canonical" href="https://bukumimpi38.org/">
    <link rel="amphtml" href="https://amp.bukumimpi38.org/">
    <link rel="alternate" hreflang="id-id" href="https://amp.bukumimpi38.org/">
  <link rel="alternate" href="https://amp.bukumimpi38.org/"/>
  <link rel="alternate" hreflang="id" href="https://amp.bukumimpi38.org/">
  <link rel="alternate" hreflang="en" href="https://bukumimpi38.org/"/>
  <link rel="alternate" hreflang="x-default" href="https://bukumimpi38.org/"/>
    <meta name="google" content="notranslate">
    <meta name="robots" content="index, follow">
    <meta name="rating" content="general">
    <meta name="geo.region" content="id_ID">
    <meta name="googlebot" content="index,follow">
    <meta name="geo.country" content="id">
    <meta name="language" content="Id-ID">
    <meta name="distribution" content="global">
    <meta name="geo.placename" content="Indonesia">
    <meta name="author" content="bukumimpi138">
    <meta name="publisher" content="bukumimpi138">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="id_ID">
    <meta property="og:locale:alternate" content="en_US">
    <meta property="og:title" content="BUKUMIMPI138 | Kumpulan Kaum Remaja Sosialita Sering Bermain Handphone!">
    <meta property="og:description" content="BUKUMIMPI138 menghadirkan ruang digital modern bagi remaja sosialita pecinta aktivitas mobile dengan akses cepat, sistem stabil, tampilan viral, serta pengalaman online lebih nyaman.">
    <meta property="og:url" content="https://bukumimpi38.org/">
    <meta property="og:site_name" content="bukumimpi138">
    <meta property="og:image" content="https://studiointermedia.com/images/2026/05/20/BANNERR32.png">
    <meta property="og:image:alt" content="Togel Online bukumimpi138">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="@bukumimpi138">
    <meta name="twitter:title" content="BUKUMIMPI138 | Kumpulan Kaum Remaja Sosialita Sering Bermain Handphone!">
    <meta name="twitter:description" content="BUKUMIMPI138 menghadirkan ruang digital modern bagi remaja sosialita pecinta aktivitas mobile dengan akses cepat, sistem stabil, tampilan viral, serta pengalaman online lebih nyaman.">
    <meta name="twitter:image" content="https://studiointermedia.com/images/2026/05/20/BANNERR32.png">
    <link rel="shortcut icon" type="image/png" href="https://studiointermedia.com/images/2026/02/10/bkm-icon2.png">
    <link rel="icon" type="image/png" sizes="16x16" href="https://studiointermedia.com/images/2026/02/10/bkm-icon2.png">
    <link rel="apple-touch-icon" sizes="180x180" href="https://studiointermedia.com/images/2026/02/10/bkm-icon2.png">
    <link rel="preload" as="image" href="https://studiointermedia.com/images/2026/02/11/GIF-LOGO-ANIMATION-BUKUMIMPI138-1.gif">
    <link rel="preload" as="image" href="https://studiointermedia.com/images/2026/05/20/BANNERR32.png">
    <link rel="preload" as="image" href="./assets/bg.jpg">
    <link rel="preload" as="image" href="https://bukumimpi38.org/banner/bni.webp">
    <link rel="preload" as="image" href="https://bukumimpi38.org/banner/bca.webp">
    <link rel="preload" as="image" href="https://bukumimpi38.org/banner/bri.webp">
    <link rel="preload" as="image" href="https://bukumimpi38.org/banner/mandiri.webp">
    <link rel="preload" as="image" href="https://bukumimpi38.org/banner/ovo.webp">
    <link rel="preload" as="image" href="https://bukumimpi38.org/banner/gopay.webp">
    <link rel="preload" as="image" href="https://bukumimpi38.org/banner/dana.webp">
    <link rel="preload" as="image" href="https://bukumimpi38.org/banner/qris.webp">
    <link rel="stylesheet" href="/assets/swiper/swiper-bundle.min.css">
    <script src="/assets/swiper/swiper-bundle.min.js"></script>

    <style>
        :root {
            --bs-blue: #0a58ca;
            --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: #0a58ca;
            --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: #0a58ca;
            --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))
        }

        .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-image: url(./assets/bg.jpg)
        }

        .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, #0a58ca, #0a58ca 50%, #5e5b5b)
        }

        a.btn-register {
            background-image: linear-gradient(to bottom, #0a58ca, #0a58ca 50%, #5e5b5b)
        }

        a.btn-alt-link {
            background-image: linear-gradient(to bottom, #0a58ca, #0a58ca 50%, #5e5b5b)
        }

        .seo-text h1,
        .seo-text h2,
        .seo-text h3 {
            color: #000000
        }

        .seo-text h1 {
            text-align: center
        }

        .seo-text a {
            color: #0a58ca;
            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: 18%;
            padding: 2px
        }

        .topbar-container {
            padding: 8px 0;
            border-bottom: 1px solid #000000;
            background: linear-gradient(89.87deg, #0a58ca 35.41%, #0a58ca 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, #0a58ca 35.41%, #0a58ca 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, #0a58ca 35.41%, #0a58ca 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: #0a58ca;
                --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>


<script type="application/ld+json">
{
 "@context": "https://schema.org",
 "@graph": [

  {
    "@type": "WebSite",
    "name": "BUKUMIMPI138",
    "url": "https://bukumimpi38.org/",
    "potentialAction": {
      "@type": "SearchAction",
      "target": "https://bukumimpi38.org/?s={search_term_string}",
      "query-input": "required name=search_term_string"
    }
  },

  {
    "@type": "BreadcrumbList",
    "itemListElement": [
      {
        "@type": "ListItem",
        "position": 1,
        "name": "Home",
        "item": "https://bukumimpi38.org/"
      },
      {
        "@type": "ListItem",
        "position": 2,
        "name": "Login Togel Macau",
        "item": "https://bukumimpi38.org/#login"
      },
      {
        "@type": "ListItem",
        "position": 3,
        "name": "BUKUMIMPI138",
        "item": "https://bukumimpi38.org/"
      }
    ]
  }

 ]
}
</script>
<script type="application/ld+json">
{
 "@context": "https://schema.org",
 "@type": "FAQPage",
 "mainEntity": [
  {
    "@type": "Question",
    "name": "Apa itu BUKUMIMPI138?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "BUKUMIMPI138 adalah platform online yang menyediakan akses togel Macau dan permainan poker dalam satu sistem yang terintegrasi dan mudah digunakan."
    }
  },
  {
    "@type": "Question",
    "name": "Bagaimana cara login di BUKUMIMPI138?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Pengguna dapat melakukan login dengan memasukkan username dan password melalui halaman utama BUKUMIMPI138 untuk mengakses seluruh fitur yang tersedia."
    }
  },
  {
    "@type": "Question",
    "name": "Apakah BUKUMIMPI138 aman digunakan?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "BUKUMIMPI138 menggunakan sistem keamanan yang dirancang untuk melindungi data pengguna serta menjaga performa platform tetap stabil saat digunakan."
    }
  },
  {
    "@type": "Question",
    "name": "Apa saja layanan yang tersedia di BUKUMIMPI138?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "BUKUMIMPI138 menyediakan layanan togel Macau serta permainan poker yang dapat diakses dalam satu akun tanpa perlu berpindah platform."
    }
  },
  {
    "@type": "Question",
    "name": "Apakah bisa diakses melalui HP?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Ya, BUKUMIMPI138 dapat diakses melalui perangkat mobile maupun desktop dengan tampilan responsif sehingga tetap nyaman digunakan kapan saja."
    }
  }
 ]
}
</script>
</head>

<body>
    <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://amp.bukumimpi38.org/" target="_blank"
                                        rel="noopener noreferrer" class="js_live_chat_link"><img
                                            src="https://studiointermedia.com/images/2026/02/10/bkm-icon2.png" width="15" height="15"
                                            style="max-width: 100%; height: auto;" alt="Customer Service BUKUMIMPI138"> Live
                                        Chat </a>
                                </div>
                                <div class="topbar-item"><a href="https://amp.bukumimpi38.org/" target="_blank"
                                        rel="noopener noreferrer"><img src="https://studiointermedia.com/images/2026/02/10/bkm-icon2.png"
                                            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://amp.bukumimpi38.org/" target="_blank"
                                        rel="noopener noreferrer" class="download-apk-btn"><img
                                            src="https://studiointermedia.com/images/2026/02/10/bkm-icon2.png" 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://amp.bukumimpi38.org/" target="_blank"
                                        rel="noopener noreferrer" class="login-button"> Masuk </a></div>
                                <div class="login-panel-item"><a href="https://amp.bukumimpi38.org/" target="_blank"
                                        rel="noopener noreferrer" class="register-button"> Daftar </a>
                                </div>
                                <a href="https://amp.bukumimpi38.org/" 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://bukumimpi38.org/" target="_blank" rel="noopener noreferrer" class="logo">
                                  <img src="https://studiointermedia.com/images/2026/02/11/GIF-LOGO-ANIMATION-BUKUMIMPI138-1.gif" width="290" height="50" style="max-width: 100%; height: auto;" alt="BUKUMIMPI138">
                                    </a>

                                  <ul class="top-menu">
                                    <li><a href="https://amp.bukumimpi38.org/" target="_blank">
                                      Bukti
                                      Jackpot </a></li>
                                    <li><a href="https://amp.bukumimpi38.org/" target="_blank" rel="noopener noreferrer">
                                      Promosi
                                      </a></li>
                                    <li><a href="https://amp.bukumimpi38.org/" target="_blank" rel="noopener noreferrer">
                                      WhatsApp</a>
                                    </li>
                                    <li><a href="https://amp.bukumimpi38.org/" target="_blank" rel="noopener noreferrer">
                                      BUKUMIMPI138</a></li>
                                  </ul>
                            </div>
                        </div>
                    </div>
                </div>
                        </div>
                      </div>
                      <div class="site-header-m navbar-fixed-top">
                        <a href="https://bukumimpi38.org/" target="_blank" rel="noopener noreferrer" class="logo">
                          <img src="https://studiointermedia.com/images/2026/02/11/GIF-LOGO-ANIMATION-BUKUMIMPI138-1.gif" width="213" height="60" style="max-width: 100%; height: auto;" alt="BUKUMIMPI138">
                            </a>
                          <div class="header-info">
                            <a class="login-button" href="https://amp.bukumimpi38.org/" target="_blank" rel="noopener noreferrer"> Masuk
                            </a>
                            <a class="register-button" href="https://amp.bukumimpi38.org/" 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://studiointermedia.com/images/2026/05/20/BANNERR32.png" alt="Situs Togel Online" style="width:100%;">
                        </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://amp.bukumimpi38.org/" target="_blank" rel="noopener noreferrer"
                        class="button-cta btn-login"> MASUK
                    </a>
                </div>
                <div class="col-lg-4 col-sm-12 px-1"><a href="https://amp.bukumimpi38.org/" 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://amp.bukumimpi38.org/" target="_blank"
                        rel="noopener noreferrer" class="button-cta btn-alt-link"> LINK ALTERNATIF </a></div>
            </div>
        </div>
    </div> <amp-sidebar id="sidebar-desktop" class="sidebar" layout="nodisplay" side="left">
        <div class="site-header-m">
            <a href="https://bukumimpi38.org/" target="_blank" rel="noopener noreferrer" class="logo">
                <img src="https://studiointermedia.com/images/2026/02/11/GIF-LOGO-ANIMATION-BUKUMIMPI138-1.gif" width="213" height="36"
                    style="max-width: 100%; height: auto;" alt="BUKUMIMPI138">
            </a>
            <div class="header-info">
                <a class="login-button" href="https://amp.bukumimpi38.org/" target="_blank" rel="noopener noreferrer"> Masuk
                </a>
                <a class="register-button" href="https://amp.bukumimpi38.org/" target="_blank" rel="noopener noreferrer">
                    Daftar </a>
            </div>

        </div>


    </amp-sidebar>
    <main class="home seo-text">
        <div class="container">
            <article>

<h1>BUKUMIMPI138 – Login Situs Togel Singapore Pools & Agen Bola dengan Sistem Stabil</h1>
<p><a href="#">BUKUMIMPI138</a> hadir sebagai platform digital yang menyediakan layanan permainan togel online serta agen bola dalam satu sistem yang terintegrasi. Dengan semakin berkembangnya kebutuhan pengguna terhadap layanan berbasis online, platform seperti BUKUMIMPI138 menawarkan kemudahan akses serta pengalaman bermain yang lebih praktis. Pengguna dapat mengakses berbagai fitur hanya melalui satu akun tanpa perlu berpindah platform</p>
<p>Keunggulan utama dari BUKUMIMPI138 terletak pada kemampuannya menggabungkan dua jenis layanan populer, yaitu togel online dengan pasaran Singapore Pools serta taruhan olahraga dalam satu tempat. Hal ini memberikan fleksibilitas bagi pengguna untuk memilih jenis permainan yang sesuai dengan preferensi masing-masing.</p>
<!-- SECTION 2 -->
<h2>BUKUMIMPI138 sebagai Platform Akses Login Togel Macau dan Poker</h2>
<p>BUKUMIMPI138 hadir sebagai platform yang menyediakan akses login togel Macau dan permainan poker dalam satu sistem yang terintegrasi. Dengan konsep yang mengutamakan kemudahan dan kenyamanan, pengguna dapat menikmati berbagai layanan tanpa perlu berpindah platform. Hal ini memberikan efisiensi dalam penggunaan serta pengalaman yang lebih praktis bagi setiap pengguna.</p>

<p>Dalam perkembangan platform digital saat ini, stabilitas sistem menjadi faktor utama yang menentukan kualitas layanan. BUKUMIMPI138 dirancang dengan sistem yang mampu memberikan performa stabil sehingga pengguna dapat mengakses layanan kapan saja tanpa kendala berarti.</p>

<h2>Sistem Login BUKUMIMPI138 dengan Akses Cepat dan Praktis</h2>
<p>Salah satu keunggulan utama dari BUKUMIMPI138 adalah sistem login yang dirancang sederhana dan mudah digunakan. Proses login dapat dilakukan dengan cepat tanpa langkah yang rumit.</p>

<h3>Login Mudah untuk Semua Pengguna</h3>
<p>Pengguna hanya perlu memasukkan username dan password yang telah terdaftar untuk langsung mengakses seluruh fitur yang tersedia. Sistem ini dibuat agar dapat digunakan oleh berbagai kalangan pengguna.</p>

<h3>Performa Stabil Saat Login</h3>
<p>Dengan sistem yang telah dioptimalkan, proses login berjalan lancar tanpa gangguan teknis sehingga pengguna dapat langsung menikmati layanan.</p>

<h2>Fokus Utama pada Togel Macau yang Konsisten</h2>
<p>BUKUMIMPI138 menyediakan akses ke togel Macau sebagai salah satu layanan utama. Pasaran ini dikenal dengan jadwal yang teratur serta informasi yang disajikan secara jelas sehingga memudahkan pengguna dalam mengikuti perkembangan yang tersedia.</p>

<h3>Informasi yang Disusun dengan Jelas</h3>
<p>Semua data terkait pasaran Macau ditampilkan secara sederhana sehingga mudah dipahami oleh pengguna.</p>

<h3>Akses Lancar Tanpa Hambatan</h3>
<p>Pengguna dapat mengakses pasaran Macau dengan lancar sehingga pengalaman bermain tetap nyaman dan efisien.</p>


                                <div class="info-box-jtg">
                                     <div class="info-header-jtg">
                                         TENTANG BUKUMIMPI138
                                     </div>
                                     <div class="info-row-jtg">
                                         <span class="info-label-jtg">Nama Situs</span>
                                         <span class="info-value-jtg">BUKUMIMPI138</span>
                                     </div>
                                     <div class="info-row-jtg">
                                         <span class="info-label-jtg">Jenis Game</span>
                                         <span class="info-value-jtg">Togel Online</span>
                                     </div>
                                     <div class="info-row-jtg">
                                         <span class="info-label-jtg">Min Deposit</span>
                                         <span class="info-value-jtg">IDR 10,000</span>
                                     </div>
                                     <div class="info-row-jtg">
                                         <span class="info-label-jtg">Min Withdraw</span>
                                         <span class="info-value-jtg">IDR 10,000</span>
                                     </div>
                                     <div class="info-row-jtg">
                                         <span class="info-label-jtg">Metode Transaksi</span>
                                         <span class="info-value-jtg">Transfer Bank Lokal, E-wallet, QRIS & USDT</span>
                                     </div>
                                                                          <div class="info-row-jtg">
                                         <span class="info-label-jtg">Rating</span>
                                         <span class="info-value-jtg rating-jtg">★★★★★ </span>
                                     </div>
<style>
.info-box-jtg {max-width: 900px;margin: 30px auto;background: #ffffff;border-radius: 16px;border: 3px solid #0a58ca;box-shadow: 0 0 18px rgba(0, 0, 0, 0.6);overflow: hidden;font-family: Arial, Helvetica, sans-serif;} .info-header-jtg { background: linear-gradient(90deg, #0a58ca, #0a58ca);color: #000000;text-align: center;padding: 18px 14px;font-size: 22px;font-weight: bold;} .info-row-jtg {display: flex;justify-content: space-between;padding: 14px 16px;border-bottom: 1px solid #e5e5e5;} .info-row-jtg:last-child {border-bottom: none;} .info-label-jtg {font-weight: 600;color: #000;width: 40%;} .info-value-jtg {font-weight: 700;color: #000;width: 60%;} .rating-jtg {color: #0093b5;letter-spacing: 2px;} /* RESPONSIVE MOBILE */@media (max-width: 600px) {.info-label-jtg {flex-direction: column;} .info-label-jtg,.info-value-jtg {width: 100%;} .info-label-jtg {margin-bottom: 6px;}}
</style>
</div>
<!-- SECTION 3 -->
<h2>Permainan Poker dengan Sistem Terintegrasi</h2>
<p>Selain togel Macau, BUKUMIMPI138 juga menyediakan permainan poker yang dapat diakses dalam satu platform. Hal ini memberikan variasi pilihan bagi pengguna yang ingin menikmati lebih dari satu jenis permainan.</p>

<h3>Variasi Permainan yang Menarik</h3>
<p>Poker menjadi salah satu pilihan yang memberikan pengalaman berbeda dengan sistem yang mudah dipahami.</p>

<h3>Akses Mudah Tanpa Perpindahan Platform</h3>
<p>Pengguna dapat berpindah antara togel Macau dan poker tanpa perlu keluar dari akun yang sama.</p>

<h2>Keamanan Sistem yang Menjadi Prioritas</h2>
<p>Keamanan merupakan aspek penting dalam penggunaan platform online. BUKUMIMPI138 menerapkan sistem perlindungan data untuk menjaga informasi pengguna tetap aman.</p>

<h3>Perlindungan Data Pengguna</h3>
<p>Setiap aktivitas dilakukan dalam sistem yang dirancang untuk menjaga privasi pengguna dengan baik.</p>

<h3>Pembaruan Sistem Berkala</h3>
<p>Platform terus diperbarui untuk menjaga performa tetap stabil serta mengurangi risiko gangguan teknis.</p>

<h2>Tampilan Website yang Mudah Digunakan</h2>
<p>BUKUMIMPI138 dirancang dengan tampilan yang user-friendly sehingga mudah digunakan oleh berbagai kalangan pengguna. Navigasi yang jelas membantu pengguna dalam menemukan fitur yang dibutuhkan.</p>

<h3>Desain Responsif di Semua Perangkat</h3>
<p>Website dapat diakses melalui desktop maupun mobile dengan tampilan yang tetap optimal.</p>

<h3>Navigasi yang Sederhana</h3>
<p>Struktur menu yang rapi memudahkan pengguna dalam menjelajahi seluruh fitur yang tersedia.</p>

<h2>Layanan Pengguna yang Responsif</h2>
<p>BUKUMIMPI138 menyediakan layanan bantuan yang siap membantu pengguna dalam berbagai kebutuhan. Dengan dukungan yang responsif, pengguna dapat memperoleh solusi dengan cepat.</p>

<h3>Dukungan yang Mudah Dihubungi</h3>
<p>Pengguna dapat menghubungi layanan pelanggan dengan mudah untuk mendapatkan bantuan.</p>

<h3>Respon Cepat dan Profesional</h3>
<p>Setiap kendala ditangani dengan cepat sehingga tidak mengganggu pengalaman pengguna.</p>

<h2>Akses Fleksibel Kapan Saja</h2>
<p>Dengan sistem yang fleksibel, BUKUMIMPI138 dapat diakses kapan saja melalui berbagai perangkat. Hal ini memberikan kemudahan bagi pengguna untuk tetap terhubung.</p>

<h3>Tampilan Adaptif</h3>
<p>Website menyesuaikan tampilan dengan berbagai ukuran layar sehingga tetap nyaman digunakan.</p>

<h3>Performa Tetap Optimal</h3>
<p>Meskipun diakses dari perangkat yang berbeda, performa platform tetap terjaga dengan baik.</p>

<h2>Kesimpulan</h2>
<p>BUKUMIMPI138 merupakan platform yang menyediakan akses login togel Macau dan poker dengan sistem aman, performa stabil, serta layanan yang responsif. Dengan berbagai kemudahan yang ditawarkan, pengguna dapat menikmati pengalaman yang lebih praktis dan nyaman dalam satu platform.</p>
<div class="section-blue">

  <!-- TITLE FAQ -->
<h2 class="section-title">FAQ BUKUMIMPI138</h2>

<div class="faq-box">

  <div class="faq-item">
    <div class="faq-question">Apa itu BUKUMIMPI138?</div>
    <div class="faq-answer">
      BUKUMIMPI138 adalah platform online yang menyediakan akses togel Macau dan permainan poker dalam satu sistem yang terintegrasi dan mudah digunakan.
    </div>
  </div>

  <div class="faq-item">
    <div class="faq-question">Bagaimana cara login di BUKUMIMPI138?</div>
    <div class="faq-answer">
      Pengguna dapat melakukan login dengan memasukkan username dan password melalui halaman utama BUKUMIMPI138 untuk mengakses seluruh fitur yang tersedia.
    </div>
  </div>

  <div class="faq-item">
    <div class="faq-question">Apakah BUKUMIMPI138 aman digunakan?</div>
    <div class="faq-answer">
      BUKUMIMPI138 menggunakan sistem keamanan yang dirancang untuk melindungi data pengguna serta menjaga performa platform tetap stabil saat digunakan.
    </div>
  </div>

  <div class="faq-item">
    <div class="faq-question">Apa saja layanan yang tersedia di BUKUMIMPI138?</div>
    <div class="faq-answer">
      BUKUMIMPI138 menyediakan layanan togel Macau serta permainan poker yang dapat diakses dalam satu akun tanpa perlu berpindah platform.
    </div>
  </div>

  <div class="faq-item">
    <div class="faq-question">Apakah bisa diakses melalui HP?</div>
    <div class="faq-answer">
      Ya, BUKUMIMPI138 dapat diakses melalui perangkat mobile maupun desktop dengan tampilan responsif sehingga tetap nyaman digunakan kapan saja.
    </div>
  </div>
</div>

<!-- TITLE TESTIMONI -->
<h2 class="section-title">Testimoni Pengguna</h2>

<div class="testimoni-box">

  <div class="testimoni-card">
    <b>Andi – Jakarta</b>
    Akses ke togel Macau cukup lancar dan tampilannya simpel. Saya juga bisa langsung login tanpa kendala.
  </div>

  <div class="testimoni-card">
    <b>Rizky – Bandung</b>
    Yang saya suka dari BUKUMIMPI138 itu sistemnya praktis dan cepat. Main poker juga terasa lebih stabil.
  </div>

  <div class="testimoni-card">
    <b>Dimas – Surabaya</b>
    Platformnya nyaman digunakan karena semua layanan ada dalam satu tempat, mulai dari togel Macau sampai poker.
  </div>

  <div class="testimoni-card">
    <b>Fajar – Medan</b>
    Sudah beberapa kali akses dan sejauh ini performanya konsisten. Login mudah dan jarang mengalami gangguan.
  </div>

</div>

</div>

<div class="section-blue">

<h2 class="section-title">FAQ BUKUMIMPI138</h2>

<div class="faq-box">

  <div class="faq-item">
    <div class="faq-question">Apa itu BUKUMIMPI138?</div>
    <div class="faq-answer">
      BUKUMIMPI138 adalah platform online yang menyediakan akses togel Macau dan permainan poker dalam satu sistem yang terintegrasi dan mudah digunakan.
    </div>
  </div>

  <div class="faq-item">
    <div class="faq-question">Bagaimana cara login di BUKUMIMPI138?</div>
    <div class="faq-answer">
      Pengguna dapat melakukan login dengan memasukkan username dan password melalui halaman utama BUKUMIMPI138 untuk mengakses seluruh fitur yang tersedia.
    </div>
  </div>

  <div class="faq-item">
    <div class="faq-question">Apakah BUKUMIMPI138 aman digunakan?</div>
    <div class="faq-answer">
      BUKUMIMPI138 menggunakan sistem keamanan yang dirancang untuk melindungi data pengguna serta menjaga performa platform tetap stabil saat digunakan.
    </div>
  </div>

  <div class="faq-item">
    <div class="faq-question">Apa saja layanan yang tersedia di BUKUMIMPI138?</div>
    <div class="faq-answer">
      BUKUMIMPI138 menyediakan layanan togel Macau serta permainan poker yang dapat diakses dalam satu akun tanpa perlu berpindah platform.
    </div>
  </div>

  <div class="faq-item">
    <div class="faq-question">Apakah bisa diakses melalui HP?</div>
    <div class="faq-answer">
      Ya, BUKUMIMPI138 dapat diakses melalui perangkat mobile maupun desktop dengan tampilan responsif sehingga tetap nyaman digunakan kapan saja.
    </div>
  </div>

</div>

</div>

<script>
document.querySelectorAll(".faq-question").forEach(item => {
  item.addEventListener("click", () => {
    const parent = item.parentElement;
    parent.classList.toggle("active");
  });
});
</script>

<style>
/* ===== FAQ & TESTIMONI SECTION ===== */
.section-blue {
  background:transparent;
  padding:60px 20px;
  color:#fff;
  font-family:Arial, sans-serif;
}

.section-title {
  text-align:center;
  font-size:28px;
  color:white;
  font-weight:700;
  margin-bottom:30px;
}

/* FAQ */
.faq-box {
  max-width:900px;
  margin:0 auto 60px;
}

.faq-item {
  background:#111827;
  border-radius:8px;
  margin-bottom:12px;
  overflow:hidden;
}

.faq-question {
  padding:16px 20px;
  cursor:pointer;
  font-weight:600;
  position:relative;
}

.faq-question::after {
  content:"+";
  position:absolute;
  right:20px;
  font-size:22px;
}

.faq-item.active .faq-question::after {
  content:"–";
}

.faq-answer {
  display:none;
  padding:0 20px 16px;
  font-size:14px;
  line-height:1.7;
  color:#e5e7eb;
}

.faq-item.active .faq-answer {
  display:block;
}

/* TESTIMONI */
.testimoni-box {
  max-width:900px;
  margin:0 auto;
}

.testimoni-card {
  background:#ffffff;
  color:#111;
  padding:18px 20px;
  border-radius:10px;
  margin-bottom:14px;
}

.testimoni-card b {
  display:block;
  margin-bottom:6px;
}
</style>

<style>
  /* === FONT IMPORT === */
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&display=swap');

  /* === CONTAINER UTAMA === */
  .prediction-wrapper {
    max-width: 800px;
    font-family: 'Montserrat', sans-serif;
    background: #0a0a0a;
    border: 1px solid #222;
    border-radius: 12px;
    padding: 25px 20px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);
    position: relative;
    overflow: hidden;
    margin: 20px auto;
  }

  /* Dekorasi Garis Emas di Atas */
  .prediction-wrapper::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #0076ff, transparent);
    opacity: 0.7;
  }

  /* HEADER */
  .pred-header {
    text-align: center;
    margin-bottom: 20px;
    position: relative;
  }

  .pred-header h2 {
    font-size: 16px;
    color: #0076ff;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    font-weight: 800;
    text-shadow: 0 0 10px rgba(13, 110, 253, 0.2);
  }

  .pred-header span {
    display: block;
    font-size: 10px;
    color: #ffffff;
    margin-top: 5px;
    letter-spacing: 1px;
  }

  /* LIST PASARAN */
  .market-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  /* ROW PASARAN */
  .market-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(145deg, #111, #0e0e0e);
    border: 1px solid #1f1f1f;
    border-radius: 8px;
    padding: 15px;
    transition: transform 0.3s;
  }

  .market-row:hover {
    border-color: #333;
    transform: translateX(5px);
  }

  /* NAMA PASARAN */
  .market-info {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 100px;
  }

  .market-flag {
    font-size: 18px;
  }

  .market-name {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
  }

  /* GRUP ANGKA (2D, 3D, 4D) */
  .numbers-group {
    display: flex;
    gap: 10px;
    align-items: center;
  }

  .num-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .num-label {
    font-size: 9px;
    color: #ffffff;
    margin-bottom: 3px;
    font-weight: 600;
  }

  .num-bubble {
    background: linear-gradient(135deg, #0076ff 0%, #0194fc100%);
    color: #ffffff;
    font-weight: 800;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
    min-width: 35px;
    text-align: center;
    border: 1px solid rgba(255,255,255,0.2);
  }

  /* Responsive: Stack ke bawah di layar kecil */
  @media (max-width: 400px) {
    .market-row {
      flex-direction: column;
      gap: 15px;
      text-align: center;
    }
    .market-info {
      width: 100%;
      justify-content: center;
      border-bottom: 1px solid #1a1a1a;
      padding-bottom: 10px;
      margin-bottom: 5px;
    }
  }
</style>

<!-- HTML WIDGET -->
<div class="prediction-wrapper">
  <!-- LIVE WINNER TICKER (Tetap dipertahankan di bawah) -->
  <div class="winner-section" style="margin-top: 25px; position: relative;">
    <h3 style="font-size: 14px; color: #888; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; text-align: center; border-bottom: 1px solid #222; padding-bottom: 5px;">Pemenang Terkini</h3>
    <div style="background: rgba(20, 20, 20, 0.5); border: 1px solid #222; border-radius: 8px; height: 160px; overflow: hidden; position: relative;">
      <div style="height: 100%; overflow: hidden; position: relative;">
        <div style="position: absolute; width: 100%; animation: scrollVertical 10s linear infinite;">
          <div style="display: flex; align-items: center; padding: 12px 15px; border-bottom: 1px solid rgba(255,255,255,0.03); font-size: 12px;">
            <div style="width: 32px; height: 32px; background: #222; border-radius: 50%; border: 1px solid #333; margin-right: 12px; display: flex; align-items: center; justify-content: center; color: #0076ff; font-weight: bold; font-size: 10px;">SGP</div>
            <div style="flex: 1;">
              <span style="color: #0076ff; font-weight: 700; display: block; margin-bottom: 2px;">Agus</span>
              <span style="color: #fff; font-weight: 600;">Rp 15.500.000</span>
            </div>
            <span style="color: #0076ff; font-size: 10px; margin-left: auto;">★</span>
          </div>
          <div style="display: flex; align-items: center; padding: 12px 15px; border-bottom: 1px solid rgba(255,255,255,0.03); font-size: 12px;">
            <div style="width: 32px; height: 32px; background: #222; border-radius: 50%; border: 1px solid #333; margin-right: 12px; display: flex; align-items: center; justify-content: center; color: #0076ff; font-weight: bold; font-size: 10px;">HK</div>
            <div style="flex: 1;">
              <span style="color: #0076ff; font-weight: 700; display: block; margin-bottom: 2px;">Siti Rahma</span>
              <span style="color: #fff; font-weight: 600;">Rp 8.200.000</span>
            </div>
            <span style="color: #0076ff; font-size: 10px; margin-left: auto;">★</span>
          </div>
          <div style="display: flex; align-items: center; padding: 12px 15px; border-bottom: 1px solid rgba(255,255,255,0.03); font-size: 12px;">
            <div style="width: 32px; height: 32px; background: #222; border-radius: 50%; border: 1px solid #333; margin-right: 12px; display: flex; align-items: center; justify-content: center; color: #0076ff; font-weight: bold; font-size: 10px;">MACAU</div>
            <div style="flex: 1;">
              <span style="color: #0076ff; font-weight: 700; display: block; margin-bottom: 2px;">Budi Budiman</span>
              <span style="color: #fff; font-weight: 600;">Rp 45.000.000</span>
            </div>
            <span style="color: #0076ff; font-size: 10px; margin-left: auto;">★</span>
          </div>
          <!-- Duplikat untuk loop -->
          <div style="display: flex; align-items: center; padding: 12px 15px; border-bottom: 1px solid rgba(255,255,255,0.03); font-size: 12px;">
            <div style="width: 32px; height: 32px; background: #222; border-radius: 50%; border: 1px solid #333; margin-right: 12px; display: flex; align-items: center; justify-content: center; color: #0076ff; font-weight: bold; font-size: 10px;">SGP</div>
            <div style="flex: 1;">
              <span style="color: #0076ff; font-weight: 700; display: block; margin-bottom: 2px;">Agus Setyadi</span>
              <span style="color: #fff; font-weight: 600;">Rp 15.500.000</span>
            </div>
            <span style="color: #0076ff; font-size: 10px; margin-left: auto;">★</span>
          </div>
        </div>
      </div>
    </div>
  </div>

</div>

<style>
  @keyframes scrollVertical {
    0% { transform: translateY(0); }
    100% { transform: translateY(-50%); }
  }
</style>

<script>
  // Fungsi generate angka random
  function getNumber(digit) {
    let result = "";
    for(let i = 0; i < digit; i++) {
      result += Math.floor(Math.random() * 10);
    }
    return result;
  }

  // Fungsi utama: Jalan otomatis saat halaman load
  window.onload = function() {
    // List ID yang ingin diisi (2D, 3D, 4D untuk tiap pasaran)
    const targets = ['sgp', 'hk', 'syd', 'macau'];
    const types = ['2d', '3d', '4d'];

    targets.forEach(market => {
      types.forEach(type => {
        const elementId = market + "-" + type;
        const element = document.getElementById(elementId);
        
        if(element) {
          // Efek loading sebentar agar keliatan realtime
          setTimeout(() => {
            element.innerText = getNumber(parseInt(type)); // type string '2d' jadi angka 2
          }, 500 + Math.random() * 500); // Random delay tiap angka
        }
      });
    });
  };
</script>

        </div>
    </main>

    <hr class="footer-separator">
    <footer>
        <ul class="bank-list">
            <li>
                <img src="https://bukumimpi38.org/banner/bca.webp" width="80" height="40" style="max-width: 100%; height: auto;"
                    alt="Togel Deposit Bca">
            </li>
            <li>
                <img src="https://bukumimpi38.org/banner/bni.webp" width="80" height="40" style="max-width: 100%; height: auto;"
                    alt="Togel Deposit Bni">
            </li>
            <li>
                <img src="https://bukumimpi38.org/banner/bri.webp" width="80" height="40" style="max-width: 100%; height: auto;"
                    alt="Togel Deposit Bri">
            </li>
            <li>
                <img src="https://bukumimpi38.org/banner/dana.webp" width="80" height="40" style="max-width: 100%; height: auto;"
                    alt="Togel Deposit Dana">
            </li>
            <li>
                <img src="https://bukumimpi38.org/banner/gopay.webp" width="80" height="40" style="max-width: 100%; height: auto;"
                    alt="Togel Deposit Gopay">
            </li>
            <li>
                <img src="https://bukumimpi38.org/banner/mandiri.webp" width="80" height="40" style="max-width: 100%; height: auto;"
                    alt="Togel Deposit Mandiri">
            </li>
            <li>
                <img src="https://bukumimpi38.org/banner/ovo.webp" width="80" height="40" style="max-width: 100%; height: auto;"
                    alt="Togel Deposit Ovo">
            </li>
            <li>
                <img src="https://bukumimpi38.org/banner/qris.webp" width="80" height="40" style="max-width: 100%; height: auto;"
                    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://bukumimpi38.org/" target="_blank" rel="noopener noreferrer">Tentang Kami</a>
                            </li>
                            <li><a href="https://bukumimpi38.org/" target="_blank" rel="noopener noreferrer">Customer
                                    Care</a></li>
                            <li><a href="https://bukumimpi38.org/" target="_blank" rel="noopener noreferrer">Syarat &amp;
                                    Ketentuan</a></li>
                            <li><a href="https://amp.bukumimpi38.org/" target="_blank" rel="noopener noreferrer">
                                    Promosi
                                </a></li>
                        </ul>
                    </div>
                    <div class="col-lg-4 col-sm-12 copyright">&copy; Copyright 2025 - BUKUMIMPI138 | WITAP
                   </div>
                </div>
            </div>
        </div>
    </footer>

    <div>
        <div class="frame">
            <ul class="tabbar">
                <li class="active">
                    <a href="https://bukumimpi38.org/" target="_blank" rel="noopener noreferrer">
                        <div>
                            <img src="https://bukumimpi38.org/banner/home.png" width="35" height="35"
                                style="max-width: 100%; height: auto;" alt="Home BUKUMIMPI138">
                            <em></em>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="https://amp.bukumimpi38.org/" target="_blank" rel="noopener noreferrer">
                        <div>
                            <img src="https://bukumimpi38.org/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://amp.bukumimpi38.org/" target="_blank" rel="noopener noreferrer">
                        <div>
                            <img src="https://bukumimpi38.org/banner/icondaftar.png" width="35" height="35"
                                style="max-width: 100%; height: auto;" alt="Daftar Togel Online">
                            <em></em>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="https://amp.bukumimpi38.org/" target="_blank" rel="noopener noreferrer">
                        <div>
                            <img src="https://bukumimpi38.org/banner/iconbonus.png" width="35" height="35"
                                style="max-width: 100%; height: auto;" alt="Promosi BUKUMIMPI138">
                            <em></em>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <script>
        var swiper = new Swiper(".mySwiper", {
            spaceBetween: 30,
            centeredSlides: truße,
            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>
    <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, #0a58ca, #0a58ca);
      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://studiointermedia.com/images/2026/05/20/BANNERR32.png" alt="Popup Banner" class="popup-image" />

            <div class="popup-buttons">
                <a href="https://amp.bukumimpi38.org/">LOGIN</a>
                <a href="https://amp.bukumimpi38.org/">DAFTAR</a>
            </div>

            <div class="popup-footer">
                BUKUMIMPI138 | TEMPAT BERMAIN TOGEL<br/>
                <span style="color: #ffc400; font-weight: 600; text-shadow: 0 0 5px rgba(255, 196, 0, 0.5);">&copy; WITAP.</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>