.vue-map {
            height: 100%;
            min-height: 2rem;
            width: 100%
        }
        
        
        
        .nuxt-icon svg {
            height: 1em;
            margin-bottom: .125em;
            vertical-align: middle;
            width: 1em
        }

        .nuxt-icon.nuxt-icon--fill,
        .nuxt-icon.nuxt-icon--fill * {
            fill: currentColor !important
        }

        .nuxt-icon.nuxt-icon--stroke,
        .nuxt-icon.nuxt-icon--stroke * {
            stroke: currentColor !important
        }
        
        
        #vue3-snackbar--container {
            box-shadow: none !important
        }

        #vue3-snackbar--container.is-top {
            top: 110px !important
        }

        #vue3-snackbar--container.has-shadow .vue3-snackbar-message,
        #vue3-snackbar--container.shadow-md .vue3-snackbar-message {
            box-shadow: none !important
        }

        .custom-snackbar {
            align-items: center;
            border-radius: .75rem;
            border-width: 1px;
            display: flex;
            gap: 1rem;
            min-width: 18rem;
            padding: 10px 1.25rem;
            position: relative
        }

        @media (min-width:768px) {
            .custom-snackbar {
                min-width: 400px
            }
        }

        .custom-snackbar.success {
            --tw-border-opacity: 1;
            border-color: rgb(29 153 120/var(--tw-border-opacity, 1));
            --tw-bg-opacity: 1;
            background-color: rgb(246 255 249/var(--tw-bg-opacity, 1))
        }

        .custom-snackbar.danger {
            --tw-border-opacity: 1;
            border-color: rgb(0 170 0/var(--tw-border-opacity, 1));
            --tw-bg-opacity: 1;
            background-color: rgb(249 188 197/var(--tw-bg-opacity, 1))
        }

        .custom-snackbar.warning {
            --tw-border-opacity: 1;
            border-color: rgb(247 166 51/var(--tw-border-opacity, 1));
            --tw-bg-opacity: 1;
            background-color: rgb(253 228 194/var(--tw-bg-opacity, 1))
        }
        
        
        
        .wrapper-default[data-v-fd28e93b] input:not([type=checkbox]):not([type=radio]):not(.vs__search),
        .wrapper-default[data-v-fd28e93b] textarea {
            border-color: transparent;
            font-weight: 500;
            padding: 0;
            pointer-events: none;
            width: 100%
        }

        .wrapper-default[data-v-fd28e93b] input:not([type=checkbox]):not([type=radio]):not(.vs__search):focus,
        .wrapper-default[data-v-fd28e93b] textarea:focus {
            border-color: transparent;
            --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(var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
        }

        .wrapper-rounded[data-v-fd28e93b] .dp__input,
        .wrapper-rounded[data-v-fd28e93b] input:not([type=checkbox]):not([type=radio]):not(.vs__search):not(.dp__input):not(.not-wrapped),
        .wrapper-rounded[data-v-fd28e93b] textarea {
            border-radius: 9999px;
            border-width: 1px;
            width: 100%;
            --tw-border-opacity: 1;
            border-color: rgb(158 158 158/var(--tw-border-opacity, 1));
            padding: .75rem 1rem
        }

        .wrapper-rounded[data-v-fd28e93b] .dp__input::-moz-placeholder,
        .wrapper-rounded[data-v-fd28e93b] input:not([type=checkbox]):not([type=radio]):not(.vs__search):not(.dp__input):not(.not-wrapped)::-moz-placeholder,
        .wrapper-rounded[data-v-fd28e93b] textarea::-moz-placeholder {
            --tw-text-opacity: 1;
            color: rgb(134 134 134/var(--tw-text-opacity, 1))
        }

        .wrapper-rounded[data-v-fd28e93b] .dp__input::placeholder,
        .wrapper-rounded[data-v-fd28e93b] input:not([type=checkbox]):not([type=radio]):not(.vs__search):not(.dp__input):not(.not-wrapped)::placeholder,
        .wrapper-rounded[data-v-fd28e93b] textarea::placeholder {
            --tw-text-opacity: 1;
            color: rgb(134 134 134/var(--tw-text-opacity, 1))
        }

        .wrapper-rounded[data-v-fd28e93b] .dp__input:focus,
        .wrapper-rounded[data-v-fd28e93b] input:not([type=checkbox]):not([type=radio]):not(.vs__search):not(.dp__input):not(.not-wrapped):focus,
        .wrapper-rounded[data-v-fd28e93b] textarea:focus {
            --tw-border-opacity: 1;
            border-color: rgb(236 39 116/var(--tw-border-opacity, 1));
            --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(var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
        }

        .wrapper-rounded[data-v-fd28e93b] .dp__input:disabled,
        .wrapper-rounded[data-v-fd28e93b] input:not([type=checkbox]):not([type=radio]):not(.vs__search):not(.dp__input):not(.not-wrapped):disabled,
        .wrapper-rounded[data-v-fd28e93b] textarea:disabled {
            border-color: transparent;
            --tw-bg-opacity: 1;
            background-color: rgb(242 242 242/var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: rgb(128 128 128/var(--tw-text-opacity, 1))
        }

        .wrapper-rounded[data-v-fd28e93b] .dp__input:-webkit-autofill,
        .wrapper-rounded[data-v-fd28e93b] .dp__input:-webkit-autofill:focus,
        .wrapper-rounded[data-v-fd28e93b] .dp__input:-webkit-autofill:hover,
        .wrapper-rounded[data-v-fd28e93b] input:not([type=checkbox]):not([type=radio]):not(.vs__search):not(.dp__input):not(.not-wrapped):-webkit-autofill,
        .wrapper-rounded[data-v-fd28e93b] input:not([type=checkbox]):not([type=radio]):not(.vs__search):not(.dp__input):not(.not-wrapped):-webkit-autofill:focus,
        .wrapper-rounded[data-v-fd28e93b] input:not([type=checkbox]):not([type=radio]):not(.vs__search):not(.dp__input):not(.not-wrapped):-webkit-autofill:hover,
        .wrapper-rounded[data-v-fd28e93b] textarea:-webkit-autofill,
        .wrapper-rounded[data-v-fd28e93b] textarea:-webkit-autofill:focus,
        .wrapper-rounded[data-v-fd28e93b] textarea:-webkit-autofill:hover {
            -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
            -webkit-text-fill-color: #000 !important;
            outline: none
        }

        .wrapper-rounded[data-v-fd28e93b] textarea {
            border-radius: .5rem
        }

        .wrapper-rounded.error[data-v-fd28e93b] .dp__input,
        .wrapper-rounded.error[data-v-fd28e93b] input:not([type=checkbox]):not([type=radio]):not(.vs__search):not(.dp__input):not(.not-wrapped),
        .wrapper-rounded.error[data-v-fd28e93b] textarea {
            --tw-border-opacity: 1;
            border-color: rgb(0 170 0/var(--tw-border-opacity, 1));
            --tw-bg-opacity: 1;
            background-color: rgb(253 227 228/var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: rgb(202 45 51/var(--tw-text-opacity, 1))
        }

        .wrapper-rounded.error[data-v-fd28e93b] .not-wrapped:-webkit-autofill,
        .wrapper-rounded.error[data-v-fd28e93b] .not-wrapped:-webkit-autofill:focus,
        .wrapper-rounded.error[data-v-fd28e93b] .not-wrapped:-webkit-autofill:hover {
            -webkit-box-shadow: inset 0 0 0 1000px #2156f2 !important;
            outline: none
        }
        
        
              .border-b-6[data-v-f6f73e9b] {
            border-bottom-width: 6px
        }
        
        
        .modal-full[data-v-a459e78e] {
            padding-left: 0 !important;
            padding-right: 0 !important;
            z-index: 1
        }

        .modal-full[data-v-a459e78e]>* {
            height: 100%;
            justify-content: center;
            max-width: 100%
        }
        
        
        .menu.router-link-active[data-v-7aa7f30f],
        .menu.router-link-exact-active[data-v-7aa7f30f] {
            --tw-text-opacity: 1;
            color: rgb(236 39 116/var(--tw-text-opacity, 1))
        }

        .submenu.router-link-active[data-v-7aa7f30f],
        .submenu.router-link-exact-active[data-v-7aa7f30f] {
            --tw-bg-opacity: 1;
            background-color: rgb(253 232 240/var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: rgb(236 39 116/var(--tw-text-opacity, 1))
        }
        
        
        
        .custom-scroll[data-v-57341a5c]::-webkit-scrollbar {
            width: 5px
        }

        .custom-scroll[data-v-57341a5c]::-webkit-scrollbar-track {
            background: #eaeaea;
            border-radius: 10px
        }

        .custom-scroll[data-v-57341a5c]::-webkit-scrollbar-thumb {
            background: #cdcdcd;
            border-radius: 10px
        }
        
        
        
        .count-icon {
            align-items: center;
            border-radius: 9999px;
            display: flex;
            height: 16px;
            justify-content: center;
            width: 16px;
            --tw-bg-opacity: 1;
            background-color: rgb(0 170 0/var(--tw-bg-opacity, 1));
            font-size: 9px;
            --tw-text-opacity: 1;
            color: rgb(255 255 255/var(--tw-text-opacity, 1))
        }
        
        
        .link-footer[data-v-6f6249f3] {
            --tw-text-opacity: 1;
            color: rgb(37 37 37/var(--tw-text-opacity, 1))
        }

        .link-footer[data-v-6f6249f3]:hover {
            opacity: .8
        }
        
        
        

        .faq-section {
            max-width: 1166px;
            margin: 60px auto;
            padding: 50px 30px;
            position: relative;
            background: rgb(23, 33, 58);
            backdrop-filter: blur(20px);
            border-radius: 25px;
            border: 1px solid rgb(245, 181, 27);
            font-family: "Poppins", sans-serif;
            box-shadow: 0 0 20px rgba(201, 20, 42, 0.26);
            overflow: hidden;
        }

        /* Decorative Glow Element */
        .faq-section::before {
            content: "";
            position: absolute;
            top: -50px;
            left: 50%;
            transform: translateX(-50%);
            width: 60%;
            height: 100px;
            background: radial-gradient(circle, rgba(240, 43, 61, 0.4) 0%, transparent 90%);
            filter: blur(40px);
            z-index: 0;
            pointer-events: none;
        }

        .faq-section h2 {
            text-align: center;
            font-size: 38px;
            font-weight: 800;
            margin-bottom: 50px;
            color: #F5B51B;
            text-transform: uppercase;
            letter-spacing: 2px;
            position: relative;
            z-index: 1;
            background: linear-gradient(to right, #F5B51B, #F02B3D, #F5B51B);
            background-clip: text;
            -webkit-text-fill-color: transparent;
            background-size: 200% auto;
            animation: shine 5s linear infinite;
        }

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

        .faq-container {
            display: flex;
            flex-direction: column;
            gap: 20px;
            position: relative;
            z-index: 1;
        }

        .faq-item {
            background: rgba(8, 11, 20, 0.45);
            border: 1px solid rgb(155, 16, 35);
            border-radius: 16px;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            overflow: hidden;
        }

        .faq-item:hover {
            border-color: #F5B51B;
            background: rgba(201, 20, 42, 0.08);
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgb(8, 11, 20);
        }

        .faq-item.active {
            background: linear-gradient(145deg, #C9142A, #670C1A);
            border-color: #F5B51B;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
        }

        .faq-question {
            width: 100%;
            padding: 25px 30px;
            background: transparent;
            color: #FFFFFF;
            font-size: 18px;
            font-weight: 600;
            text-align: left;
            border: none;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-family: "Poppins", sans-serif;
            transition: color 0.3s ease;
        }

        .faq-item.active .faq-question {
            color: #FFFFFF;
        }

        .icon-wrapper {
            position: relative;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .icon-bar {
            position: absolute;
            background-color: #F5B51B;
            border-radius: 2px;
            transition: all 0.4s ease;
        }

        .icon-bar.horizontal {
            width: 100%;
            height: 3px;
        }

        .icon-bar.vertical {
            width: 3px;
            height: 100%;
        }

        .faq-item.active .icon-bar.vertical {
            transform: rotate(90deg);
            opacity: 0;
        }

        .faq-item.active .icon-bar.horizontal {
            transform: rotate(180deg);
        }

        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
            padding: 0 30px;
            opacity: 0;
        }

        .faq-item.active .faq-answer {
            max-height: 500px;
            /* Adjust if content is longer */
            padding-bottom: 30px;
            opacity: 1;
            transition: all 0.5s ease-in-out;
        }

        .faq-answer p {
            color: #E8EAF0;
            font-size: 15px;
            line-height: 1.8;
            margin: 0;
            padding-top: 10px;
            border-top: 1px dashed rgba(245, 181, 27, 0.1);
        }

        @media (max-width: 768px) {
            .faq-section {
                padding: 30px 15px;
                margin: 30px 10px;
            }

            .faq-section h2 {
                font-size: 26px;
            }

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

            .faq-answer {
                padding: 0 20px;
            }
        }



        .Kaisar303 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            font-weight: 700;
        }

        .Kaisar303 a {
            text-align: center;
        }

        .login,
        .register {
            color: #ffffff;
            padding: 13px 10px;
        }

        .login,
        .login-button {
            border: 1px solid #F5B51B;
            background: linear-gradient(to bottom, #F02B3D 0, #C9142A 100%);
            border: 1px solid #F5B51B;
        }

        .register,
        .register-button {
            background: linear-gradient(to bottom, #F5B51B 0, #C98A0A 100%);
            border: 1px solid #F5B51B;
        }
        
        
        <style>
    body {
        background: #ffeded;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        background-color: #ffeded;
        min-height: 100vh;
        margin: 0;
    }
    
    
      /* GRID WRAPPER */
                                    .Kaisar303-info-grid {
                                        display: grid;
                                        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
                                        gap: 18px;
                                        margin: 30px auto;
                                        max-width: 780px;
                                    }

                                    /* CARD */
                                    .info-card {
                                        background: linear-gradient(145deg, rgba(20, 30, 45, 0.85), rgba(5, 10, 20, 0.85));
                                        padding: 22px;
                                        border-radius: 16px;
                                        border: 1px solid rgba(255, 238, 0, 0.25);
                                        box-shadow: 0 0 18px rgba(0, 17, 255, 0.15);
                                        backdrop-filter: blur(6px);
                                        transition: 0.3s ease;
                                        position: relative;
                                        overflow: hidden;
                                    }

                                    /* HOVER ANIMASI */
                                    .info-card:hover {
                                        transform: translateY(-6px);
                                        box-shadow: 0 0 25px rgba(251, 255, 0, 0.45);
                                        border-color: #2156f2;
                                    }

                                    /* TITLE */
                                    .info-card-title {
                                        font-size: 15px;
                                        font-weight: 600;
                                        color: #2156f2;
                                        margin-bottom: 8px;
                                        letter-spacing: 0.5px;
                                    }

                                    /* VALUE */
                                    .info-card-value {
                                        font-size: 18px;
                                        font-weight: 700;
                                        color: #ffffff;
                                    }

                                    /* NEON CORNER EFFECT */
                                    .info-card::before {
                                        content: "";
                                        position: absolute;
                                        top: -2px;
                                        left: -2px;
                                        width: 0;
                                        height: 0;
                                        border-top: 30px solid #2156f2;
                                        border-right: 30px solid transparent;
                                        opacity: 0.45;
                                    }

                                    .info-card::after {
                                        content: "";
                                        position: absolute;
                                        bottom: -2px;
                                        right: -2px;
                                        width: 0;
                                        height: 0;
                                        border-bottom: 30px solid #2156f2;
                                        border-left: 30px solid transparent;
                                        opacity: 0.45;
                                    }
                                    
                                    
    .title-box-neon {
        max-width: 750px;
        margin: 25px auto;
        padding: 14px 25px;
        text-align: center;
        background: linear-gradient(to bottom, #17213A 0%, #080B14 100%);
        border: 3px solid rgba(245, 181, 27, 0.2);
        border-radius: 14px;
        box-shadow:
            0 0 12px rgba(0, 0, 0, 0.5),
            0 0 25px rgba(240, 43, 61, 0.2) inset;
        backdrop-filter: blur(8px);
        animation: neonPulse 2.8s infinite linear;
    }
    
    
    
    article {
        max-width: 1166px;
        margin: 40px auto;
        background: #17213A;
        color: #FFFFFF;
        font-family: "Poppins", Arial, sans-serif;
        padding: 35px;
        border-radius: 16px;
        box-shadow: 0 0 25px rgba(240, 43, 61, 0.15);
        line-height: 1.8;
    }

    article h1 {
        color: #F5B51B;
        font-size: 2rem;
        text-align: center;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    article p[itemprop="description"] {
        text-align: center;
        font-size: 1.05rem;
        color: #E8EAF0;
        margin-bottom: 30px;
    }

    article h2 {
        color: #F5B51B;
        margin-top: 25px;
        font-size: 1.4rem;
        border-left: 5px solid #C9142A;
        padding-left: 10px;
    }

    article p {
        color: #E0E4ED;
        margin: 10px 0;
    }

    article ul,
    article ol {
        margin-left: 25px;
        margin-bottom: 15px;
    }

    article ul li,
    article ol li {
        margin: 8px 0;
        color: #F3F3F3;
    }

    article strong {
        color: #F5B51B;
    }

    article em {
        color: #F02B3D;
        font-style: normal;
    }

    /* Hover effect */
    article a {
        color: #F5B51B;
        text-decoration: none;
        border-bottom: 1px dashed #F5B51B;
        transition: color 0.3s;
    }

    article a:hover {
        color: #FFFFFF;
    }

    /* Highlight box */
    section#bonus,
    section#keunggulan {
        background: rgba(8, 11, 20, 0.45);
        padding: 20px;
        border-radius: 10px;
        margin-top: 25px;
        border-left: 4px solid #C9142A;
    }

    /* Responsive */
    @media (max-width: 768px) {
        article {
            padding: 20px;
        }

        article h1 {
            font-size: 1.6rem;
        }
    }
    
    
    /* === FOOTER KAISAR303 TEMA NEON === */
    .Kaisar303-fixed-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        gap: 8px;
        padding: 12px 0;
        background: linear-gradient(180deg, #17213A 0%, #080B14 100%);
        border-top: 2px solid rgba(245, 181, 27, 0.5);
        box-shadow: 0 -3px 18px rgb(201 20 42),
                    inset 0 0 12px rgb(201 20 42);
        border-radius: 20px 20px 0 0;
        font-family: "Poppins", "Segoe UI", sans-serif;
        color: #FFFFFF;
    }

    /* === Tombol Footer === */
    .Kaisar303-fixed-footer a {
        flex: 1;
        max-width: 90px;
        text-align: center;
        text-decoration: none;
        color: rgb(245 181 27);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
        font-size: 13px;
        font-weight: 600;
        text-shadow: 0 0 6px rgb(201 20 42), 0 0 12px rgb(201 20 42);
        transition: all 0.25s ease-in-out;
    }

    /* Hover efek */
    .Kaisar303-fixed-footer a:hover {
        color: #FFFFFF;
        transform: translateY(-6px) scale(1.1);
        text-shadow: 0 0 10px rgb(245 181 27), 0 0 15px rgb(245 181 27), 0 0 20px rgb(245 181 27);
    }

    /* === Ikon tombol === */
    .Kaisar303-fixed-footer img {
        width: 26px;
        height: 26px;
        filter: drop-shadow(0 0 5px rgb(245 181 27));
        transition: transform 0.3s ease, filter 0.3s ease;
    }

    .Kaisar303-fixed-footer a:hover img {
        transform: scale(1.25);
        filter: drop-shadow(0 0 10px rgb(245 181 27)) drop-shadow(0 0 10px rgb(245 181 27));
    }

    /* === Tombol Tengah (Spesial: Daftar) === */
    .Kaisar303-fixed-footer .tada {
        background: radial-gradient(circle, rgba(240, 43, 61, 0.2) 0%, transparent 70%);
        border-radius: 50%;
        padding: 8px;
        transform: scale(1.2);
        animation: neonGlow 2.5s infinite alternate;
    }

    @keyframes neonGlow {
        0% {
            box-shadow: 0 0 6px rgb(201 20 42), 0 0 12px rgb(201 20 42);
        }
        25% {
            box-shadow: 0 0 12px rgb(201 20 42), 0 0 20px rgb(201 20 42);
        }
        50% {
            box-shadow: 0 0 14px rgb(245 181 27), 0 0 25px rgb(245 181 27);
        }
        75% {
            box-shadow: 0 0 18px rgb(245 181 27), 0 0 30px rgb(245 181 27);
        }
        100% {
            box-shadow: 0 0 6px rgb(201 20 42), 0 0 12px rgb(201 20 42);
        }
    }

    /* Klik efek */
    .Kaisar303-fixed-footer a:active {
        transform: scale(0.95);
        opacity: 0.85;
    }

    /* === Responsif untuk layar kecil === */
    @media (max-width: 500px) {
        .Kaisar303-fixed-footer {
            padding: 8px 0;
            border-radius: 16px 16px 0 0;
        }

        .Kaisar303-fixed-footer a {
            font-size: 11px;
        }

        .Kaisar303-fixed-footer img {
            width: 22px;
            height: 22px;
        }
    }