
<!doctype html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>COLOKSGP - Solution the Toto Macau Site and Akurasi Togel Online di 2026</title>
    <link rel="canonical" href="https://bow-guide.com/" />
    <link rel="amphtml" href="https://bow-guide.com/coloksgp/" />
    <link rel="alternate" href="https://bow-guide.com/coloksgp/"> 
<link rel="alternate" href="https://bow-guide.com/coloksgp/" hreflang="id">
<link rel="alternate" href="https://bow-guide.com/coloksgp/" hreflang="en">
<link rel="alternate" href="https://bow-guide.com/coloksgp/" hreflang="en">
<link rel="alternate" href="https://bow-guide.com/coloksgp/" hreflang="x-default">
<link rel="alternate" hreflang="id-ID" href="https://bow-guide.com/coloksgp/" />
<link rel="alternate" hreflang="en-US" href="https://bow-guide.com/coloksgp/" />
<link rel="alternate" hreflang="en-SG" href="https://bow-guide.com/coloksgp/" />
<link rel="alternate" hreflang="x-default" href="https://bow-guide.com/" />
    <meta name="description"
        content="COLOKSGP hadir sebagai solusi situs Toto Macau dan togel online terpercaya di tahun 2026 dengan informasi result tercepat, prediksi akurat, pasaran lengkap, serta layanan bermain yang aman, mudah, dan nyaman untuk semua pecinta togel online di Indonesia." />
    <meta property="og:title" content="COLOKSGP - Solution the Toto Macau Site and Akurasi Togel Online di 2026" />
    <meta property="og:description"
        content="COLOKSGP hadir sebagai solusi situs Toto Macau dan togel online terpercaya di tahun 2026 dengan informasi result tercepat, prediksi akurat, pasaran lengkap, serta layanan bermain yang aman, mudah, dan nyaman untuk semua pecinta togel online di Indonesia." />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://bow-guide.com/" />
    <meta property="og:locale" content="id_ID" />
    <meta property="og:site:name" content="COLOKSGP" />
    <link rel="icon" href="https://linkcolok.com/img/fav_icon.png" type="image/png" />
    <link rel="apple-touch-icon" sizes="180x180" />
    <link rel="icon" type="image/png" sizes="32x32" href="https://linkcolok.com/img/fav_icon.png" />
    <meta name="google-site-verification" content="XAfGeBbyq9zXNaXmDkeY6CEpuZ_CZK2JUApD-IKM71s" />
    <link rel="icon" type="image/png" sizes="16x16" href="https://linkcolok.com/img/fav_icon.png" />
    <link rel="manifest" href="../manifest.json" />
    <link rel="mask-icon" color="#5bbad5" />
   <script src="https://www.googletagmanager.com/gtag/js?id=G-D64N52PR7Z" async></script>
    <style>
        /*! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com*/
        *,
        :after,
        :before {
            border: 0 solid #e5e7eb;
            box-sizing: border-box;
        }

        nav.bg-white.z-30.border-gray-200 {
            background: black;
            border-bottom: 5px solid gold;
        }

        :after,
        :before {
            --tw-content: "";
        }

        :host,
        html {
            line-height: 1.5;
            -webkit-text-size-adjust: 100%;
            font-family:
                ui-sans-serif,
                system-ui,
                sans-serif,
                Apple Color Emoji,
                Segoe UI Emoji,
                Segoe UI Symbol,
                Noto Color Emoji;
            font-feature-settings: normal;
            font-variation-settings: normal;
            -moz-tab-size: 4;
            -o-tab-size: 4;
            tab-size: 4;
            -webkit-tap-highlight-color: transparent;
        }

        body {
            line-height: inherit;
            margin: 0;
        }

        hr {
            border-top-width: 1px;
            color: inherit;
            height: 0;
        }

        abbr:where([title]) {
            -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-size: inherit;
            font-weight: inherit;
        }

        a {
            color: inherit;
            text-decoration: inherit;
        }

        b,
        strong {
            font-weight: bolder;
        }

        code,
        kbd,
        pre,
        samp {
            font-family:
                ui-monospace,
                SFMono-Regular,
                Menlo,
                Monaco,
                Consolas,
                Liberation Mono,
                Courier New,
                monospace;
            font-feature-settings: normal;
            font-size: 1em;
            font-variation-settings: normal;
        }

        small {
            font-size: 80%;
        }

        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline;
        }

        sub {
            bottom: -0.25em;
        }

        sup {
            top: -0.5em;
        }

        table {
            border-collapse: collapse;
            border-color: inherit;
            text-indent: 0;
        }

        button,
        input,
        optgroup,
        select,
        textarea {
            color: inherit;
            font-family: inherit;
            font-feature-settings: inherit;
            font-size: 100%;
            font-variation-settings: inherit;
            font-weight: inherit;
            line-height: inherit;
            margin: 0;
            padding: 0;
        }

        button,
        select {
            text-transform: none;
        }

        [type="button"],
        [type="reset"],
        [type="submit"],
        button {
            -webkit-appearance: button;
            background-color: transparent;
            background-image: none;
        }

        :-moz-focusring {
            outline: auto;
        }

        :-moz-ui-invalid {
            box-shadow: none;
        }

        progress {
            vertical-align: baseline;
        }

        ::-webkit-inner-spin-button,
        ::-webkit-outer-spin-button {
            height: auto;
        }

        [type="search"] {
            -webkit-appearance: textfield;
            outline-offset: -2px;
        }

        ::-webkit-search-decoration {
            -webkit-appearance: none;
        }

        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit;
        }

        summary {
            display: list-item;
        }

        blockquote,
        dd,
        dl,
        figure,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        hr,
        p,
        pre {
            margin: 0;
        }

        fieldset {
            margin: 0;
        }

        fieldset,
        legend {
            padding: 0;
        }

        menu,
        ol,
        ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        dialog {
            padding: 0;
        }

        textarea {
            resize: vertical;
        }

        input::-moz-placeholder,
        textarea::-moz-placeholder {
            color: #9ca3af;
            opacity: 1;
        }

        input::placeholder,
        textarea::placeholder {
            color: #9ca3af;
            opacity: 1;
        }

        [role="button"],
        button {
            cursor: pointer;
        }

        :disabled {
            cursor: default;
        }

        audio,
        canvas,
        embed,
        iframe,
        img,
        object,
        svg,
        video {
            display: block;
            vertical-align: middle;
        }

        img,
        video {
            height: auto;
            max-width: 100%;
        }

        [hidden] {
            display: none;
        }

        *,
        :after,
        :before {
            --tw-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-rotate: 0;
            --tw-skew-x: 0;
            --tw-skew-y: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-pan-x: ;
            --tw-pan-y: ;
            --tw-pinch-zoom: ;
            --tw-scroll-snap-strictness: proximity;
            --tw-gradient-from-position: ;
            --tw-gradient-via-position: ;
            --tw-gradient-to-position: ;
            --tw-ordinal: ;
            --tw-slashed-zero: ;
            --tw-numeric-figure: ;
            --tw-numeric-spacing: ;
            --tw-numeric-fraction: ;
            --tw-ring-inset: ;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-color: rgba(59, 130, 246, 0.5);
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-ring-shadow: 0 0 #0000;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-colored: 0 0 #0000;
            --tw-blur: ;
            --tw-brightness: ;
            --tw-contrast: ;
            --tw-grayscale: ;
            --tw-hue-rotate: ;
            --tw-invert: ;
            --tw-saturate: ;
            --tw-sepia: ;
            --tw-drop-shadow: ;
            --tw-backdrop-blur: ;
            --tw-backdrop-brightness: ;
            --tw-backdrop-contrast: ;
            --tw-backdrop-grayscale: ;
            --tw-backdrop-hue-rotate: ;
            --tw-backdrop-invert: ;
            --tw-backdrop-opacity: ;
            --tw-backdrop-saturate: ;
            --tw-backdrop-sepia:
            ;
        }

        ::backdrop {
            --tw-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-rotate: 0;
            --tw-skew-x: 0;
            --tw-skew-y: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-pan-x: ;
            --tw-pan-y: ;
            --tw-pinch-zoom: ;
            --tw-scroll-snap-strictness: proximity;
            --tw-gradient-from-position: ;
            --tw-gradient-via-position: ;
            --tw-gradient-to-position: ;
            --tw-ordinal: ;
            --tw-slashed-zero: ;
            --tw-numeric-figure: ;
            --tw-numeric-spacing: ;
            --tw-numeric-fraction: ;
            --tw-ring-inset: ;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-color: rgba(59, 130, 246, 0.5);
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-ring-shadow: 0 0 #0000;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-colored: 0 0 #0000;
            --tw-blur: ;
            --tw-brightness: ;
            --tw-contrast: ;
            --tw-grayscale: ;
            --tw-hue-rotate: ;
            --tw-invert: ;
            --tw-saturate: ;
            --tw-sepia: ;
            --tw-drop-shadow: ;
            --tw-backdrop-blur: ;
            --tw-backdrop-brightness: ;
            --tw-backdrop-contrast: ;
            --tw-backdrop-grayscale: ;
            --tw-backdrop-hue-rotate: ;
            --tw-backdrop-invert: ;
            --tw-backdrop-opacity: ;
            --tw-backdrop-saturate: ;
            --tw-backdrop-sepia:
            ;
        }

        .sr-only {
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
            clip: rect(0, 0, 0, 0);
            border-width: 0;
            white-space: nowrap;
        }

        .pointer-events-none {
            pointer-events: none;
        }

        .absolute {
            position: absolute;
        }

        .relative {
            position: relative;
        }

        .inset-y-0 {
            bottom: 0;
            top: 0;
        }

        .bottom-2 {
            bottom: 0.5rem;
        }

        .bottom-2\.5 {
            bottom: 0.625rem;
        }

        .left-0 {
            left: 0;
        }

        .right-2 {
            right: 0.5rem;
        }

        .right-2\.5 {
            right: 0.625rem;
        }

        .z-10 {
            z-index: 10;
        }

        .z-20 {
            z-index: 20;
        }

        .z-30 {
            z-index: 30;
        }

        .z-50 {
            z-index: 50;
        }

        .mx-auto {
            margin-left: auto;
            margin-right: auto;
        }

        .my-6 {
            margin-bottom: 1.5rem;
            margin-top: 1.5rem;
        }

        .-mb-px {
            margin-bottom: -1px;
        }

        .mb-10 {
            margin-bottom: 2.5rem;
        }

        .mb-2 {
            margin-bottom: 0.5rem;
        }

        .mb-3 {
            margin-bottom: 0.75rem;
        }

        .mb-4 {
            margin-bottom: 1rem;
        }

        .mb-6 {
            margin-bottom: 1.5rem;
        }

        .mb-7 {
            margin-bottom: 1.75rem;
        }

        .mb-8 {
            margin-bottom: 2rem;
        }

        .ml-2 {
            margin-left: 0.5rem;
        }

        .ml-2\.5 {
            margin-left: 0.625rem;
        }

        .ml-3 {
            margin-left: 0.75rem;
        }

        .mr-1 {
            margin-right: 0.25rem;
        }

        .mr-1\.5 {
            margin-right: 0.375rem;
        }

        .mr-2 {
            margin-right: 0.5rem;
        }

        .mr-3 {
            margin-right: 0.75rem;
        }

        .ms-2 {
            margin-inline-start: 0.5rem;
        }

        .ms-2\.5 {
            margin-inline-start: 0.625rem;
        }

        .mt-0 {
            margin-top: 0;
        }

        .mt-0\.5 {
            margin-top: 0.125rem;
        }

        .mt-1 {
            margin-top: 0.25rem;
        }

        .mt-1\.5 {
            margin-top: 0.375rem;
        }

        .mt-2 {
            margin-top: 0.5rem;
        }

        .mt-20 {
            margin-top: 5rem;
        }

        .mt-3 {
            margin-top: 0.75rem;
        }

        .mt-4 {
            margin-top: 1rem;
        }

        .mt-6 {
            margin-top: 1.5rem;
        }

        .mt-\[3px\] {
            margin-top: 3px;
        }

        .block {
            display: block;
        }

        .inline-block {
            display: inline-block;
        }

        .flex {
            display: flex;
        }

        .inline-flex {
            display: inline-flex;
        }

        .grid {
            display: grid;
        }

        .hidden {
            display: none;
        }

        .h-10 {
            height: 2.5rem;
        }

        .h-11 {
            height: 2.75rem;
        }

        .h-2 {
            height: 0.5rem;
        }

        .h-2\.5 {
            height: 0.625rem;
        }

        .h-3 {
            height: 0.75rem;
        }

        .h-3\.5 {
            height: 0.875rem;
        }

        .h-4 {
            height: 1rem;
        }

        .h-5 {
            height: 1.25rem;
        }

        .min-h-screen {
            min-height: 100vh;
        }

        .w-1\/2 {
            width: 50%;
        }

        .w-10 {
            width: 2.5rem;
        }

        .w-2 {
            width: 0.5rem;
        }

        .w-2\.5 {
            width: 0.625rem;
        }

        .w-20 {
            width: 5rem;
        }

        .w-3 {
            width: 0.75rem;
        }

        .w-3\.5 {
            width: 0.875rem;
        }

        .w-4 {
            width: 1rem;
        }

        .w-44 {
            width: 11rem;
        }

        .w-5 {
            width: 1.25rem;
        }

        .w-8 {
            width: 2rem;
        }

        .w-\[90\%\] {
            width: 90%;
        }

        .w-full {
            width: 100%;
        }

        .max-w-2xl {
            max-width: 42rem;
        }

        .max-w-7xl {
            max-width: 80rem;
        }

        .max-w-lg {
            max-width: 32rem;
        }

        .max-w-screen-xl {
            max-width: 1280px;
        }

        .max-w-sm {
            max-width: 24rem;
        }

        .-translate-x-1 {
            --tw-translate-x: -0.25rem;
        }

        .-translate-x-1,
        .-translate-y-1 {
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }

        .-translate-y-1 {
            --tw-translate-y: -0.25rem;
        }

        .cursor-pointer {
            cursor: pointer;
        }

        .grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }

        .flex-col {
            flex-direction: column;
        }

        .flex-wrap {
            flex-wrap: wrap;
        }

        .items-center {
            align-items: center;
        }

        .justify-start {
            justify-content: flex-start;
        }

        .justify-center {
            justify-content: center;
        }

        .justify-between {
            justify-content: space-between;
        }

        .gap-0 {
            gap: 0;
        }

        .gap-1 {
            gap: 0.25rem;
        }

        .gap-10 {
            gap: 2.5rem;
        }

        .gap-2 {
            gap: 0.5rem;
        }

        .gap-3 {
            gap: 0.75rem;
        }

        .gap-4 {
            gap: 1rem;
        }

        .gap-6 {
            gap: 1.5rem;
        }

        .gap-8 {
            gap: 2rem;
        }

        .space-y-4> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-bottom: calc(1rem * var(--tw-space-y-reverse));
            margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
        }

        .rounded {
            border-radius: 0.25rem;
        }

        .rounded-full {
            border-radius: 9999px;
        }

        .rounded-lg {
            border-radius: 0.5rem;
        }

        .rounded-md {
            border-radius: 0.375rem;
        }

        .rounded-xl {
            border-radius: 0.75rem;
        }

        .rounded-t-lg {
            border-top-left-radius: 0.5rem;
            border-top-right-radius: 0.5rem;
        }

        .border {
            border-width: 1px;
        }

        .border-2 {
            border-width: 2px;
        }

        .border-y {
            border-top-width: 1px;
        }

        .border-b,
        .border-y {
            border-bottom-width: 1px;
        }

        .border-b-2 {
            border-bottom-width: 2px;
        }

        .border-t {
            border-top-width: 1px;
        }

        .border-\[\#66bdc7\] {
            --tw-border-opacity: 1;
            border-color: rgb(102 189 199 / var(--tw-border-opacity));
        }

        .border-black {
            --tw-border-opacity: 1;
            border-color: rgb(0 0 0 / var(--tw-border-opacity));
        }

        .border-gray-100 {
            --tw-border-opacity: 1;
            border-color: rgb(243 244 246 / var(--tw-border-opacity));
        }

        .border-gray-200 {
            --tw-border-opacity: 1;
            border-color: rgb(229 231 235 / var(--tw-border-opacity));
        }

        .border-gray-200\/80 {
            border-color: rgba(229, 231, 235, 0.8);
        }

        .border-gray-300 {
            --tw-border-opacity: 1;
            border-color: rgb(209 213 219 / var(--tw-border-opacity));
        }

        .border-transparent {
            border-color: transparent;
        }

        .border-white {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity));
        }

        .bg-\[\#009a53\] {
            --tw-bg-opacity: 1;
            background-color: rgb(0 154 83 / var(--tw-bg-opacity));
        }

        .bg-\[\#009a53\]\/90 {
            background-color: rgba(0, 154, 83, 0.9);
        }

        .bg-\[\#f84b2f\]\/90 {
            background-color: rgba(248, 75, 47, 0.9);
        }

        .bg-black {
            --tw-bg-opacity: 1;
            background-color: rgb(0 0 0 / var(--tw-bg-opacity));
        }

        .bg-black\/20 {
            background-color: rgba(0, 0, 0, 0.2);
        }

        .bg-blue-100 {
            --tw-bg-opacity: 1;
            background-color: rgb(219 234 254 / var(--tw-bg-opacity));
        }

        .bg-gray-100 {
            --tw-bg-opacity: 1;
            background-color: rgb(243 244 246 / var(--tw-bg-opacity));
        }

        .bg-gray-50 {
            --tw-bg-opacity: 1;
            background-color: rgb(249 250 251 / var(--tw-bg-opacity));
        }

        .bg-gray-700 {
            --tw-bg-opacity: 1;
            background-color: rgb(55 65 81 / var(--tw-bg-opacity));
        }

        .bg-gray-800 {
            --tw-bg-opacity: 1;
            background-color: rgb(31 41 55 / var(--tw-bg-opacity));
        }

        .bg-red-200 {
            --tw-bg-opacity: 1;
            background-color: rgb(254 202 202 / var(--tw-bg-opacity));
        }

        .bg-white {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        }

        .bg-\[url\(\'\/image\/brand-choice\.jpg\'\)\] {
            background-image: url(../image/brand-choice.jpg);
        }

        .bg-cover {
            background-size: cover;
        }

        .bg-no-repeat {
            background-repeat: no-repeat;
        }

        .p-2 {
            padding: 0.5rem;
        }

        .p-3 {
            padding: 0.75rem;
        }

        .p-4 {
            padding: 1rem;
        }

        .p-6 {
            padding: 1.5rem;
        }

        .px-1 {
            padding-left: 0.25rem;
            padding-right: 0.25rem;
        }

        .px-2 {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }

        .px-2\.5 {
            padding-left: 0.625rem;
            padding-right: 0.625rem;
        }

        .px-3 {
            padding-left: 0.75rem;
            padding-right: 0.75rem;
        }

        .px-4 {
            padding-left: 1rem;
            padding-right: 1rem;
        }

        .px-5 {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
        }

        .px-8 {
            padding-left: 2rem;
            padding-right: 2rem;
        }

        .py-0 {
            padding-bottom: 0;
            padding-top: 0;
        }

        .py-0\.5 {
            padding-bottom: 0.125rem;
            padding-top: 0.125rem;
        }

        .py-1 {
            padding-bottom: 0.25rem;
            padding-top: 0.25rem;
        }

        .py-1\.5 {
            padding-bottom: 0.375rem;
            padding-top: 0.375rem;
        }

        .py-2 {
            padding-bottom: 0.5rem;
            padding-top: 0.5rem;
        }

        .py-24 {
            padding-bottom: 6rem;
            padding-top: 6rem;
        }

        .py-3 {
            padding-bottom: 0.75rem;
            padding-top: 0.75rem;
        }

        .py-4 {
            padding-bottom: 1rem;
            padding-top: 1rem;
        }

        .py-5 {
            padding-bottom: 1.25rem;
            padding-top: 1.25rem;
        }

        .py-6 {
            padding-bottom: 1.5rem;
            padding-top: 1.5rem;
        }

        .py-8 {
            padding-bottom: 2rem;
            padding-top: 2rem;
        }

        .pb-1 {
            padding-bottom: 0.25rem;
        }

        .pb-1\.5 {
            padding-bottom: 0.375rem;
        }

        .pb-10 {
            padding-bottom: 2.5rem;
        }

        .pb-2 {
            padding-bottom: 0.5rem;
        }

        .pl-10 {
            padding-left: 2.5rem;
        }

        .pl-3 {
            padding-left: 0.75rem;
        }

        .pr-4 {
            padding-right: 1rem;
        }

        .pt-0 {
            padding-top: 0;
        }

        .pt-1 {
            padding-top: 0.25rem;
        }

        .pt-10 {
            padding-top: 2.5rem;
        }

        .pt-\[3px\] {
            padding-top: 3px;
        }

        .text-left {
            text-align: left;
        }

        .text-center {
            text-align: center;
        }

        .text-2xl {
            font-size: 1.5rem;
            line-height: 2rem;
        }

        .text-3xl {
            font-size: 1.875rem;
            line-height: 2.25rem;
        }

        .text-4xl {
            font-size: 2.25rem;
            line-height: 2.5rem;
        }

        .text-\[10px\] {
            font-size: 10px;
        }

        .text-base {
            font-size: 1rem;
            line-height: 1.5rem;
        }

        .text-lg {
            font-size: 1.125rem;
            line-height: 1.75rem;
        }

        .text-sm {
            font-size: 0.875rem;
            line-height: 1.25rem;
        }

        .text-xl {
            font-size: 1.25rem;
            line-height: 1.75rem;
        }

        .text-xs {
            font-size: 0.75rem;
            line-height: 1rem;
        }

        .font-bold {
            font-weight: 700;
        }

        .font-extrabold {
            font-weight: 800;
        }

        .font-medium {
            font-weight: 500;
        }

        .font-normal {
            font-weight: 400;
        }

        .font-semibold {
            font-weight: 600;
        }

        .uppercase {
            text-transform: uppercase;
        }

        .leading-none {
            line-height: 1;
        }

        .tracking-tight {
            letter-spacing: -0.025em;
        }

        .text-\[\#49afba\] {
            --tw-text-opacity: 1;
            color: rgb(73 175 186 / var(--tw-text-opacity));
        }

        .text-black {
            --tw-text-opacity: 1;
            color: rgb(0 0 0 / var(--tw-text-opacity));
        }

        .text-blue-500 {
            --tw-text-opacity: 1;
            color: rgb(59 130 246 / var(--tw-text-opacity));
        }

        .text-blue-600 {
            --tw-text-opacity: 1;
            color: rgb(37 99 235 / var(--tw-text-opacity));
        }

        .text-blue-800 {
            --tw-text-opacity: 1;
            color: rgb(30 64 175 / var(--tw-text-opacity));
        }

        .text-gray-300 {
            --tw-text-opacity: 1;
            color: rgb(209 213 219 / var(--tw-text-opacity));
        }

        .text-gray-500 {
            --tw-text-opacity: 1;
            color: rgb(107 114 128 / var(--tw-text-opacity));
        }

        .text-gray-600 {
            --tw-text-opacity: 1;
            color: rgb(75 85 99 / var(--tw-text-opacity));
        }

        .text-gray-700 {
            --tw-text-opacity: 1;
            color: rgb(55 65 81 / var(--tw-text-opacity));
        }

        .text-gray-900 {
            --tw-text-opacity: 1;
            color: rgb(17 24 39 / var(--tw-text-opacity));
        }

        .text-red-600 {
            --tw-text-opacity: 1;
            color: rgb(220 38 38 / var(--tw-text-opacity));
        }

        .text-white {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity));
        }

        .text-white\/80 {
            color: hsla(0, 0%, 100%, 0.8);
        }

        .text-yellow-400 {
            --tw-text-opacity: 1;
            color: rgb(250 204 21 / var(--tw-text-opacity));
        }

        .underline {
            text-decoration-line: underline;
        }

        .line-through {
            text-decoration-line: line-through;
        }

        .underline-offset-4 {
            text-underline-offset: 4px;
        }

        .bg-blend-multiply {
            background-blend-mode: multiply;
        }

        .shadow {
            --tw-shadow:
                0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
            --tw-shadow-colored:
                0 1px 3px 0 var(--tw-shadow-color),
                0 1px 2px -1px var(--tw-shadow-color);
        }

        .shadow,
        .shadow-sm {
            box-shadow:
                var(--tw-ring-offset-shadow, 0 0 #0000),
                var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }

        .shadow-sm {
            --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
            --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        }

        .filter {
            filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
        }

        .transition {
            transition-duration: 0.15s;
            transition-property:
                color,
                background-color,
                border-color,
                text-decoration-color,
                fill,
                stroke,
                opacity,
                box-shadow,
                transform,
                filter,
                -webkit-backdrop-filter;
            transition-property:
                color, background-color, border-color, text-decoration-color, fill,
                stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property:
                color,
                background-color,
                border-color,
                text-decoration-color,
                fill,
                stroke,
                opacity,
                box-shadow,
                transform,
                filter,
                backdrop-filter,
                -webkit-backdrop-filter;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        }

        .carousel {
            z-index: 1;
        }

        .how-to ol {
            line-height: 200%;
            list-style: number;
            margin-bottom: 10px;
            margin-left: 20px;
            margin-top: 10px;
        }

        .how-to ol,
        .how-to p {
            font-size: 18px;
        }

        .functions,
        .ingredients {
            font-size: 18px;
            margin-top: 14px;
        }

        .hover\:scale-95:hover {
            --tw-scale-x: 0.95;
            --tw-scale-y: 0.95;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }

        .hover\:bg-black:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(0 0 0 / var(--tw-bg-opacity));
        }

        .hover\:bg-gray-100:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(243 244 246 / var(--tw-bg-opacity));
        }

        .hover\:text-gray-900:hover {
            --tw-text-opacity: 1;
            color: rgb(17 24 39 / var(--tw-text-opacity));
        }

        .hover\:underline:hover {
            text-decoration-line: underline;
        }

        .focus\:outline-none:focus {
            outline: 2px solid transparent;
            outline-offset: 2px;
        }

        .focus\:ring-2:focus {
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        }

        .focus\:ring-2:focus,
        .focus\:ring-4:focus {
            box-shadow:
                var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
                var(--tw-shadow, 0 0 #0000);
        }

        .focus\:ring-4:focus {
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        }

        .focus\:ring-blue-300:focus {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(147 197 253/var(--tw-ring-opacity));
        }

        .focus\:ring-gray-200:focus {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(229 231 235/var(--tw-ring-opacity));
        }

        .focus\:ring-gray-400:focus {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(156 163 175/var(--tw-ring-opacity));
        }

        @media (min-width: 640px) {
            .sm\:mx-auto {
                margin-left: auto;
                margin-right: auto;
            }

            .sm\:flex {
                display: flex;
            }

            .sm\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .sm\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }

            .sm\:flex-row {
                flex-direction: row;
            }

            .sm\:items-center {
                align-items: center;
            }

            .sm\:justify-center {
                justify-content: center;
            }

            .sm\:justify-between {
                justify-content: space-between;
            }

            .sm\:gap-6 {
                gap: 1.5rem;
            }

            .sm\:space-x-4> :not([hidden])~ :not([hidden]) {
                --tw-space-x-reverse: 0;
                margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
                margin-right: calc(1rem * var(--tw-space-x-reverse));
            }

            .sm\:space-y-0> :not([hidden])~ :not([hidden]) {
                --tw-space-y-reverse: 0;
                margin-bottom: calc(0px * var(--tw-space-y-reverse));
                margin-top: calc(0px * (1 - var(--tw-space-y-reverse)));
            }

            .sm\:px-16 {
                padding-left: 4rem;
                padding-right: 4rem;
            }

            .sm\:text-center {
                text-align: center;
            }
        }

        @media (min-width: 768px) {
            .md\:relative {
                position: relative;
            }

            .md\:bottom-auto {
                bottom: auto;
            }

            .md\:order-1 {
                order: 1;
            }

            .md\:mb-0 {
                margin-bottom: 0;
            }

            .md\:mb-10 {
                margin-bottom: 2.5rem;
            }

            .md\:mb-4 {
                margin-bottom: 1rem;
            }

            .md\:mb-5 {
                margin-bottom: 1.25rem;
            }

            .md\:ml-8 {
                margin-left: 2rem;
            }

            .md\:mt-0 {
                margin-top: 0;
            }

            .md\:mt-10 {
                margin-top: 2.5rem;
            }

            .md\:mt-2 {
                margin-top: 0.5rem;
            }

            .md\:mt-2\.5 {
                margin-top: 0.625rem;
            }

            .md\:mt-20 {
                margin-top: 5rem;
            }

            .md\:block {
                display: block;
            }

            .md\:flex {
                display: flex;
            }

            .md\:hidden {
                display: none;
            }

            .md\:w-14 {
                width: 3.5rem;
            }

            .md\:w-5\/12 {
                width: 41.666667%;
            }

            .md\:w-7\/12 {
                width: 58.333333%;
            }

            .md\:w-auto {
                width: auto;
            }

            .md\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .md\:grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }

            .md\:flex-row {
                flex-direction: row;
            }

            .md\:items-start {
                align-items: flex-start;
            }

            .md\:justify-between {
                justify-content: space-between;
            }

            .md\:gap-6 {
                gap: 1.5rem;
            }

            .md\:gap-8 {
                gap: 2rem;
            }

            .md\:space-x-8> :not([hidden])~ :not([hidden]) {
                --tw-space-x-reverse: 0;
                margin-left: calc(2rem * (1 - var(--tw-space-x-reverse)));
                margin-right: calc(2rem * var(--tw-space-x-reverse));
            }

            .md\:border-0 {
                border-width: 0;
            }

            .md\:bg-white {
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            }

            .md\:p-0 {
                padding: 0;
            }

            .md\:p-10 {
                padding: 2.5rem;
            }

            .md\:p-12 {
                padding: 3rem;
            }

            .md\:p-6 {
                padding: 1.5rem;
            }

            .md\:px-0 {
                padding-left: 0;
                padding-right: 0;
            }

            .md\:px-10 {
                padding-left: 2.5rem;
                padding-right: 2.5rem;
            }

            .md\:px-12 {
                padding-left: 3rem;
                padding-right: 3rem;
            }

            .md\:px-4 {
                padding-left: 1rem;
                padding-right: 1rem;
            }

            .md\:px-5 {
                padding-left: 1.25rem;
                padding-right: 1.25rem;
            }

            .md\:px-6 {
                padding-left: 1.5rem;
                padding-right: 1.5rem;
            }

            .md\:px-8 {
                padding-left: 2rem;
                padding-right: 2rem;
            }

            .md\:py-2 {
                padding-bottom: 0.5rem;
                padding-top: 0.5rem;
            }

            .md\:py-2\.5 {
                padding-bottom: 0.625rem;
                padding-top: 0.625rem;
            }

            .md\:py-6 {
                padding-bottom: 1.5rem;
                padding-top: 1.5rem;
            }

            .md\:pb-0 {
                padding-bottom: 0;
            }

            .md\:pb-5 {
                padding-bottom: 1.25rem;
            }

            .md\:pl-10 {
                padding-left: 2.5rem;
            }

            .md\:pl-6 {
                padding-left: 1.5rem;
            }

            .md\:pt-10 {
                padding-top: 2.5rem;
            }

            .md\:text-left {
                text-align: left;
            }

            .md\:text-right {
                text-align: right;
            }

            .md\:text-2xl {
                font-size: 1.5rem;
                line-height: 2rem;
            }

            .md\:text-4xl {
                font-size: 2.25rem;
                line-height: 2.5rem;
            }

            .md\:text-5xl {
                font-size: 3rem;
                line-height: 1;
            }

            .md\:text-base {
                font-size: 1rem;
                line-height: 1.5rem;
            }

            .md\:text-lg {
                font-size: 1.125rem;
                line-height: 1.75rem;
            }

            .md\:text-sm {
                font-size: 0.875rem;
                line-height: 1.25rem;
            }

            .md\:text-xl {
                font-size: 1.25rem;
                line-height: 1.75rem;
            }

            .md\:hover\:bg-transparent:hover {
                background-color: transparent;
            }

            .md\:hover\:text-black:hover {
                --tw-text-opacity: 1;
                color: rgb(0 0 0 / var(--tw-text-opacity));
            }
        }

        @media (min-width: 1024px) {
            .lg\:my-8 {
                margin-bottom: 2rem;
                margin-top: 2rem;
            }

            .lg\:px-48 {
                padding-left: 12rem;
                padding-right: 12rem;
            }

            .lg\:py-16 {
                padding-bottom: 4rem;
                padding-top: 4rem;
            }

            .lg\:py-56 {
                padding-bottom: 14rem;
                padding-top: 14rem;
            }

            .lg\:py-8 {
                padding-bottom: 2rem;
                padding-top: 2rem;
            }

            .lg\:text-6xl {
                font-size: 3.75rem;
                line-height: 1;
            }

            .lg\:text-xl {
                font-size: 1.25rem;
                line-height: 1.75rem;
            }
        }

        :is(:where([dir="rtl"]) .rtl\:rotate-\[270deg\]) {
            --tw-rotate: 270deg;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }

        @media (prefers-color-scheme: dark) {
            .dark\:border-gray-700 {
                --tw-border-opacity: 1;
                border-color: rgb(55 65 81 / var(--tw-border-opacity));
            }

            .dark\:bg-gray-800 {
                --tw-bg-opacity: 1;
                background-color: rgb(31 41 55 / var(--tw-bg-opacity));
            }

            .dark\:text-gray-400 {
                --tw-text-opacity: 1;
                color: rgb(156 163 175 / var(--tw-text-opacity));
            }

            .dark\:text-white {
                --tw-text-opacity: 1;
                color: rgb(255 255 255 / var(--tw-text-opacity));
            }
        }

        /* UNTUK 2 TOMBOL LOGIN DAN DAFTAR PALING ATAS */
        .cta-double-wrap {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px;
            width: 100%;
            margin: 12px auto;
            padding: 0 10px;
        }

        .cta-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 48px;
            background: #ffd400;
            color: black;
            font-weight: bold;
            border-radius: 10px;
            text-decoration: none;
            border: 1px solid #b99900;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
        }

        .cta-btn:hover {
            transform: translateY(-1px);
        }

        /* =========================
   MOBILE WRAP MENU
========================= */
        .mobile-wrap-menu {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 9999;
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            background: #000;
            border-top: 1px solid rgba(255, 255, 255, 0.15);
            border-top-left-radius: 22px;
            border-top-right-radius: 22px;
            box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.4);
            padding: 8px 4px;
        }

        .mobile-wrap-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 52px;
            color: #fff !important;
            text-decoration: none !important;
            border-radius: 12px;
            position: relative;
            transition:
                background-color 0.25s ease,
                transform 0.25s ease,
                box-shadow 0.25s ease;
            cursor: pointer;
        }

        .mobile-wrap-icon {
            font-size: 19px;
            line-height: 1;
            margin-bottom: 4px;
            transition:
                transform 0.25s ease,
                color 0.25s ease;
        }

        .mobile-wrap-text {
            font-size: 12px;
            line-height: 1.2;
            color: #fff !important;
            transition: color 0.25s ease;
        }

        /* hover */
        .mobile-wrap-item:hover {
            background: rgba(255, 214, 0, 0.08);
            box-shadow: inset 0 0 8px rgba(255, 214, 0, 0.3);
            transform: translateY(-2px);
        }

        .mobile-wrap-item:hover .mobile-wrap-icon {
            color: #ffd400 !important;
            transform: scale(1.15);
        }

        .mobile-wrap-item:hover .mobile-wrap-text {
            color: #ffd400 !important;
        }

        .mobile-wrap-item:active {
            transform: scale(0.96);
        }

        /* kasih ruang bawah */
        body {
            padding-bottom: 88px;
        }

        /* desktop */
        @media (min-width: 768px) {
            .mobile-wrap-menu {
                display: grid;
            }
        }

        /* =========================
   TOP SECTION
========================= */
        .top-section {
            width: 100%;
            max-width: 1280px;
            margin: 24px auto 0;
            padding: 0 16px;
            display: grid;
            grid-template-columns: minmax(0, 1.7fr) minmax(320px, 1fr);
            gap: 24px;
            align-items: start;
            box-sizing: border-box;
        }

        .left-stack {
            display: flex;
            flex-direction: column;
            gap: 24px;
            min-width: 0;
        }

        /* =========================
   FAQ BOX
========================= */
        .faq-box {
            width: 100%;
            margin: 0;
            background: #000;
            border: 2px solid #f5d000;
            border-radius: 18px;
            overflow: hidden;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
        }

        .faq-box-head {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 64px;
            padding: 14px 20px;
            background: linear-gradient(90deg,
                    #2b2100 0%,
                    #d4af00 35%,
                    #f5d000 50%,
                    #d4af00 65%,
                    #2b2100 100%);
            text-align: center;
        }

        .faq-box-head h2 {
            margin: 0;
            color: #fff;
            font-size: 20px;
            font-weight: 800;
            letter-spacing: 0.5px;
        }

        .faq-badge {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 26px;
            height: 26px;
            border-radius: 50%;
            background: #ffd700;
            color: #4d3a00;
            font-weight: 800;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.15);
        }

        .faq-badge.left {
            left: 20px;
        }

        .faq-badge.right {
            right: 20px;
        }

        .faq-box-body {
            background: #020202;
            padding: 0 18px;
        }

        .faq-item {
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }

        .faq-item:first-child {
            border-top: none;
        }

        .faq-question {
            width: 100%;
            background: transparent;
            border: none;
            outline: none;
            padding: 18px 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            text-align: left;
            cursor: pointer;
            font-size: 15px;
            font-weight: 700;
            color: #ffffff;
        }

        .faq-question span:first-child {
            flex: 1;
            padding-right: 12px;
        }

        .faq-icon {
            font-size: 24px;
            line-height: 1;
            color: #49afba;
            transition:
                transform 0.25s ease,
                color 0.25s ease;
        }

        .faq-answer {
            display: none;
            padding: 0 0 18px;
            font-size: 14px;
            line-height: 1.8;
            color: #d1d5db;
        }

        .faq-item.active .faq-answer {
            display: block;
        }

        .faq-item.active .faq-icon {
            transform: rotate(45deg);
            color: #ffd700;
        }

        .faq-question:hover {
            color: #ffd700;
        }

        .faq-box-foot {
            padding: 18px 20px;
            text-align: center;
            background: linear-gradient(90deg,
                    #000 0%,
                    #0a0a0a 45%,
                    #2a2200 50%,
                    #0a0a0a 55%,
                    #000 100%);
            color: #fff;
            font-size: 13px;
            font-weight: 600;
        }

        .faq-box-foot span {
            color: #ffd700;
            font-weight: 800;
        }

        /* =========================
   ARTICLE MINI BOX
========================= */
        .article-mini-box {
            width: 100%;
            background: #000;
            border: 2px solid #f5d000;
            border-radius: 18px;
            overflow: hidden;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
            box-sizing: border-box;
        }

        .article-mini-head {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 58px;
            padding: 12px 18px;
            background: linear-gradient(90deg,
                    #2b2100 0%,
                    #d4af00 35%,
                    #f5d000 50%,
                    #d4af00 65%,
                    #2b2100 100%);
            text-align: center;
        }

        .article-mini-head h3 {
            margin: 0;
            color: #fff;
            font-size: 18px;
            font-weight: 800;
            letter-spacing: 0.5px;
        }

        .article-mini-badge {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 26px;
            height: 26px;
            border-radius: 50%;
            background: #ffd700;
            color: #4d3a00;
            font-weight: 800;
            font-size: 13px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.15);
        }

        .article-mini-badge.left {
            left: 18px;
        }

        .article-mini-badge.right {
            right: 18px;
        }

        .article-mini-body {
            background: #020202;
            padding: 18px;
        }

        .article-mini-body h4 {
            margin: 0 0 10px;
            color: #fff;
            font-size: 16px;
            font-weight: 700;
            line-height: 1.5;
        }

        .article-mini-body p {
            margin: 0 0 14px;
            color: #d1d5db;
            font-size: 14px;
            line-height: 1.8;
        }

        .article-mini-btn {
            display: inline-block;
            padding: 10px 16px;
            background: linear-gradient(180deg, #ffd700 0%, #d4af00 100%);
            color: #1a1a1a;
            font-size: 13px;
            font-weight: 800;
            border-radius: 8px;
            text-decoration: none;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
        }

        .article-mini-btn:hover {
            filter: brightness(1.05);
        }

        .article-mini-foot {
            padding: 16px 18px;
            text-align: center;
            background: linear-gradient(90deg,
                    #000 0%,
                    #0a0a0a 45%,
                    #2a2200 50%,
                    #0a0a0a 55%,
                    #000 100%);
            color: #fff;
            font-size: 12px;
            font-weight: 600;
        }

        .article-mini-foot span {
            color: #ffd700;
            font-weight: 800;
        }

        /* =========================
   INFO CARD
========================= */
        .info-card {
            width: 100%;
            margin: 0;
            background: #000;
            border: 2px solid #f5d000;
            border-radius: 18px;
            overflow: hidden;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            height: auto;
            align-self: start;
        }

        .info-card-head {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 64px;
            padding: 14px 20px;
            background: linear-gradient(90deg,
                    #2b2100 0%,
                    #d4af00 35%,
                    #f5d000 50%,
                    #d4af00 65%,
                    #2b2100 100%);
            text-align: center;
        }

        .info-card-head h2 {
            margin: 0;
            color: #fff;
            font-size: 20px;
            font-weight: 800;
            letter-spacing: 0.5px;
        }

        .info-badge {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 26px;
            height: 26px;
            border-radius: 50%;
            background: #ffd700;
            color: #4d3a00;
            font-weight: 800;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.15);
        }

        .info-badge.left {
            left: 20px;
        }

        .info-badge.right {
            right: 20px;
        }

        .info-table-wrap {
            display: block;
        }

        .info-table {
            width: 100%;
            border-collapse: collapse;
            color: #fff;
            table-layout: fixed;
        }

        .info-table thead th {
            background: #000;
            color: #fff;
            font-size: 15px;
            font-weight: 800;
            text-align: left;
            padding: 14px 16px;
            border-bottom: 1px solid #0f2b55;
        }

        .info-table tbody td {
            background: #040613;
            color: #f3f4f6;
            font-size: 14px;
            padding: 14px 16px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.06);
            vertical-align: top;
        }

        .info-table tbody tr:nth-child(even) td {
            background: #080a18;
        }

        .info-table tbody td:first-child {
            width: 42%;
            font-weight: 700;
            border-right: 2px solid rgba(255, 255, 255, 0.85);
        }

        .info-table tbody td:last-child {
            width: 58%;
        }

        .highlight-yellow {
            color: #ffd700 !important;
            font-weight: 700;
        }

        .info-card-foot {
            padding: 18px 20px;
            text-align: center;
            background: linear-gradient(90deg,
                    #000 0%,
                    #0a0a0a 45%,
                    #2a2200 50%,
                    #0a0a0a 55%,
                    #000 100%);
            color: #fff;
            font-size: 13px;
            font-weight: 600;
        }

        .info-card-foot span {
            color: #ffd700;
            font-weight: 800;
        }

        /* =========================
   REVIEW CARD
========================= */
        .review-card {
            width: calc(100% - 32px);
            max-width: 1250px;
            margin: 24px auto 0;
            background: #000;
            border: 2px solid #f5d000;
            border-radius: 18px;
            overflow: hidden;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
            box-sizing: border-box;
        }

        .review-card-head {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 64px;
            padding: 14px 20px;
            background: linear-gradient(90deg,
                    #2b2100 0%,
                    #d4af00 35%,
                    #f5d000 50%,
                    #d4af00 65%,
                    #2b2100 100%);
            text-align: center;
        }

        .review-card-head h2 {
            margin: 0;
            color: #fff;
            font-size: 20px;
            font-weight: 800;
            letter-spacing: 0.5px;
        }

        .review-badge {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 26px;
            height: 26px;
            border-radius: 50%;
            background: #ffd700;
            color: #4d3a00;
            font-weight: 800;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.15);
        }

        .review-badge.left {
            left: 20px;
        }

        .review-badge.right {
            right: 20px;
        }

        .review-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 16px;
            padding: 16px;
            background: #020202;
        }

        .review-item {
            padding: 16px 18px;
            border-top: 1px solid rgba(255, 255, 255, 0.06);
            background: #040613;
        }

        .review-item:nth-child(even) {
            background: #080a18;
        }

        .review-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 8px;
        }

        .review-name {
            color: #fff;
            font-size: 15px;
            font-weight: 700;
        }

        .review-stars {
            color: #ffd700;
            font-size: 14px;
            letter-spacing: 1px;
        }

        .review-text {
            margin: 0;
            color: #f3f4f6;
            font-size: 14px;
            line-height: 1.7;
        }

        .review-card-foot {
            padding: 18px 20px;
            text-align: center;
            background: linear-gradient(90deg,
                    #000 0%,
                    #0a0a0a 45%,
                    #2a2200 50%,
                    #0a0a0a 55%,
                    #000 100%);
            color: #fff;
            font-size: 13px;
            font-weight: 600;
        }

        .review-card-foot span {
            color: #ffd700;
            font-weight: 800;
        }

        /* =========================
   RESPONSIVE
========================= */
        @media (max-width: 768px) {
            .top-section {
                grid-template-columns: 1fr;
                padding: 0 16px;
            }

            .faq-box,
            .article-mini-box,
            .info-card,
            .review-card {
                border-radius: 14px;
            }

            .faq-box-head h2,
            .article-mini-head h3,
            .info-card-head h2,
            .review-card-head h2 {
                font-size: 18px;
            }

            .faq-box-body {
                padding: 0 14px;
            }

            .faq-question {
                font-size: 14px;
                padding: 16px 0;
            }

            .faq-answer,
            .article-mini-body p,
            .review-text {
                font-size: 13px;
            }

            .article-mini-body {
                padding: 16px 14px;
            }

            .article-mini-body h4 {
                font-size: 15px;
            }

            .info-table thead th,
            .info-table tbody td {
                font-size: 13px;
                padding: 12px 12px;
            }

            .review-list {
                grid-template-columns: 1fr;
            }

            .review-item {
                padding: 14px 12px;
            }

            .review-name {
                font-size: 13px;
            }

            .review-stars {
                font-size: 13px;
            }

            .faq-box-foot,
            .article-mini-foot,
            .info-card-foot,
            .review-card-foot {
                font-size: 12px;
                line-height: 1.6;
            }

            .faq-badge,
            .article-mini-badge,
            .info-badge,
            .review-badge {
                width: 22px;
                height: 22px;
                font-size: 12px;
            }

            .faq-badge.left,
            .info-badge.left,
            .review-badge.left {
                left: 12px;
            }

            .faq-badge.right,
            .info-badge.right,
            .review-badge.right {
                right: 12px;
            }

            .article-mini-badge.left {
                left: 12px;
            }

            .article-mini-badge.right {
                right: 12px;
            }

            .review-card {
                width: calc(100% - 32px);
            }
        }

        /* snow container */
        .snow-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 9999;
        }

        /* snowflake */
        .snowflake {
            position: absolute;
            top: -10px;
            color: white;
            user-select: none;
            animation: snowfall linear forwards;
        }

        @keyframes snowfall {
            to {
                transform: translateY(110vh);
            }
        }

        .top-section {
            width: 100%;
            max-width: 1280px;
            margin: 24px auto 0;
            padding: 0 16px;
            display: grid;
            grid-template-columns: minmax(0, 1.7fr) minmax(320px, 1fr);
            gap: 24px;
            align-items: stretch;
            /* penting */
            box-sizing: border-box;
        }

        .left-stack {
            display: flex;
            flex-direction: column;
            gap: 24px;
            min-width: 0;
            height: 100%;
            /* penting */
        }

        .info-card {
            width: 100%;
            margin: 0;
            background: #000;
            border: 2px solid #f5d000;
            border-radius: 18px;
            overflow: hidden;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            height: 100%;
            /* penting */
        }

        .info-table-wrap {
            flex: 1;
            /* isi tengah memanjang */
            display: flex;
            flex-direction: column;
        }

        .info-table {
            width: 100%;
            border-collapse: collapse;
            color: #fff;
            table-layout: fixed;
            height: 100%;
            /* penting */
        }

        .info-table thead th {
            text-align: center;
        }

        .info-table tbody td {
            text-align: center;
            vertical-align: middle;
        }

        .top-section {
            width: 100%;
            max-width: 1280px;
            margin: 24px auto 0;
            padding: 0 16px;
            display: grid;
            grid-template-columns: minmax(0, 1.7fr) minmax(320px, 1fr);
            gap: 24px;
            align-items: start;
            box-sizing: border-box;
        }

        .left-stack {
            display: flex;
            flex-direction: column;
            gap: 24px;
            min-width: 0;
        }

        .info-card {
            width: 100%;
            margin: 0;
            background: #000;
            border: 2px solid #f5d000;
            border-radius: 18px;
            overflow: hidden;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            height: 850px;
            /* sesuaikan tinggi box kanan */
            align-self: start;
        }

        .info-table-wrap {
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .info-table {
            width: 100%;
            border-collapse: collapse;
            color: #fff;
            table-layout: fixed;
            height: 100%;
        }
    </style>
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "BreadcrumbList",
        "itemListElement": [
          {
            "@type": "ListItem",
            "position": 1,
            "name": "COLOKSGP",
            "item": "https://bow-guide.com/"
          },
          {
            "@type": "ListItem",
            "position": 2,
            "name": "Toto Macau",
            "item": "https://bow-guide.com/"
          },
          {
            "@type": "ListItem",
            "position": 3,
            "name": "Bandar Togel",
            "item": "https://bow-guide.com/"
          }
        ]
      }
    </script>
    <script type="application/ld+json">
            {
              "@context": "https://schema.org",
              "@type": "Product",
              "name": "COLOKSGP - Solution the Toto Macau Site and Akurasi Togel Online di 2026",
              "image": [
                "https://kilat.digital/images/2026/03/19/d5a0cf3ca68f29ec1b59598311812518.jpg"
              ],
              "description": "COLOKSGP hadir sebagai solusi cerdas bagi pecinta Toto Macau yang mencari informasi angka jitu, akses cepat, dan pengalaman bermain yang nyaman.",
              "brand": {
                "@type": "Brand",
                "name": "COLOKSGP"
              },
              "sku": "COLOKSGP-001",
              "mpn": "COLOKSGP-001",
              "url": "https://bow-guide.com/",
              "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "4.9",
                "reviewCount": "388"
              },
              "review": [
                {
                  "@type": "Review",
                  "author": {
                    "@type": "Person",
                    "name": "Rian K."
                  },
                  "reviewRating": {
                    "@type": "Rating",
                    "ratingValue": "5",
                    "bestRating": "5"
                  },
                  "reviewBody": "Menurut saya COLOKSGP memiliki tampilan yang sangat sederhana dan mudah dipahami. Hal ini membuat saya lebih nyaman ketika mencari berbagai informasi terkait Toto Macau."
                },
                {
                  "@type": "Review",
                  "author": {
                    "@type": "Person",
                    "name": "Budi S."
                  },
                  "reviewRating": {
                    "@type": "Rating",
                    "ratingValue": "5",
                    "bestRating": "5"
                  },
                  "reviewBody": "
      Saya cukup sering mengunjungi COLOKSGP karena aksesnya terasa cepat dan halaman dapat dibuka tanpa harus menunggu lama."
                }
              ]
            }
    </script>
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "FAQPage",
        "mainEntity": [
          {
            "@type": "Question",
            "name": "Apa itu COLOKSGP?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "COLOKSGP merupakan platform hiburan digital yang menyediakan berbagai informasi terkait permainan Toto Macau. Platform ini dirancang untuk memberikan kemudahan akses serta pengalaman yang nyaman bagi para penggemar permainan angka."
            }
          },
          {
            "@type": "Question",
            "name": "Mengapa COLOKSGP disebut sebagai solusi cerdas untuk Toto Macau?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "COLOKSGP disebut sebagai solusi cerdas karena menghadirkan sistem yang sederhana, akses yang cepat, serta informasi yang mudah dipahami oleh pengguna yang mengikuti perkembangan Toto Macau."
            }
          },
          {
            "@type": "Question",
            "name": "Apakah COLOKSGP dapat diakses melalui perangkat mobile?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "COLOKSGP dapat diakses menggunakan berbagai perangkat seperti smartphone, tablet, maupun komputer sehingga pengguna tetap dapat menikmati layanan dengan nyaman kapan saja."
            }
          },
          {
            "@type": "Question",
            "name": "Apa keunggulan COLOKSGP dibanding platform lainnya?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Keunggulan COLOKSGP terletak pada sistem yang ringan, akses halaman yang cepat, serta penyajian informasi yang terstruktur sehingga memudahkan pengguna dalam mencari berbagai informasi terkait Toto Macau."
            }
          },
          {
            "@type": "Question",
            "name": "Bagaimana cara mendaftar di COLOKSGP?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Untuk mendaftar di COLOKSGP sangat praktis, akses melalui link alternatif resmi kami dan isi dengan data-data yang diperlukan lalu ikuti langkah-langkah dihalaman pendaftaran."
            }
          }
        ]
      }
    </script>
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "COLOKSGP",
        "url": "https://bow-guide.com/",
        "logo": "https://linkcolok.com/img/coloksgpfavicon.gif",
        "description": "COLOKSGP hadir sebagai solusi cerdas bagi pecinta Toto Macau yang mencari informasi angka jitu, akses cepat, dan pengalaman bermain yang nyaman.",
        "sameAs": [
          "https://www.facebook.com/",
          "https://www.instagram.com/",
          "https://www.youtube.com/"
        ],
        "contactPoint": {
          "@type": "ContactPoint",
          "contactType": "customer service",
          "availableLanguage": ["Indonesian", "English"]
        }
      }
    </script>

    <link rel="modulepreload" as="script" crossorigin
        href="https://bow-guide.com/_nuxt/entry.ccJFMKKt.js" />
    <link rel="modulepreload" as="script" crossorigin
        href="https://bow-guide.com/_nuxt/default.AwtWD60L.js" />
    <link rel="modulepreload" as="script" crossorigin
        href="https://bow-guide.com/_nuxt/nuxt-link.jean-Zf3.js" />
    <link rel="modulepreload" as="script" crossorigin
        href="https://bow-guide.com/_nuxt/vue.f36acd1f.zDB_Dtl_.js" />
    <link rel="modulepreload" as="script" crossorigin
        href="https://bow-guide.com/_nuxt/index.D6GKt5BR.js" />
    <link rel="modulepreload" as="script" crossorigin
        href="https://bow-guide.com/_nuxt/ProductDetail.uIDe3lTN.js" />
    <link rel="modulepreload" as="script" crossorigin
        href="https://bow-guide.com/_nuxt/shopee.0AxR9Xs4.js" />
    <link rel="prefetch" as="script" crossorigin
        href="https://bow-guide.com/_nuxt/error-404.7UKTUqwb.js" />
    <link rel="prefetch" as="script" crossorigin
        href="https://bow-guide.com/_nuxt/error-500.97t7ZV6P.js" />
    <script type="module" src="https://bow-guide.com/_nuxt/entry.ccJFMKKt.js" crossorigin></script>
</head>

<body>
    <div id="__nuxt">
        <!--[-->
        <nav class="bg-white z-30 border-gray-200">
            <div class="flex flex-wrap justify-between items-center mx-auto max-w-screen-xl py-3 md:py-6 px-3 md:px-12">
                <div class="hidden md:block">
                    <ul
                        class="flex font-semibold flex-col p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 md:mt-0 md:border-0 md:bg-white">
                        <li>
                            <a aria-current="page" href="/"
                                class="block py-2 pl-3 pr-4 text-gray-700 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-black transition delay-20 md:p-0">Home</a>
                        </li>
                        <li>
                            <button id="mega-menu-full-dropdown-button" data-collapse-toggle="mega-menu-full-dropdown"
                                class="flex items-center justify-between w-full py-2 pl-3 pr-4 text-gray-700 rounded md:w-auto hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-black md:p-0">
                                Produk
                                <svg class="w-2.5 h-2.5 ml-2.5 mt-[3px]" aria-hidden="true"
                                    xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 10 6">
                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="2" d="m1 1 4 4 4-4"></path>
                                </svg><!---->
                            </button>
                        </li>
                    </ul>
                </div>
                <a href="https://bow-guide.com/coloksgp/" class="flex items-center"><img
                        src="https://linkcolok.com/img/coloksgpfavicon.gif" alt="COLOKSGP" title="COLOKSGP"
                        class="w-44" /></a><button data-collapse-toggle="mega-menu-full" type="button"
                    class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200"
                    aria-controls="mega-menu-full" aria-expanded="false">
                    <span class="sr-only">Open main menu</span><svg class="w-5 h-5" aria-hidden="true"
                        xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 17 14">
                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                            d="M1 1h15M1 7h15M1 13h15"></path>
                    </svg>
                </button>
                <div id="mega-menu-full"
                    class="items-center justify-between font-medium hidden w-full md:flex md:w-auto md:order-1">
                    <ul
                        class="flex flex-col p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 md:mt-0 md:border-0 md:bg-white">
                        <li>
                            <a href="https://bow-guide.com/"
                                class="block py-2 pl-3 pr-4 text-gray-700 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-black md:p-0">TOGEL
                                ONLINE
                            </a>
                        </li>
                        <li>
                            <a href="https://bow-guide.com/"
                                class="block py-2 pl-3 pr-4 text-gray-700 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-black md:p-0">TOTO
                                MACAU</a>
                        </li>
                        <li>
                            <a target="_blank"
                                href="https://docs.google.com/forms/d/e/1FAIpQLScGRAmv_j9wUBWMUfjOW96MGdDw0WpW3YRIQMGZsQ_AErCQBg/viewform?usp=sf_link"
                                class="block py-2 pl-3 pr-4 text-gray-700 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-black md:p-0">BANDAR
                                TOGEL</a>
                        </li>
                    </ul>
                </div>
            </div>
            <!---->
        </nav>
        <div class="cta-double-wrap">
            <a href="https://bow-guide.com/coloksgp/" class="cta-btn cta-login">LOGIN
                COLOKSGP</a>
            <a href="https://bow-guide.com/coloksgp/" class="cta-btn cta-daftar">DAFTAR
                COLOKSGP</a>
        </div>
        <!--[--><!--[-->
        <div class="max-w-7xl md:px-6 mx-auto flex flex-col md:flex-row gap-10 pt-0 md:pt-10">
            <div class="gap-0 px-4 md:px-0 w-full md:w-7/12">
                <img class="rounded-lg"
                    src="https://kilat.digital/images/2026/03/19/d5a0cf3ca68f29ec1b59598311812518.jpg"
                    alt="COLOKSGP - Solution the Toto Macau Site and Akurasi Togel Online di 2026"
                    title="COLOKSGP - Solution the Toto Macau Site and Akurasi Togel Online di 2026" />
                <div class="grid grid-cols-5 gap-4 mt-4">
                    <!--[-->
                    <div>
                        <img class="border-black rounded-lg border-2 cursor-pointer"
                            src="https://kilat.digital/images/2026/03/19/d5a0cf3ca68f29ec1b59598311812518.jpg"
                            alt="COLOKSGP - Solution the Toto Macau Site and Akurasi Togel Online di 2026"
                            title="COLOKSGP - Solution the Toto Macau Site and Akurasi Togel Online di 2026" />
                    </div>
                    <div>
                        <img class="border-transparent rounded-lg border-2 cursor-pointer"
                            src="https://kilat.digital/images/2026/03/19/d5a0cf3ca68f29ec1b59598311812518.jpg"
                            alt="COLOKSGP - Solution the Toto Macau Site and Akurasi Togel Online di 2026"
                            title="COLOKSGP - Solution the Toto Macau Site and Akurasi Togel Online di 2026" />
                    </div>
                    <img class="border-transparent rounded-lg border-2 cursor-pointer"
                        src="https://kilat.digital/images/2026/03/19/d5a0cf3ca68f29ec1b59598311812518.jpg"
                        alt="COLOKSGP - Solution the Toto Macau Site and Akurasi Togel Online di 2026"
                        title="COLOKSGP - Solution the Toto Macau Site and Akurasi Togel Online di 2026" />
                    <!--]-->
                    <img class="border-transparent rounded-lg border-2 cursor-pointer"
                        src="https://kilat.digital/images/2026/03/19/d5a0cf3ca68f29ec1b59598311812518.jpg"
                        alt="COLOKSGP - Solution the Toto Macau Site and Akurasi Togel Online di 2026"
                        title="COLOKSGP - Solution the Toto Macau Site and Akurasi Togel Online di 2026" />
                    <img class="border-transparent rounded-lg border-2 cursor-pointer"
                        src="https://kilat.digital/images/2026/03/19/d5a0cf3ca68f29ec1b59598311812518.jpg"
                        alt="COLOKSGP - Solution the Toto Macau Site and Akurasi Togel Online di 2026"
                        title="COLOKSGP - Solution the Toto Macau Site and Akurasi Togel Online di 2026" />
                </div>
            </div>
            <div class="px-4 md:px-0 w-full md:w-5/12">
                <a href="https://bow-guide.com/"
                    class="font-bold text-xl md:text-2xl underline underline-offset-4">COLOKSGP</a>

                <h1 class="text-gray-900 text-2xl md:text-4xl font-extrabold mb-2 mt-3">
                    COLOKSGP - Solution the Toto Macau Site and Akurasi Togel Online di 2026
                </h1>

                <div class="flex items-center py-2">

                    <svg class="w-5 text-yellow-400 mr-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                        fill="currentColor" viewbox="0 0 22 20">

                        <path
                            d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z">
                        </path>
                    </svg>
                    <svg class="w-5 text-yellow-400 mr-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                        fill="currentColor" viewbox="0 0 22 20">

                        <path
                            d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z">
                        </path>
                    </svg>
                    <svg class="w-5 text-yellow-400 mr-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                        fill="currentColor" viewbox="0 0 22 20">

                        <path
                            d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z">
                        </path>
                    </svg>
                    <svg class="w-5 text-yellow-400 mr-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                        fill="currentColor" viewbox="0 0 22 20">


                        <path
                            d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z">
                        </path>
                    </svg>
                    <svg class="w-5 text-gray-300 mr-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                        fill="currentColor" viewbox="0 0 22 20">
                        <path
                            d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z">
                        </path>
                    </svg>
                    <p class="ml-2 text-sm font-medium text-gray-500">4.9 out of 5</p>
                </div>
                <div class="border-gray-200 mt-1 pt-1">
                    <h2 class="font-bold text-3xl">Rp 10.000</h2>
                    <div class="flex justify-start gap-2 mt-2">
                        <p class="text-red-600 bg-red-200 rounded px-1 font-bold text-xs pt-[3px]">
                            50%
                        </p>
                        <p class="text-gray-500 line-through">Rp 5.000</p>
                    </div>
                    <span class="text-sm mr-2 font-semibold text-gray-700">Jenis Pasaran:</span>
                    <button class="border border-gray-300 mt-3 bg-gray-100 px-2 py-1 rounded text-xs">
                        TOTO MACAU
                    </button>
                </div>
                <div class="mt-4 border-t border-gray-200 py-4">
                    <p class="text-sm font-semibold flex gap-1 items-center underline underline-offset-4 text-gray-600">
                        <svg class="w-4 h-4 text-blue-500" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                            fill="currentColor" viewbox="0 0 20 20">
                            <path fill="currentColor"
                                d="m18.774 8.245-.892-.893a1.5 1.5 0 0 1-.437-1.052V5.036a2.484 2.484 0 0 0-2.48-2.48H13.7a1.5 1.5 0 0 1-1.052-.438l-.893-.892a2.484 2.484 0 0 0-3.51 0l-.893.892a1.5 1.5 0 0 1-1.052.437H5.036a2.484 2.484 0 0 0-2.48 2.481V6.3a1.5 1.5 0 0 1-.438 1.052l-.892.893a2.484 2.484 0 0 0 0 3.51l.892.893a1.5 1.5 0 0 1 .437 1.052v1.264a2.484 2.484 0 0 0 2.481 2.481H6.3a1.5 1.5 0 0 1 1.052.437l.893.892a2.484 2.484 0 0 0 3.51 0l.893-.892a1.5 1.5 0 0 1 1.052-.437h1.264a2.484 2.484 0 0 0 2.481-2.48V13.7a1.5 1.5 0 0 1 .437-1.052l.892-.893a2.484 2.484 0 0 0 0-3.51Z">
                            </path>
                            <path fill="#fff"
                                d="M8 13a1 1 0 0 1-.707-.293l-2-2a1 1 0 1 1 1.414-1.414l1.42 1.42 5.318-3.545a1 1 0 0 1 1.11 1.664l-6 4A1 1 0 0 1 8 13Z">
                            </path>
                        </svg>
                        <span class=""> COLOKSGP</span>
                    </p>
                    <div class="flex gap-2 mt-3 justify-start">
                        <!-- Tokopedia -->
                        <a href="https://bow-guide.com/coloksgp/" rel="nofollow"
                            target="_blank">
                            <div>
                                <span class="flex items-center justify-center border border-white/70 rounded-md p-1">
                                </span>
                            </div>
                        </a>

                        <!-- Shopee -->
                        <a href="https://bow-guide.com/coloksgp/" rel="nofollow"
                            target="_blank">
                            <div>
                                <span class="flex items-center justify-center border border-white/70 rounded-md p-1">
                                </span>
                            </div>
                        </a>
                    </div>
                </div>
                <!-- LOGO DAFTAR DI TENGAH -->
                <div style="text-align: center; margin: 15px 0">
                    <a href="https://bow-guide.com/coloksgp/">
                        <img src="https://linkcolok.com/img/situstoto_1.jpg" alt="Daftar COLOKSGP"
                            style="width: 400px" />
                    </a>
                </div>
                <div class="text-sm font-medium text-center mt-4 text-gray-500 border-b border-gray-200">
                    <ul class="flex flex-wrap -mb-px">
                        <li class="mr-2">
                            <a href="#"
                                class="inline-block p-4 text-[#49afba] border-b-2 border-[#66bdc7] rounded-t-lg active"
                                aria-current="page">Deskripsi Produk</a>
                        </li>
                    </ul>
                </div>
                <div class="text-left mt-6 mb-10">
                    <div data-testid="lblPDPDescriptionProduk">
                        COLOKSGP hadir sebagai solusi cerdas bagi pecinta Toto Macau yang
                        mencari informasi angka jitu, akses cepat, dan pengalaman bermain
                        yang nyaman.
                    </div>
                </div>
            </div>
        </div>
        <div class="top-section">
            <div class="left-stack">
                <div class="faq-box">

                    <div class="article-mini-box">
                        <div class="article-mini-head">
                            <h3>
                                COLOKSGP - Solution the Toto Macau Site and Akurasi Togel Online di 2026
                            </h3>
                        </div>

                        <div class="article-mini-body">
                            <p><a href="https://bow-guide.com/">COLOKSGP</a> hadir sebagai solusi bagi
                                para pencari informasi seputar Toto Macau dan togel online di tahun 2026. Dengan
                                perkembangan teknologi digital yang semakin pesat, banyak pengguna menginginkan akses
                                yang cepat, akurat, dan mudah digunakan untuk melihat berbagai informasi pasaran.
                                COLOKSGP menawarkan tampilan yang sederhana namun informatif, sehingga memudahkan
                                pengguna dalam menelusuri data seperti jadwal, result, hingga berbagai informasi penting
                                lainnya yang berkaitan dengan Toto Macau.</p>
                            <p>Selain itu, COLOKSGP juga dikenal karena menyediakan pembaruan informasi yang konsisten
                                dan terstruktur. Hal ini menjadi nilai tambah bagi pengguna yang membutuhkan referensi
                                data secara rutin. Dengan sistem yang responsif dan kompatibel di berbagai perangkat,
                                pengguna dapat mengakses situs ini kapan saja tanpa kendala berarti. Faktor kemudahan
                                akses dan kelengkapan informasi menjadi alasan utama mengapa banyak pengguna menjadikan
                                COLOKSGP sebagai salah satu referensi utama dalam mencari informasi togel online.</p>
                            <p>Dari sisi pengalaman pengguna, COLOKSGP berusaha memberikan kenyamanan melalui navigasi
                                yang jelas dan konten yang mudah dipahami. Hal ini penting untuk mendukung kepercayaan
                                serta meningkatkan kualitas interaksi pengguna terhadap situs. Dengan kombinasi antara
                                desain yang user-friendly, pembaruan informasi yang rutin, serta struktur konten yang
                                rapi, COLOKSGP mampu menjadi salah satu solusi informasi Toto Macau dan togel online
                                yang relevan di tahun 2026.</p>
                        </div>

                        <div class="article-mini-foot">
                            <span>COLOKSGP</span> - INFORMASI RINGKAS &amp; TERBARU
                        </div>
                    </div>
                </div>

                <div class="info-card">
                    <div class="info-card-head">
                        <h2>DETAIL INFORMASI</h2>
                    </div>

                    <div class="info-table-wrap">
                        <table class="info-table">
                            <thead>
                                <tr>
                                    <th>INFORMASI</th>
                                    <th>DETAIL</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Nama Situs</td>
                                    <td><strong>COLOKSGP</strong></td>
                                </tr>
                                <tr>
                                    <td>Jenis Game</td>
                                    <td>Situs Toto &amp; Toto Macau</td>
                                </tr>
                                <tr>
                                    <td>Minimal Deposit</td>
                                    <td class="highlight-yellow"><strong>Rp 5.000,-</strong></td>
                                </tr>
                                <tr>
                                    <td>Metode Deposit</td>
                                    <td>BANK - E-WALLET - QRIS - PULSA</td>
                                </tr>
                                <tr>
                                    <td>Proses Transaksi</td>
                                    <td class="highlight-yellow">±1 Menit Cepat &amp; Aman</td>
                                </tr>
                                <tr>
                                    <td>Jam Operasional</td>
                                    <td>24 Jam Online</td>
                                </tr>
                                <tr>
                                    <td>Perangkat Didukung</td>
                                    <td>Semua Perangkat</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <div class="info-card-foot">
                        © 2026 <span>COLOKSGP</span> - LINK SITUS TOTO ONLINE RESMI &amp;
                        TERPERCAYA
                    </div>
                </div>
            </div>
            <section class="faq-dropdown-eeat">
                <style>
                    .faq-dropdown-eeat {
                        max-width: 960px;
                        margin: 40px auto;
                        padding: 24px;
                        background: #ffffff;
                        border: 1px solid #e5e7eb;
                        border-radius: 16px;
                        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
                        font-family: Arial, sans-serif;
                        color: #1f2937;
                        line-height: 1.6;
                    }

                    .faq-dropdown-eeat h2 {
                        font-size: 28px;
                        margin-bottom: 10px;
                        color: #111827;
                    }

                    .faq-dropdown-eeat .faq-intro {
                        font-size: 15px;
                        color: #4b5563;
                        margin-bottom: 24px;
                    }

                    .faq-item {
                        border: 1px solid #e5e7eb;
                        border-radius: 12px;
                        margin-bottom: 14px;
                        overflow: hidden;
                        background: #ffffff;
                    }

                    .faq-item summary {
                        list-style: none;
                        cursor: pointer;
                        padding: 16px 20px;
                        font-size: 16px;
                        font-weight: 700;
                        color: #111827;
                        background: #f9fafb;
                        position: relative;
                        transition: all 0.3s ease;
                    }

                    .faq-item summary::-webkit-details-marker {
                        display: none;
                    }

                    .faq-item summary::after {
                        content: "+";
                        position: absolute;
                        right: 20px;
                        top: 50%;
                        transform: translateY(-50%);
                        font-size: 22px;
                        font-weight: bold;
                        color: #111827;
                        transition: transform 0.3s ease;
                    }

                    .faq-item[open] summary {
                        background: #111827;
                        color: #ffffff;
                    }

                    .faq-item[open] summary::after {
                        content: "−";
                        color: #ffffff;
                    }

                    .faq-content {
                        padding: 16px 20px;
                        font-size: 14px;
                        color: #374151;
                        background: #ffffff;
                        border-top: 1px solid #e5e7eb;
                    }

                    .eeat-box {
                        margin-top: 28px;
                        padding: 18px;
                        background: #f9fafb;
                        border-left: 4px solid #111827;
                        border-radius: 10px;
                    }

                    .eeat-box h3 {
                        margin: 0 0 10px;
                        font-size: 18px;
                        color: #111827;
                    }

                    .eeat-box p {
                        margin: 0 0 10px;
                        font-size: 14px;
                        color: #4b5563;
                    }

                    .eeat-box ul {
                        margin: 10px 0 0 18px;
                        padding: 0;
                        color: #374151;
                        font-size: 14px;
                    }

                    @media (max-width: 768px) {
                        .faq-dropdown-eeat {
                            padding: 18px;
                        }

                        .faq-dropdown-eeat h2 {
                            font-size: 22px;
                        }

                        .faq-item summary {
                            font-size: 15px;
                            padding: 14px 16px;
                        }

                        .faq-content {
                            padding: 14px 16px;
                        }
                    }
                </style>

                <h2>FAQ COLOKSGP Toto Macau & Togel Online 2026</h2>
                <p class="faq-intro">
                    Berikut adalah FAQ dalam format dropdown yang rapi, mudah dibaca, dan cocok untuk mendukung struktur
                    konten yang lebih nyaman bagi pengguna.
                </p>

                <details class="faq-item" open>
                    <summary>Apa itu COLOKSGP?</summary>
                    <div class="faq-content">
                        COLOKSGP adalah halaman informasi yang membahas Toto Macau dan togel online 2026, termasuk
                        pasaran, result, jadwal, dan panduan umum yang sering dicari pengguna.
                    </div>
                </details>

                <details class="faq-item">
                    <summary>Apakah COLOKSGP menyediakan pasaran Toto Macau?</summary>
                    <div class="faq-content">
                        Ya, COLOKSGP menampilkan informasi pasaran Toto Macau beserta detail permainan, jadwal, dan
                        result yang diperbarui secara berkala.
                    </div>
                </details>

                <details class="faq-item">
                    <summary>Apa keunggulan situs COLOKSGP?</summary>
                    <div class="faq-content">
                        Beberapa keunggulan yang biasanya dicari pengguna meliputi tampilan yang mudah digunakan, akses
                        cepat, informasi pasaran lengkap, pembaruan result, dan dukungan layanan pelanggan.
                    </div>
                </details>

                <details class="faq-item">
                    <summary>Bagaimana cara melihat result Toto Macau?</summary>
                    <div class="faq-content">
                        Pengguna dapat membuka halaman result yang tersedia di situs untuk melihat pembaruan angka
                        keluaran, jadwal pasaran, dan informasi lain yang relevan.
                    </div>
                </details>

                <details class="faq-item">
                    <summary>Apakah COLOKSGP cocok untuk pemula?</summary>
                    <div class="faq-content">
                        Ya, situs dengan navigasi sederhana dan informasi yang tersusun rapi biasanya lebih mudah
                        digunakan oleh pemula yang ingin memahami alur akses informasi pasaran.
                    </div>
                </details>

                <details class="faq-item">
                    <summary>Apakah informasi di COLOKSGP diperbarui secara rutin?</summary>
                    <div class="faq-content">
                        Halaman FAQ, result, jadwal, dan informasi pasaran sebaiknya diperbarui secara rutin agar
                        pengguna memperoleh data yang lebih relevan dan mudah diverifikasi.
                    </div>
                </details>

                <details class="faq-item">
                    <summary>Bagaimana cara menghubungi layanan pelanggan?</summary>
                    <div class="faq-content">
                        Biasanya situs menyediakan halaman kontak atau live chat agar pengguna dapat memperoleh bantuan
                        terkait akun, akses halaman, atau informasi layanan lainnya.
                    </div>
                </details>

                <details class="faq-item">
                    <summary>Mengapa halaman FAQ penting untuk situs seperti COLOKSGP?</summary>
                    <div class="faq-content">
                        FAQ membantu pengguna menemukan jawaban lebih cepat, meningkatkan kejelasan informasi, menambah
                        kepercayaan, dan mendukung struktur konten yang lebih baik.
                    </div>
                </details>

                <div class="eeat-box">
                    <h3>Informasi Kepercayaan & Kualitas Konten</h3>
                    <p>
                        Untuk mendukung kualitas halaman, sebaiknya lengkapi juga beberapa elemen penting berikut agar
                        struktur situs terlihat lebih kredibel dan informatif.
                    </p>
                    <ul>
                        <li>Profil brand atau halaman tentang kami</li>
                        <li>Halaman kontak yang aktif dan mudah diakses</li>
                        <li>Kebijakan privasi dan syarat ketentuan</li>
                        <li>Tanggal pembaruan konten yang jelas</li>
                        <li>Struktur heading yang rapi dan relevan</li>
                    </ul>
                </div>


                <style>
                    .wrap {
                        max-width: 400px;
                        margin: auto;
                    }

                    .title-box {
                        text-align: center;
                        margin-bottom: 40px;
                    }

                    .title {
                        font-size: 42px;
                        font-weight: 800;
                        text-transform: uppercase;
                        letter-spacing: 2px;
                        background: linear-gradient(90deg, #fff, #38bdf8, #a78bfa, #fff);
                        background-size: 300% auto;
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                        animation: shine 5s linear infinite;
                    }

                    .subtitle {
                        margin-top: 10px;
                        color: #cbd5e1;
                        font-size: 16px;
                    }

                    @keyframes shine {
                        0% {
                            background-position: 0% center;
                        }

                        100% {
                            background-position: 300% center;
                        }
                    }

                    .slider {
                        position: relative;
                        overflow: hidden;
                        width: 100%;
                        padding: 20px 0;
                        mask-image: linear-gradient(to right, transparent, white 10%, white 90%, transparent);
                        -webkit-mask-image: linear-gradient(to right, transparent, white 10%, white 90%, transparent);
                    }

                    .track {
                        display: flex;
                        width: max-content;
                        gap: 20px;
                        animation: scrollRightToLeft 28s linear infinite;
                    }

                    .slider:hover .track {
                        animation-play-state: paused;
                    }

                    @keyframes scrollRightToLeft {
                        from {
                            transform: translateX(0);
                        }

                        to {
                            transform: translateX(-50%);
                        }
                    }

                    .card {
                        width: 320px;
                        min-height: 220px;
                        background: rgba(255, 255, 255, 0.08);
                        border: 1px solid rgba(255, 255, 255, 0.12);
                        border-radius: 22px;
                        padding: 24px;
                        backdrop-filter: blur(14px);
                        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
                        transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
                        position: relative;
                        overflow: hidden;
                    }

                    .card::before {
                        content: "";
                        position: absolute;
                        inset: 0;
                        background: linear-gradient(135deg, rgba(56, 189, 248, 0.14), rgba(167, 139, 250, 0.14));
                        opacity: 0;
                        transition: opacity 0.35s ease;
                    }

                    .card:hover {
                        transform: translateY(-8px) scale(1.02);
                        box-shadow: 0 16px 40px rgba(56, 189, 248, 0.18);
                        border-color: rgba(56, 189, 248, 0.45);
                    }

                    .card:hover::before {
                        opacity: 1;
                    }

                    .card>* {
                        position: relative;
                        z-index: 1;
                    }

                    .stars {
                        color: #facc15;
                        margin-bottom: 14px;
                        font-size: 18px;
                        letter-spacing: 2px;
                    }

                    .review-text {
                        color: black;
                        line-height: 1.7;
                        font-size: 15px;
                        margin-bottom: 20px;
                    }

                    .user {
                        display: flex;
                        align-items: center;
                        gap: 12px;
                        margin-top: auto;
                    }

                    .avatar {
                        width: 48px;
                        height: 48px;
                        border-radius: 50%;
                        display: grid;
                        place-items: center;
                        font-weight: bold;
                        background: linear-gradient(135deg, #38bdf8, #8b5cf6);
                        color: white;
                        box-shadow: 0 6px 18px rgba(56, 189, 248, 0.35);
                    }

                    .user-info h4 {
                        font-size: 15px;
                        color: #fff;
                        margin-bottom: 4px;
                    }

                    .user-info span {
                        font-size: 13px;
                        color: #94a3b8;
                    }

                    @media (max-width: 768px) {
                        .title {
                            font-size: 30px;
                        }

                        .card {
                            width: 280px;
                            min-height: 240px;
                        }
                    }
                </style>
                <div class="wrap">
                    <div class="title-box">
                        <h3 class="title">Review Pengguna COLOKSGP 2026</h3>
                        <p class="subtitle">Testimoni member tentang pengalaman bermain Toto Macau & Togel Online</p>
                    </div>

                    <div class="slider">
                        <div class="track" id="reviewTrack">

                            <div class="card">
                                <div class="stars">★★★★★</div>
                                <div class="review-text">
                                    COLOKSGP menurut saya paling stabil untuk main Toto Macau. Result cepat, pasaran
                                    lengkap, dan jarang gangguan.
                                </div>
                                <div class="user">
                                    <div class="avatar">A</div>
                                    <div class="user-info">
                                        <h4>Andi Saputra</h4>
                                        <span>Member Toto Macau</span>
                                    </div>
                                </div>
                            </div>

                            <div class="card">
                                <div class="stars">★★★★★</div>
                                <div class="review-text">
                                    Sudah coba banyak situs, tapi di sini paling enak. Prediksi jitu dan sistemnya
                                    ringan, cocok buat main harian.
                                </div>
                                <div class="user">
                                    <div class="avatar">R</div>
                                    <div class="user-info">
                                        <h4>Rina Maharani</h4>
                                        <span>Pemain Aktif</span>
                                    </div>
                                </div>
                            </div>

                            <div class="card">
                                <div class="stars">★★★★★</div>
                                <div class="review-text">
                                    Proses deposit dan withdraw cepat banget. Tidak ribet, cocok buat yang serius main
                                    togel online.
                                </div>
                                <div class="user">
                                    <div class="avatar">D</div>
                                    <div class="user-info">
                                        <h4>Dedi Kurniawan</h4>
                                        <span>Member Setia</span>
                                    </div>
                                </div>
                            </div>

                            <div class="card">
                                <div class="stars">★★★★★</div>
                                <div class="review-text">
                                    Saya suka karena tampilannya simpel tapi lengkap. Semua pasaran seperti Macau,
                                    Singapore, dan Hongkong tersedia.
                                </div>
                                <div class="user">
                                    <div class="avatar">S</div>
                                    <div class="user-info">
                                        <h4>Salsa Putri</h4>
                                        <span>Pengguna Baru</span>
                                    </div>
                                </div>
                            </div>

                            <div class="card">
                                <div class="stars">★★★★★</div>
                                <div class="review-text">
                                    Angka prediksi yang diberikan cukup akurat. Sudah beberapa kali tembus di pasaran
                                    Macau, lumayan banget hasilnya.
                                </div>
                                <div class="user">
                                    <div class="avatar">F</div>
                                    <div class="user-info">
                                        <h4>Fajar Nugraha</h4>
                                        <span>Pecinta Togel</span>
                                    </div>
                                </div>
                            </div>

                            <div class="card">
                                <div class="stars">★★★★★</div>
                                <div class="review-text">
                                    Main di COLOKSGP terasa aman dan nyaman. Server cepat, tidak lag, dan bisa diakses
                                    lancar dari HP.
                                </div>
                                <div class="user">
                                    <div class="avatar">L</div>
                                    <div class="user-info">
                                        <h4>Lina Oktavia</h4>
                                        <span>Digital Player</span>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                    <script>
                        // Duplikasi card agar slider looping mulus
                        const track = document.getElementById("reviewTrack");
                        track.innerHTML += track.innerHTML;
                    </script>
            </section>
            <!--]--><!--]-->
            <footer class="bg-white">
                <div class="mx-auto w-full max-w-screen-xl p-4 md:p-10 py-6 lg:py-8">
                    <div class="md:flex md:justify-between border-t border-gray-200 mt-20 pt-10">
                        <div class="mb-6 md:mb-0">
                            <a href="https://bow-guide.com/coloksgp/"
                                class="flex items-center"><img src="https://linkcolok.com/img/coloksgpfavicon.gif"
                                    alt="COLOKSGP" title="COLOKSGP" class="w-44 -translate-x-1 -translate-y-1" /></a>
                        </div>
                        <div class="grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3">
                            <div class="">
                                <h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase">
                                    Official Store
                                </h2>
                                <ul class="text-gray-500">
                                    <li class="mb-4">
                                        <a href="https://tokopedia.link/xsEI9qNsxEb" class="hover:underline"
                                            target="_blank" rel="nofollow">Tokopedia</a>
                                    </li>
                                    <li class="mb-4">
                                        <a href="https://s.lazada.co.id/s.N4iu8" target="_blank" class="hover:underline"
                                            rel="nofollow">Lazada</a>
                                    </li>
                                    <li class="mb-4">
                                        <a href="https://shopee.co.id/theoriginoteofficial" class="hover:underline"
                                            target="_blank" rel="nofollow">Shopee</a>
                                    </li>
                                    <li class="mb-4">
                                        <a href="https://www.blibli.com/merchant/the-originote/THO-70072"
                                            class="hover:underline" target="_blank" rel="nofollow">Blibli</a>
                                    </li>
                                    <li class="mb-4">
                                        <a href="https://www.sociolla.com/15608_the-originote" class="hover:underline"
                                            target="_blank" rel="nofollow">Sociolla</a>
                                    </li>
                                    <li>
                                        <a href="https://wa.me/6285715688583" class="hover:underline" target="_blank"
                                            rel="nofollow">WA Order</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="md:pl-10">
                                <h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase">
                                    Menu
                                </h2>
                                <ul class="text-gray-500">
                                    <li class="mb-4">
                                        <a href="/" class="hover:underline">Home</a>
                                    </li>
                                    <li class="mb-4">
                                        <a href="https://bow-guide.com/" class="hover:underline">MAIN
                                            TOGEL ONLINE</a>
                                    </li>
                                    <li class="mb-4">
                                        <a href="https://bow-guide.com/" class="hover:underline">SITUS
                                            TOTO MACAU</a>
                                    </li>
                                    <li><a href="https://bow-guide.com/" class="hover:underline">TOTO
                                            MACAU TERPERCAYA</a></li>
                                </ul>
                            </div>
                            <div class="md:pl-6">
                                <h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase">
                                    Follow us
                                </h2>
                                <ul class="text-gray-500">
                                    <li class="mb-4">
                                        <a href="https://www.instagram.com/theoriginote/" target="_blank"
                                            class="hover:underline" rel="nofollow">Instagram</a>
                                    </li>
                                    <li class="mb-4">
                                        <a href="https://wa.link/jgz2ms" class="hover:underline" target="_blank"
                                            rel="nofollow">Join Reseller</a>
                                    </li>
                                    <li>
                                        <a class="hover:underline" target="_blank" rel="nofollow"
                                            href="https://docs.google.com/forms/d/e/1FAIpQLScGRAmv_j9wUBWMUfjOW96MGdDw0WpW3YRIQMGZsQ_AErCQBg/viewform?usp=sf_link">Contact
                                            Us</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <hr class="my-6 border-gray-200 sm:mx-auto lg:my-8" />
                    <div class="sm:flex sm:items-center sm:justify-between">
                        <span class="text-sm text-gray-500 sm:text-center">© 2026
                            <a href="https://bow-guide.com/" class="hover:underline"><strong>COLOKSGP
                                    TERPERCAYA</strong></a>
                            | All Rights Reserved.
                        </span>
                    </div>
                </div>
            </footer>
            <!--]-->
        </div>
        <script type="application/json" id="__NUXT_DATA__" data-ssr="true">
      [
        ["Reactive", 1],
        {
          "data": 2,
          "state": 3,
          "once": 4,
          "_errors": 5,
          "serverRendered": 6,
          "path": 7
        },
        {},
        {},
        ["Set"],
        {},
        true,
        "/produk/the-originote-hyalucera-moisturizer-gel-50ml"
      ]
    </script>
        <script>
            window.__NUXT__ = {};
            window.__NUXT__.config = {
                public: {},
                app: { baseURL: "/", buildAssetsDir: "/_nuxt/", cdnURL: "" },
            };
        </script>
        <script defer
            src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015"
            integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ=="
            data-cf-beacon='{"version":"2024.11.0","token":"f21d252131de4ca49ab6796beb2089f8","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
            crossorigin="anonymous"></script>
        <script defer
            src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015"
            integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ=="
            data-cf-beacon='{"version":"2024.11.0","token":"f21d252131de4ca49ab6796beb2089f8","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
            crossorigin="anonymous"></script>
        <script defer
            src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015"
            integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ=="
            data-cf-beacon='{"version":"2024.11.0","token":"8fec11922af8437babf2a03023f38c1d","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
            crossorigin="anonymous"></script>
        <script defer
            src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015"
            integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ=="
            data-cf-beacon='{"version":"2024.11.0","token":"11514c8e67454f90b3d859242d57feba","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
            crossorigin="anonymous"></script>
        <script defer
            src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516"
            integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
            data-cf-beacon='{"version":"2024.11.0","token":"a85436ab144645839024f285a59b1a29","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
            crossorigin="anonymous"></script>
        <nav class="mobile-wrap-menu">
            <a href="https://bow-guide.com/coloksgp/" class="mobile-wrap-item">
                <span class="mobile-wrap-icon">🎁</span>
                <span class="mobile-wrap-text">Promo</span>
            </a>
            <a href="https://bow-guide.com/coloksgp/" class="mobile-wrap-item">
                <span class="mobile-wrap-icon">⮕</span>
                <span class="mobile-wrap-text">Login</span>
            </a>
            <a href="https://bow-guide.com/coloksgp/" class="mobile-wrap-item">
                <span class="mobile-wrap-icon">👤</span>
                <span class="mobile-wrap-text">Daftar</span>
            </a>
            <a href="https://bow-guide.com/coloksgp/" target="_blank" rel="nofollow"
                class="mobile-wrap-item">
                <span class="mobile-wrap-icon">◔</span>
                <span class="mobile-wrap-text">Whatsapp</span>
            </a>
            <a href="https://bow-guide.com/coloksgp/" target="_blank" rel="nofollow"
                class="mobile-wrap-item">
                <span class="mobile-wrap-icon">▢</span>
                <span class="mobile-wrap-text">Live Chat</span>
            </a>
        </nav>
        <script>
            document.querySelectorAll(".faq-question").forEach(function (button) {
                button.addEventListener("click", function () {
                    const item = this.parentElement;
                    item.classList.toggle("active");
                });
            });
        </script>
        <script>
            (function () {
                const snowContainer = document.createElement("div");
                snowContainer.className = "snow-container";
                document.body.appendChild(snowContainer);

                function createSnowflake() {
                    const snow = document.createElement("div");
                    snow.className = "snowflake";
                    snow.style.left = Math.random() * window.innerWidth + "px";
                    snow.style.animationDuration = 5 + Math.random() * 5 + "s";
                    snow.style.opacity = Math.random();
                    snow.style.fontSize = 10 + Math.random() * 10 + "px";
                    snow.innerHTML = "❄";
                    snowContainer.appendChild(snow);

                    setTimeout(() => {
                        snow.remove();
                    }, 10000);
                }

                setInterval(createSnowflake, 120);
            })();
        </script></body>

</html>