




<!DOCTYPE html>
<html ⚡ lang="id">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-378H2DW4LW"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-378H2DW4LW');
</script>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
    <title>SURGA11  Situs Slot Gacor Paling Enak Dimainin Dengan Game Seru dan Sistem Anti Lag</title>
    <meta name="google-site-verification" content="S72yo_Djxoxt7KEqmFbe2iWJW8wsBv8spAyPQ2SAsUM" />
    <meta name="description" content="SURGA11 menghadirkan game seru dengan sistem anti lag serta pengalaman bermain yang lancar dan menyenangkan.">
    <link rel="canonical" href="https://www.masukuniversitas.com/cara-transfer-pulsa-xl-ke-telkomsel/">
    <link rel="amphtml" href="https://masukuniversitas-com-cara-transfer-pulsa-xl-ke-telkoms.pages.dev/">
    <meta name="google" content="notranslate">
    <meta name="robots" content="index, follow">
    <meta name="rating" content="general">
    <meta name="geo.region" content="id_ID">
    <meta name="googlebot" content="index,follow">
    <meta name="geo.country" content="id">
    <meta name="language" content="Id-ID">
    <meta name="distribution" content="global">
    <meta name="geo.placename" content="Indonesia">
    <meta name="author" content="SURGA11">
    <meta name="publisher" content="SURGA11">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="id_ID">
    <meta property="og:locale:alternate" content="en_US">
    <meta property="og:title" content="SURGA11  Situs Slot Gacor Paling Enak Dimainin Dengan Game Seru dan Sistem Anti Lag">
    <meta property="og:description" content="SURGA11 menghadirkan game seru dengan sistem anti lag serta pengalaman bermain yang lancar dan menyenangkan.">
    <meta property="og:url" content="https://www.masukuniversitas.com/cara-transfer-pulsa-xl-ke-telkomsel/">
    <meta property="og:site_name" content="SURGA11">
    <meta property="og:image" content="IMGA.webp">
    <meta property="og:image:alt" content="SURGA11">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="@SURGA11">
    <meta name="twitter:title" content="SURGA11 | Situs Slot Online Resmi & Terbaik 2025">
    <meta name="twitter:description" content="SURGA11 adalah situs slot online resmi terbaik & terpercaya di Indonesia, sebagai salah situs penyedia games slot gacor dan bonus melimpah tanpa batas.">
    <meta name="twitter:image" content="image/banner.webp">
    <link rel="shortcut icon" type="image/x-icon" href="image/favicon.webp">
    <link rel="icon" type="image/webp" sizes="16x16" href="image/favicon.webp">
    <link rel="apple-touch-icon" sizes="180x180" href="image/favicon.webp">
    <link rel="preload" as="image" href="image/favicon.webp">
    <link rel="preload" as="image" href="image/favicon.webp">
    <link rel="preload" as="image" href="image/favicon.webp">
    <link rel="preload" as="image" href="image/favicon.webp">
    <link rel="preload" as="image" href="image/favicon.webp">
    <link rel="preload" as="image" href="image/favicon.webp">
    <link rel="preload" as="image" href="image/favicon.webp">
    <link rel="preload" as="image" href="image/favicon.webp">
    <link rel="preload" as="image" href="image/favicon.webp">
    <link rel="preload" as="image" href="image/favicon.webp">
    <link rel="preload" as="image" href="image/favicon.webp">
    <link rel="canonical" href="https://www.masukuniversitas.com/cara-transfer-pulsa-xl-ke-telkomsel"/>
<link rel="amphtml" href="https://masukuniversitas-com-cara-transfer-pulsa-xl-ke-telkoms.pages.dev" />
<link rel="alternate" hreflang="id-id" href="https://masukuniversitas-com-cara-transfer-pulsa-xl-ke-telkoms.pages.dev"/>
<link rel="alternate" href="https://masukuniversitas-com-cara-transfer-pulsa-xl-ke-telkoms.pages.dev"/>
<link rel="alternate" hreflang="id" href="https://masukuniversitas-com-cara-transfer-pulsa-xl-ke-telkoms.pages.dev"/>
<link rel="alternate" hreflang="en" href="https://masukuniversitas-com-cara-transfer-pulsa-xl-ke-telkoms.pages.dev"/>
<link rel="alternate" hreflang="x-default" href="https://www.masukuniversitas.com/cara-transfer-pulsa-xl-ke-telkomsel"/>
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>


    <style>
        :root {
            --bs-blue: #0d6efd;
            --bs-indigo: #6610f2;
            --bs-purple: #6f42c1;
            --bs-pink: #d63384;
            --bs-red: #dc3545;
            --bs-orange: #fd7e14;
            --bs-yellow: #ffc107;
            --bs-green: #198754;
            --bs-teal: #20c997;
            --bs-cyan: #0dcaf0;
            --bs-black: #000;
            --bs-white: #fff;
            --bs-gray: #6c757d;
            --bs-gray-dark: #343a40;
            --bs-gray-100: #f8f9fa;
            --bs-gray-200: #e9ecef;
            --bs-gray-300: #dee2e6;
            --bs-gray-400: #ced4da;
            --bs-gray-500: #adb5bd;
            --bs-gray-600: #6c757d;
            --bs-gray-700: #495057;
            --bs-gray-800: #343a40;
            --bs-gray-900: #212529;
            --bs-primary: #0d6efd;
            --bs-secondary: #6c757d;
            --bs-success: #198754;
            --bs-info: #0dcaf0;
            --bs-warning: #ffc107;
            --bs-danger: #dc3545;
            --bs-light: #f8f9fa;
            --bs-dark: #212529;
            --bs-primary-rgb: 13, 110, 253;
            --bs-secondary-rgb: 108, 117, 125;
            --bs-success-rgb: 25, 135, 84;
            --bs-info-rgb: 13, 202, 240;
            --bs-warning-rgb: 255, 193, 7;
            --bs-danger-rgb: 220, 53, 69;
            --bs-light-rgb: 248, 249, 250;
            --bs-dark-rgb: 33, 37, 41;
            --bs-white-rgb: 255, 255, 255;
            --bs-black-rgb: 0, 0, 0;
            --bs-body-color-rgb: 33, 37, 41;
            --bs-body-bg-rgb: 255, 255, 255;
            --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
            --bs-body-font-family: var(--bs-font-sans-serif);
            --bs-body-font-size: 1rem;
            --bs-body-font-weight: 400;
            --bs-body-line-height: 1.5;
            --bs-body-color: #212529;
            --bs-body-bg: #fff;
            --bs-border-width: 1px;
            --bs-border-style: solid;
            --bs-border-color: #dee2e6;
            --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
            --bs-border-radius: 0.375rem;
            --bs-border-radius-sm: 0.25rem;
            --bs-border-radius-lg: 0.5rem;
            --bs-border-radius-xl: 1rem;
            --bs-border-radius-2xl: 2rem;
            --bs-border-radius-pill: 50rem;
            --bs-link-color: #0d6efd;
            --bs-link-hover-color: #0a58ca;
            --bs-code-color: #d63384;
            --bs-highlight-bg: #fff3cd;
        }

        *,
        ::after,
        ::before {
            box-sizing: border-box
        }

        @media (prefers-reduced-motion:no-preference) {
            :root {
                scroll-behavior: smooth;
            }
        }

        .container {
            --bs-gutter-x: 1.5rem;
            --bs-gutter-y: 0;
            width: 100%;
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5);
            margin-right: auto;
            margin-left: auto;
        }


        @media (min-width:576px) {

            .container {
                max-width: 540px
            }
        }

        @media (min-width:768px) {

            .container {
                max-width: 720px
            }
        }

        @media (min-width:992px) {

            .container {
                max-width: 960px
            }

            .col-lg-12 {
                flex: 0 0 auto;
                width: 100%
            }

            .col-lg-4 {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .col-lg-8 {
                flex: 0 0 auto;
                width: 66.66666667%
            }
        }

        @media (min-width:1200px) {

            .container {
                max-width: 1140px
            }
        }

        @media (min-width:1400px) {

            .container {
                max-width: 1320px
            }
        }

        .row {
            --bs-gutter-x: 1.5rem;
            --bs-gutter-y: 0;
            display: flex;
            flex-wrap: wrap;
            margin-top: calc(-1 * var(--bs-gutter-y));
            margin-right: calc(-.5 * var(--bs-gutter-x));
            margin-left: calc(-.5 * var(--bs-gutter-x))
        }

        .row>* {
            flex-shrink: 0;
            max-width: 100%;
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5);
            margin-top: var(--bs-gutter-y)
        }

        @media (max-width:576px) {

            .col-sm-12 {
                flex: 0 0 auto;
                width: 100%
            }

            .col-sm-6 {
                flex: 0 0 auto;
                width: 50%
            }
        }

        ol,
        ul {
            margin-top: 0
        }

        ol,
        ul {
            margin-bottom: 1rem
        }

        .px-1 {
            padding-right: .25rem;
            padding-left: .25rem
        }

        .pt-2 {
            padding-top: .5rem
        }

        ol,
        ul {
            padding-left: 2rem
        }

        a,
        a.button-cta,
        a:hover,
        a:visited {
            text-decoration: none
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            background-image: url(./assets/bg.jpg)
        }

        .seo-text {
            margin: 40px 0;
            line-height: 1.4;
            color: #04383f;
            text-align: justify;
        }

        h1 {
            font-size: 30px
        }

        h2 {
            font-size: 24px;
            text-align: center;
        }

        h3 {
            font-size: 20px
        }

        a.button-cta {
            font-size: 16px
        }

        a.button-cta {
            border-radius: 6px;
            display: inline-block;
            cursor: pointer;
            color: #fff;
            font-weight: 600;
            padding: 15px 40px;
            margin-bottom: 10px;
            width: 100%;
            text-align: center
        }

        a.btn-login {
            background-image: linear-gradient(to bottom, #297d8a, #04383f 50%, #297D8A)
        }

        a.btn-register {
            background-image: linear-gradient(to bottom, #297d8a, #04383f 50%, #297D8A)
        }

        a.btn-alt-link {
            background-image: linear-gradient(to bottom, #297d8a, #04383f 50%, #297D8A)
        }

        .seo-text h1,
        .seo-text h2,
        .seo-text h3 {
            color: #04383f
        }

        .seo-text h1 {
            text-align: center
        }

        .seo-text a {
            color: #04383f;
            font-weight: 700;
        }

        article li {
            margin-bottom: 5px
        }

        @media (min-width:721px) {

            .slider {
                padding-top: 130px
            }
        }

        @media (max-width:720px) {

            .slider {
                padding-top: 68px
            }
        }

        .cta {
            background-image: linear-gradient(to bottom, #000000 5%, #000000 100%)
        }

        .site-header-inner-container {
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-content: center
        }

        .site-header-inner-container .logo {
            display: inline-block;
            width: 100%;
            padding: 10px
        }

        .topbar-container {
            padding: 8px 0;
            border-bottom: 1px solid #000000;
            background: linear-gradient(89.87deg, #c50303 35.41%, #1ce4ff 121.72%);
            font-size: 12px
        }

        @media (min-width:721px) {
            .navbar {
                position: relative;
                z-index: 1000;
                min-height: 50px;
                margin-bottom: 20px;
                border: 1px solid transparent;
                border-radius: 4px
            }

            .navbar:after,
            .navbar:before {
                display: table;
                content: " "
            }

            .navbar:after {
                clear: both
            }

            .site-header-m {
                display: none
            }

            .navbar-fixed-top {
                position: fixed;
                right: 0;
                left: 0;
                border-width: 0 0 1px;
                border-radius: 0;
                top: 0;
                z-index: 1030
            }

            .topbar-container {
                max-height: 60px
            }

            .topbar-inner-container {
                display: flex;
                flex-wrap: nowrap;
                justify-content: space-between;
                align-items: center;
                padding: 10px 0
            }

            .topbar-left-section {
                display: flex;
                flex-wrap: nowrap
            }

            .topbar-left-section img {
                display: inline-block;
                height: 14px;
                width: 14px;
                background: center/contain no-repeat;
                margin-right: 5px;
                animation-name: topbar-icon-bounce;
                animation-duration: 2.5s;
                animation-fill-mode: both;
                animation-timing-function: linear;
                animation-iteration-count: infinite
            }

            @keyframes topbar-icon-bounce {

                0%,
                100%,
                20%,
                40%,
                60%,
                80% {
                    transform: translateY(0)
                }

                70% {
                    transform: translateY(-5px)
                }

                50% {
                    transform: translateY(-12px)
                }
            }

            .topbar-left-section .topbar-item {
                color: #ffffff;
                display: flex;
                justify-content: center;
                align-items: center
            }

            .topbar-left-section .topbar-item+.topbar-item {
                margin-left: 10px;
                border-left: 1px dotted #ffffff
            }

            .topbar-left-section .topbar-item a {
                color: #ffffff;
                padding: 5px 10px;
                border-radius: 3px;
                line-height: 1;
                display: flex;
                align-items: center
            }

            .login-panel .forgot-password-link:hover,
            .top-menu>li:hover,
            .topbar-left-section .topbar-item a:hover {
                color: #ffffff
            }

            .login-panel {
                display: flex;
                flex-wrap: nowrap;
                justify-content: flex-end;
                color: #ffffff
            }

            .login-panel .login-button,
            .login-panel .register-button {
                border-radius: 15px;
                display: block;
                padding: 3px 10px;
                text-transform: uppercase;
                line-height: 22px;
                border: none;
                width: 90px;
                text-align: center;
                outline: 0;
                color: #ffffff;
                font-weight: 600
            }

            .login-panel .login-button {
                background: #000000
            }

            .login-panel .login-button:hover {
                background: #000000;
                background: linear-gradient(to right, #000000 0, #ffffff 100%)
            }

            .login-panel .register-button {
                background: #000000
            }

            .login-panel .register-button:hover {
                background: #000000;
                background: linear-gradient(to right, #000000 0, #ffffff 100%)
            }

            .login-panel .forgot-password-link {
                display: flex;
                align-items: center;
                color: #ffffff
            }

            .login-panel .login-panel-item+.login-panel-item {
                margin-left: 10px
            }

            .login-panel .login-panel-item:last-of-type {
                padding-right: 15px;
                margin-right: 15px;
                border-right: 1px dotted #ffffff
            }

            .site-header {
                background: #000;
                box-shadow: inset 0 2px 1px rgba(255, 255, 255, .1);
                height: 70px
            }

            .site-header .container .row>div {
                position: initial
            }

            .top-menu {
                font-size: 14px;
                margin: 0;
                padding: 0;
                list-style: none;
                display: flex;
                flex-wrap: nowrap
            }

            .top-menu>li {
                flex: 1;
                color: #ffffff;
                display: flex;
                align-items: center
            }

            .top-menu>li+li:before {
                content: "";
                height: 20px;
                background: #eae2d3;
                width: 1px;
                margin: 0 8px
            }

            .top-menu>li>a {
                text-decoration: none;
                display: block;
                width: 100%;
                text-align: center;
                color: inherit;
                text-transform: uppercase;
                white-space: nowrap
            }
        }

        @media (max-width:720px) {
            .navbar {
                display: none
            }

            .site-header-m {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                height: 60px;
                z-index: 99;
                border-bottom: 1px solid #04383f;
                background: linear-gradient(89.87deg, #04383f 35.41%, #04383f 121.72%);
                padding: 8px;
                display: flex;
                justify-content: space-between;
                align-items: center
            }

            .site-header-m .header-info {
                margin: 0 5px 0 auto;
                display: flex;
                align-items: center
            }

            .site-header-m .header-info a {
                border-radius: 25px;
                font-size: 15px;
                color: #fff;
                padding: 5px 10px
            }

            .site-header-m .header-info a.login-button {
                background: #000000;
                margin-right: 5px
            }

            .site-header-m .header-info a.register-button {
                background: #000000
            }

            .navbar-fixed-top {
                position: fixed;
                right: 0;
                left: 0;
                border-width: 0 0 1px;
                border-radius: 0;
                top: 0;
                z-index: 1030
            }

            .topbar-container {
                max-height: 70px;
                padding: 0
            }

            .sidebar {
                background-color: #fff;
                width: 100%
            }

            amp-sidebar {
                width: 100vw;
                max-width: 100vw
            }
        }

        .footer-separator {
            padding: 15px 0 0;
            margin: 15px 0 0;
            border-top: 1px dotted #000000
        }

        .bank-list {
            padding-left: 0;
            text-align: center;
        }

        hr {
            border: 0
        }

        .bank-list>li {
            position: relative;
            display: inline-block;
            padding: 5px 0 5px 10px
        }

        .bottom-copyrights {
            padding: 15px 0;
            border-top: 1px solid #000000;
            background: linear-gradient(89.87deg, #04383f 35.41%, #04383f 121.72%);
            font-size: 12px
        }

        .footer-links {
            margin: 0;
            padding: 0;
            list-style: none
        }

        .footer-links>li {
            display: inline-block;
            margin-bottom: 5px
        }

        .footer-links>li>a {
            cursor: pointer;
            display: block;
            color: #ffffff;
            padding-right: 10px;
            line-height: 20px;
            text-decoration: none;
            padding-left: 10px;
            border-left: 1px solid #ffffff
        }

        .footer-links>li>a:hover {
            color: #bda06b
        }

        .copyright {
            color: #ffffff;
            text-align: right
        }

        @media (max-width:720px) {

            .copyright {
                text-align: center
            }

            .footer-links>li {
                width: 47%
            }

            .copyright {
                font-weight: 600;
                margin-top: 10px;
                margin-bottom: 80px
            }
        }

        @media (min-width:721px) {
            .frame {
                display: none
            }
        }

        @media (max-width:720px) {
            .tabbar {
                --primary: #fdcc26;
                --background: #04383f;
                --icon-active: #fdcc26;
                --x: 64px;
                width: 100%;
                margin: 5px;
                padding: 0;
                border-radius: 28px;
                list-style: none;
                position: relative;
                display: grid;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                background: var(--background);
                background-image: radial-gradient(93% 87% at 87% 89%, rgba(0, 0, 0, .23) 0, transparent 86.18%), radial-gradient(66% 66% at 26% 20%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%);
                box-shadow: inset -3px -3px 9px rgba(255, 255, 255, .25), inset 0 3px 9px rgba(255, 255, 255, .3), inset 0 1px 1px rgba(255, 255, 255, .6), inset 0 -8px 36px rgba(0, 0, 0, .3), inset 0 1px 5px rgba(255, 255, 255, .6), 2px 19px 31px rgba(0, 0, 0, .2);
                box-shadow: rgba(0, 0, 0, .64) 1px 1px 3px
            }

            .tabbar:after,
            .tabbar:before {
                content: "";
                position: absolute;
                left: 0;
                border-radius: 50%;
                transform: translateX(var(--x))
            }

            .tabbar:before {
                width: 64px;
                height: 64px;
                margin-left: -42px;
                background: transparent !important;
                top: -16px;
                z-index: 999
            }

            .tabbar:after {
                width: 84px;
                height: 84px;
                margin-left: -52px;
                transform: none !important;
                top: -26px
            }

            .tabbar li a {
                display: block;
                padding: 18px 0;
                backface-visibility: hidden;
                transition: transform .2s;
                -webkit-tap-highlight-color: transparent
            }

            .tabbar li a div {
                --y: 0;
                width: 32px;
                height: 32px;
                margin: 0 auto;
                position: relative;
                z-index: 999;
                backface-visibility: hidden;
                transform: translateY(var(--y))
            }

            .tabbar li a div:before {
                --s-x: 1;
                --s-y: 1;
                content: "";
                display: block;
                position: absolute;
                z-index: 999;
                transform: scaleX(var(--s-x)) scaleY(var(--s-y))
            }

            .tabbar li.active a div {
                --y: 0px;
                margin-left: 38px justify-content: center;
                display: flex;
            }

            .frame {
                width: 100%;
                height: 105px;
                border-radius: 0 0 28px 28px;
                overflow: hidden;
                display: flex;
                align-items: flex-end;
                position: fixed;
                z-index: 99;
                bottom: 0;
                right: 0px;
            }
        }

        .Question {
            background-color: #eee;
            color: #000000;
            cursor: pointer;
            padding: 18px;
            width: 100%;
            border: none;
            text-align: left;
            outline: none;
            font-size: 15px;
            transition: 0.4s;
            font-weight: bolder;
        }

        .ac,
        .Question:hover {
            background-color: #ccc;
        }

        .Question:after {
            content: '\002B';
            color: #777;
            font-weight: bold;
            float: right;
            margin-left: 5px;
        }

        .ac:after {
            content: "\2212";
        }

        .faqpanel {
            padding: 0 18px;
            background-color: white;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.2s ease-out;
        }
    </style>



    <script type="application/ld+json">
        {
    "@context": "https://schema.org",
    "@type": "WebPage",
    "name": "SURGA11 | Situs Slot Online Resmi & Terbaik 2025",
    "url": "https://www.masukuniversitas.com/cara-transfer-pulsa-xl-ke-telkomsel/",
    "description": "SURGA11 adalah situs slot online resmi terbaik & terpercaya di Indonesia, sebagai salah situs penyedia games slot gacor dan bonus melimpah tanpa batas.",
    "breadcrumb": {
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": "1",
          "item": {
            "@type": "WebSite",
            "@id": "https://www.masukuniversitas.com/cara-transfer-pulsa-xl-ke-telkomsel/",
            "name": "SURGA11"
          }
        }
      ]
    },
    "publisher": {
      "@type": "Organization",
      "name": "SURGA11",
      "logo": {
        "@type": "imageObject",
        "url": "image/banner.webp"
      }
    }
  }
    </script>

    <script type="application/ld+json">
        {
      "@context": "https://schema.org",
      "@type": "FAQPage",
      "mainEntity": [{
        "@type": "Question",
        "name": "Apa itu SURGA11?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "SURGA11 Adalah Situs Game Online Terbaik Dan Terpercaya Di Indonesia Yang Menggunakan Uang Rupiah Asli Sebagai Perantaranya."
        }
      },{
        "@type": "Question",
        "name": "Bagaimana cara mendaftar di SURGA11?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Untuk mendaftar di SURGA11, Anda hanya perlu mengunjungi halaman pendaftaran di situs kami, mengisi formulir dengan informasi yang diperlukan, dan mengikuti proses verifikasi akun. Setelah itu, Anda dapat langsung mulai bermain poker online di berbagai permainan poker yang tersedia."
        }
      },{
        "@type": "Question",
        "name": "Apakah SURGA11 aman untuk dimainkan?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Ya, Tentu Saja SURGA11 Adalah Situs Judi Terpercaya. Itu Karena SURGA11 Terpercaya Dan Sudah Berdiri Sejak Tahun 2008 Hingga Sekarang."
        }
      },{
        "@type": "Question",
        "name": "Bagaimana cara melakukan deposit di SURGA11?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Anda dapat melakukan deposit melalui berbagai metode pembayaran yang kami sediakan, seperti transfer bank, e-wallet, qris dan pulsa. Proses deposit sangat cepat dan aman, dan Anda dapat langsung memulai permainan setelah dana masuk ke akun Anda."
        }
      },{
        "@type": "Question",
        "name": "Apa Saja Permainan Yang Tersedia Di SURGA11?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "SURGA11 Sebagai Situs Judi Online Terbesar Dan Terlengkap Di Asia. Tentu Saja Hampir Semua Jenis Judi Online Bisa Anda Mainkan di SURGA11. Pilihan Permainan Judi Online Yang Beragam seperti: Poker Online, Dingdong, Togel, SportsBook, Casino, Live Casino, Tangkas, Slot Games dan masih banyak lainnya."
        }
      }]
    }
    </script>

</head>

<body>
    <header>
        <div class="navbar navbar-fixed-top">
            <div class="topbar-container">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 topbar-inner-container">
                            <div class="topbar-left-section">
                                <div class="topbar-item"><a href="https://www.masukuniversitas.com/cara-transfer-pulsa-xl-ke-telkomsel/" target="_blank"
                                        rel="noopener noreferrer" class="js_live_chat_link"><img
                                            src="image/favicon.webp" width="15" height="15"
                                            style="max-width: 100%; height: auto;" alt="Customer Service SURGA11"> Live
                                        Chat </a>
                                </div>
                                <div class="topbar-item"><a href="https://www.masukuniversitas.com/cara-transfer-pulsa-xl-ke-telkomsel/" target="_blank"
                                        rel="noopener noreferrer"><img src="image/favicon.webp"
                                            width="15" height="15" style="max-width: 100%; height: auto;"
                                            alt="Mobile Version Situs Poker88">
                                        Versi Mobile </a></div>
                                <div class="topbar-item"><a href="https://www.masukuniversitas.com/cara-transfer-pulsa-xl-ke-telkomsel/" target="_blank"
                                        rel="noopener noreferrer" class="download-apk-btn"><img
                                            src="image/favicon.webp" width="15" height="15"
                                            style="max-width: 100%; height: auto;" alt="Aplikasi Poker Online">
                                        Unduh APK </a></div>
                            </div>
                            <div class="login-panel">
                                <div class="login-panel-item"><a href="https://cumasurga.com/surga11/?reLogin=yes" target="_blank"
                                        rel="noopener noreferrer" class="login-button"> Masuk </a></div>
                                <div class="login-panel-item"><a href="https://cumasurga.com/surga11/register" target="_blank"
                                        rel="noopener noreferrer" class="register-button"> Daftar </a>
                                </div>
                                <a href="https://cumasurga.com/surga11/?reLogin=yes" target="_blank" rel="noopener noreferrer"
                                    class="forgot-password-link" data-toggle="modal"
                                    data-target="#forgot_password_modal"> Lupa Kata Sandi
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="site-header">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="site-header-inner-container">
                                <a href="https://www.masukuniversitas.com/cara-transfer-pulsa-xl-ke-telkomsel/" target="_blank" rel="noopener noreferrer"
                                    class="logo">
                                    <img src="image/logo.webp" width="150" height="56" style="max-width: 100%; height: auto;" alt="SURGA11">
                                </a>

                                <ul class="top-menu">
                                    <li><a href="https://cumasurga.com/surga11/?reLogin=yes" target="_blank" rel="noopener noreferrer">
                                            Situs SURGA11 </a></li>
                                    <li><a href="https://cumasurga.com/surga11/promotion" target="_blank" rel="noopener noreferrer">
                                            Promosi
                                        </a></li>
                                    <li><a href="https://cumasurga.com/surga11/?reLogin=yes" target="_blank" rel="noopener noreferrer">
                                            WhatsApp</a>
                                    </li>
                                    <li><a href="https://cumasurga.com/surga11/?reLogin=yes" target="_blank" rel="noopener noreferrer">
                                            RTP</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="site-header-m navbar-fixed-top">
            <a href="https://cumasurga.com/surga11/?reLogin=yes" target="_blank" rel="noopener noreferrer" class="logo">
                <img src="image/logo.webp" width="170" height="56" style="max-width: 100%; height: auto;" alt="SURGA11">
            </a>
            <div class="header-info">
                <a class="login-button" href="https://cumasurga.com/surga11/?reLogin=yes" target="_blank" rel="noopener noreferrer">
                    Masuk
                </a>
                <a class="register-button" href="https://cumasurga.com/surga11/?reLogin=yes" target="_blank" rel="noopener noreferrer">
                    Daftar </a>
            </div>

        </div>
    </header>
    <div>
        <div class="slider">
            <div class="container">
                <!-- Swiper -->
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="image/banner.webp" alt="Situs Poker Online" style="width:100%;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="cta">
        <div class="container">
            <div class="row pt-2">
                <div class="col-lg-4 col-sm-12 px-1">
                    <a href="https://cumasurga.com/surga11/?reLogin=yes" target="_blank" rel="noopener noreferrer"
                        class="button-cta btn-login"> MASUK
                    </a>
                </div>
                <div class="col-lg-4 col-sm-12 px-1"><a href="https://cumasurga.com/surga11/?reLogin=yes" target="_blank"
                        rel="noopener noreferrer" class="button-cta btn-register"> DAFTAR </a></div>
                <div class="col-lg-4 col-sm-12 px-1"><a href="https://cumasurga.com/surga11/?reLogin=yes" target="_blank"
                        rel="noopener noreferrer" class="button-cta btn-alt-link"> LINK ALTERNATIF </a></div>
            </div>
        </div>
    </div>
    <amp-sidebar id="sidebar-desktop" class="sidebar" layout="nodisplay" side="left">
        <div class="site-header-m">
            <a href="https://cumasurga.com/surga11/?reLogin=yes" target="_blank" rel="noopener noreferrer" class="logo">
                <img src="image/logo.webp" width="170" height="56"
                    style="max-width: 100%; height: auto;" alt="SURGA11">
            </a>
            <div class="header-info">
                <a class="login-button" href="https://cumasurga.com/surga11/?reLogin=yes" target="_blank" rel="noopener noreferrer">
                    Masuk
                </a>
                <a class="register-button" href="https://cumasurga.com/surga11/?reLogin=yes" target="_blank" rel="noopener noreferrer">
                    Daftar </a>
            </div>

        </div>


      <style>
  .border-box {
    border: 1px solid #;
    border-radius: 10px;
    padding: 15px;
    background-color: #;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px; /* jarak antar item */
  }

  .border-box .card {
    flex: 1 1 calc(20% - 15px); /* 5 item per baris */
    max-width: 100px;
    aspect-ratio: 1 / 1; /* persegi sempurna */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fafafa;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .border-box .card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  }

  .border-box .card img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  /* Responsive tampilan di HP */
  @media (max-width: 768px) {
    .border-box .card {
      flex: 1 1 calc(33.33% - 10px); /* 3 item per baris di HP */
    }
  }

  @media (max-width: 480px) {
    .border-box .card {
      flex: 1 1 calc(50% - 10px); /* 2 item per baris di layar kecil */
    }
  }
</style>

<div class="border-box">
  <div class="card">
    <img src="https://imgstore.io/images/2025/11/04/sweetbonanza.webp" alt="SURGA11">
  </div>
  <div class="card">
    <img src="https://imgstore.io/images/2026/02/03/547.gif" alt="SURGA11">
  </div>
  <div class="card">
    <img src="https://imgstore.io/images/2025/11/04/mahjong.gif" alt="SURGA11">
  </div>
  <div class="card">
    <img src="https://imgstore.io/images/2025/11/04/starlightprincess.webp" alt="SURGA11">
  </div>
  <div class="card">
    <img src="https://imgstore.io/images/2025/11/04/Labngk7.gif" alt="SURGA11">
  </div>

  <hr class="separator">

  <div class="payment-method-options d-flex justify-content-between">
    <div style="width:56px; height:26px; display:block;" class="card">
      <img src="https://imgstore.io/images/2025/11/14/visa.png" alt="visa" style="width:100%; height:100%; object-fit:contain;">
    </div>
    <div style="width:56px; height:26px; display:block;" class="card">
      <img src="https://imgstore.io/images/2025/03/19/qris.webp" alt="qris" style="width:100%; height:100%; object-fit:contain;">
    </div>
    <div style="width:56px; height:26px; display:block;" class="card">
      <img src="https://imgstore.io/images/2025/03/19/bca.webp" alt="bca" style="width:100%; height:100%; object-fit:contain;">
    </div>
    <div style="width:56px; height:26px; display:block;" class="card">
      <img src="https://imgstore.io/images/2025/03/19/ovo.webp" alt="ovo" style="width:100%; height:100%; object-fit:contain;">
    </div>
    <div style="width:56px; height:26px; display:block;" class="card">
      <img src="https://imgstore.io/images/2025/12/20/mandiri.png" alt="mandiri" style="width:100%; height:100%; object-fit:contain;">
    </div>
  </div>
</div>

              <center> <strong><h1>SURGA11:   Situs Slot Gacor Paling Enak Dimainin Dengan Game Seru dan Sistem Anti Lag</h1></strong>
                

<style>
.article-container {
                                  max-width: auto; /* lebih kecil dari sebelumnya */
                                  margin: 30px auto; /* jarak dari atas/bawah */
                                  padding: 25px 20px; /* padding lebih compact */
                                  background-color: #1f3046; /* hijau gelap nyaman */
                                  border-radius: 15px;
                                  border: 1px solid rgb(0 79 255);
                                  box-shadow: 0 0 10px rgba(255, 196, 0, 0.15);
                                  font-family: "Poppins", sans-serif;
                                  color: #fcfcfc; /* teks terang hijau lembut */
                                  line-height: 1.7; /* jarak antar baris nyaman */
                                  position: relative;
                                  overflow: hidden;
                                }
                                
                                /* Paragraf */
                                .article-container p {
                                  font-size: 15px;
                                  margin-bottom: 18px; /* jarak antar paragraf */
                                  text-align: justify; /* rapikan teks kiri-kanan */
                                }
                                
                                /* Link */
                                .article-container a {
                                  color: #2e9aff;
                                  text-decoration: underline;
                                  transition: all 0.3s ease;
                                }
                                
                                .article-container a:hover {
                                  color: #eaffef;
                                  text-shadow: 0 0 6px #2e9aff;
                                }
                                
                                /* List */
                                .article-container ul,
                                .article-container ol {
                                  margin-left: 20px;
                                  margin-bottom: 18px;
                                }
                                
                                /* Blockquote */
                                .article-container blockquote {
                                  border-left: 4px solid #2e9aff;
                                  padding-left: 15px;
                                  margin: 18px 0;
                                  font-style: italic;
                                  color: #c8fff0;
                                  background-color: rgba(0, 255, 120, 0.05);
                                  border-radius: 6px;
                                }
                                
                                /* Responsif */
                                @media (max-width: 600px) {
                                  .article-container {
                                    padding: 15px 12px;
                                  }
                                
                                  .article-container p {
                                    font-size: 14px;
                                  }
                                }
                                
                                /* ✨ efek kilap untuk article-container */
                                .article-container::after {
                                  content: "";
                                  position: absolute;
                                  top: 0; left: -150%;
                                  width: 50%;
                                  height: 100%;
                                  background: linear-gradient(
                                    120deg,
                                    rgba(255,255,255,0) 0%,
                                    rgba(255,255,255,0.3) 50%,
                                    rgba(255,255,255,0) 100%
                                  );
                                  transform: skewX(-20deg);
                                  animation: shineArticle 3s infinite;
                                  pointer-events: none;
                                  mix-blend-mode: screen;
                                  border-radius: inherit;
                                  z-index: 2;
                                }
                                
                                /* Animasi kilap bergerak */
                                @keyframes shineArticle {
                                  0% { left: -150%; }
                                  100% { left: 150%; }
                                }
                                </style>
                                
                                <!-- === Artikel SURGA11 RAPI tanpa H1/H2 === -->
                                <div class="article-container">
                                                               <p style="text-align: justify;"> Di situs <a href="https://www.masukuniversitas.com/cara-transfer-pulsa-xl-ke-telkomsel">SURGA11</a> dikenal sebagai salah satu situs yang paling enak buat main karena sistemnya benar-benar stabil. Kamu bisa menikmati permainan tanpa gangguan yang bikin mood rusak.

Game-game yang tersedia juga seru dan variatif, jadi kamu gak akan cepat bosan. Setiap game punya karakter dan fitur yang berbeda-beda.

Selain itu, tampilan situsnya juga simpel dan mudah digunakan. Jadi semua pemain bisa langsung menikmati tanpa perlu belajar lama.

SURGA11 benar-benar memberikan pengalaman bermain yang nyaman, lancar, dan pastinya seru.</p>
<p style="text-align: justify;"></p>
                                </div>
<div class="wt-display-flex-xs wt-justify-content-flex-end wt-mt-xs-3">
    </div>



        </div></center> 
    </main>



 

<style>
        /* === Neon Glitch Container (Dark Red Base) === */
        :root {
            --bg: #cbb612;
            --panel: #120207;
            --deep: #1a0209;
            --red: #faff2a;
            --red2: #ffc600;
            --pink: #ff3bd4;
            --cyan: #00e5ff;
            --text: #f7e9ee;
            --muted: #d7c0c8;
            --shadow: rgba(255, 0, 76, .28);
        }

        .neon-wrap {
            min-height: 100%;
            padding: clamp(16px, 4vw, 40px);
            background:
                radial-gradient(1200px 700px at 15% 10%, rgba(255, 0, 76, .18), transparent 60%),
                radial-gradient(900px 600px at 85% 80%, rgba(0, 229, 255, .10), transparent 55%),
                linear-gradient(180deg, #cbb612 0%, #8f5f00 45%, #cbb612 100%);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .neon-card {
            width: min(980px, 100%);
            background: linear-gradient(180deg, rgb(249 145 0 / 88%), rgba(9, 1, 3, .92));
            border: 1px solid rgba(255, 42, 61, .30);
            border-radius: 18px;
            padding: clamp(18px, 3.2vw, 34px);
            position: relative;
            overflow: hidden;
            box-shadow:
                0 0 0 1px rgba(255, 0, 76, .10) inset,
                0 18px 60px var(--shadow);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            animation: pulseGlow 2.8s ease-in-out infinite;
        }

        /* Neon edge aura */
        .neon-card::before {
            content: "";
            position: absolute;
            inset: -2px;
            border-radius: 20px;
            background: conic-gradient(from 180deg,
                    rgba(255, 0, 76, .0),
                    rgba(255, 0, 76, .55),
                    rgba(0, 229, 255, .35),
                    rgba(255, 59, 212, .45),
                    rgba(255, 0, 76, .0));
            filter: blur(12px);
            opacity: .55;
            z-index: 0;
            animation: spinAura 6.5s linear infinite;
        }

        /* Scanlines */
        .neon-card::after {
            content: "";
            position: absolute;
            inset: 0;
            background: repeating-linear-gradient(to bottom,
                    rgba(255, 255, 255, .04) 0px,
                    rgba(255, 255, 255, .04) 1px,
                    rgba(0, 0, 0, 0) 3px,
                    rgba(0, 0, 0, 0) 7px);
            opacity: .18;
            z-index: 0;
            pointer-events: none;
        }

        /* Glitch layer */
        .neon-glitch {
            position: absolute;
            inset: 0;
            z-index: 1;
            pointer-events: none;
            mix-blend-mode: screen;
            opacity: .55;
            animation: glitchFlicker 2.2s steps(2, end) infinite;
            background:
                linear-gradient(90deg, rgba(255, 0, 0, 0) 0%, rgba(255, 0, 0, 0.18) 35%, rgba(255, 0, 0, 0.12) 70%, rgba(255, 0, 0, 0) 100%);
            transform: translate3d(0, 0, 0);
        }

        /* Neon noise dots (subtle) */
        .neon-noise {
            position: absolute;
            inset: -40%;
            z-index: 1;
            pointer-events: none;
            opacity: .10;
            background-image:
                radial-gradient(rgba(255, 255, 255, .35) 1px, transparent 1px);
            background-size: 6px 6px;
            transform: rotate(6deg);
            animation: driftNoise 7s linear infinite;
        }

        .neon-content {
            position: relative;
            z-index: 2;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .neon-content h1 {
            margin: 0 0 6px;
            color: #fff;
            font-size: clamp(22px, 3.2vw, 34px);
            line-height: 1.15;
            letter-spacing: .2px;
            text-shadow:
                0 0 10px rgba(255, 0, 0, 0.35),
                0 0 22px rgba(255, 59, 59, 0.18);
        }

        .neon-content h2 {
            margin: 8px 0 2px;
            font-size: clamp(16px, 2.2vw, 22px);
            font-weight: 700;
            letter-spacing: .2px;
            color: rgba(255, 230, 238, .95);
            text-shadow: 0 0 14px rgba(255, 0, 76, .22);
        }

        .neon-content p {
            margin: 0;
            color: rgba(247, 233, 238, .92);
            line-height: 1.75;
            font-size: clamp(14px, 1.35vw, 16px);
        }

        /* Accent divider */
        .neon-divider {
            height: 1px;
            width: 100%;
            background: linear-gradient(90deg, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0.65), rgba(255, 0, 0, 0.22), rgba(255, 0, 0, 0));
            margin: 6px 0 2px;
            filter: drop-shadow(0 0 10px rgba(255, 0, 0, 0.25));
        }

        /* Responsive spacing */
        @media (max-width: 520px) {
            .neon-card {
                border-radius: 16px;
            }

            .neon-card::before {
                border-radius: 18px;
            }
        }

        /* Reduced motion */
        @media (prefers-reduced-motion: reduce) {

            .neon-card,
            .neon-card::before,
            .neon-glitch,
            .neon-noise {
                animation: none !important;
            }
        }

        /* Animations */
        @keyframes pulseGlow {

            0%,
            100% {
                box-shadow:
                    0 0 0 1px rgba(255, 0, 76, .10) inset,
                    0 18px 60px rgba(255, 0, 76, .22);
            }

            50% {
                box-shadow:
                    0 0 0 1px rgba(255, 0, 76, .18) inset,
                    0 20px 72px rgba(255, 0, 76, .34);
            }
        }

        @keyframes spinAura {
            to {
                transform: rotate(360deg);
            }
        }

        @keyframes glitchFlicker {
            0% {
                transform: translateX(0) skewX(0deg);
                opacity: .30;
            }

            10% {
                transform: translateX(-2px) skewX(-6deg);
                opacity: .60;
            }

            20% {
                transform: translateX(3px) skewX(7deg);
                opacity: .40;
            }

            35% {
                transform: translateX(-4px) skewX(-10deg);
                opacity: .75;
            }

            50% {
                transform: translateX(1px) skewX(4deg);
                opacity: .45;
            }

            70% {
                transform: translateX(5px) skewX(9deg);
                opacity: .70;
            }

            85% {
                transform: translateX(-1px) skewX(-3deg);
                opacity: .38;
            }

            100% {
                transform: translateX(0) skewX(0deg);
                opacity: .30;
            }
        }

        @keyframes driftNoise {
            from {
                transform: translate3d(-2%, -2%, 0) rotate(6deg);
            }

            to {
                transform: translate3d(2%, 2%, 0) rotate(6deg);
            }
        }
    </style>
    <!-- === DIV saja (tanpa <html> / <body>) === -->
    <div class="neon-wrap">
        <div class="neon-card">
            <div class="neon-noise" aria-hidden="true"></div>
            <div class="neon-glitch" aria-hidden="true"></div>

            <article class="neon-content">
                <h1>SURGA11 |  Situs Slot Gacor Paling Enak Dimainin Dengan Game Seru dan Sistem Anti Lag</h1>
                <div class="neon-divider"></div>

                <section
  style="
    max-width:980px;
    margin:24px auto;
    padding:26px 24px;
    border-radius:18px;
    background:linear-gradient(135deg,#0b0a08,#15110c);
    border:1px solid rgba(255,255,255,0.08);
    box-shadow:0 14px 40px rgba(0,0,0,0.45);
    font-family:Segoe UI, Arial, sans-serif;
    color:#ffffff;
  "
>
  <div
    style="
      line-height:1.85;
      font-size:15px;
      color:#ffffff;
      opacity:0.95;
    "
  >
    <p>
      <a href="https://www.masukuniversitas.com/cara-transfer-pulsa-xl-ke-telkomsel"
        style="
          color:#ffd86b;
          font-weight:800;
          text-decoration:none;
          padding:2px 6px;
          border-radius:8px;
          background:rgba(255,216,107,0.10);
          border:1px solid rgba(255,216,107,0.22);
          transition:.2s;
        "
        onmouseover="this.style.background='rgba(255,216,107,0.18)'; this.style.borderColor='rgba(255,216,107,0.35)'"
        onmouseout="this.style.background='rgba(255,216,107,0.10)'; this.style.borderColor='rgba(255,216,107,0.22)'"
      >SURGA11</a>
      SURGA11 menghadirkan game seru dengan sistem anti lag serta pengalaman bermain yang lancar dan menyenangkan.
    </p>

    <p>&nbsp;</p>

    <p>Platform kami dirancang dengan teknologi terbaru sehingga akses lebih cepat, anti-lag, dan kompatibel di berbagai perangkat seperti desktop maupun mobile. Setiap game Power of Thor Megaways yang tersedia telah melalui proses kurasi untuk memastikan kualitas visual, efek animasi, serta peluang permainan yang kompetitif dan transparan.</p>

    <p>&nbsp;</p>

    <h3
      style="
        margin:18px 0 10px;
        font-size:18px;
        font-weight:900;
        letter-spacing:.2px;
        color:#ffd86b;
      "
    >Keunggulan Mainkan Game Power of Thor Megaways di SURGA11</h3>

    <p>&nbsp;</p>

    <p>SURGA11 menyediakan berbagai varian game Power of Thor Megaways dengan fitur unggulan seperti bonus scatter, free spin, multiplier, hingga event promo menarik. Sistem permainan yang adil serta peluang kemenangan optimal menjadikan pengalaman bermain lebih seru dan menantang.</p>

    <p>&nbsp;</p>

    <p data-start="1207" data-end="1252">Beberapa keunggulan utama yang kami tawarkan:</p>

    <ul data-start="1253" data-end="1457"
      style="
        margin:12px 0 0;
        padding-left:18px;
        display:grid;
        gap:10px;
      "
    >
      <li data-start="1253" data-end="1301"
        style="
          padding:10px 12px;
          border-radius:12px;
          background:rgba(255,255,255,0.05);
          border:1px solid rgba(255,255,255,0.08);
        "
      >
        <p data-start="1255" data-end="1301" style="margin:0;">Akses cepat dan stabil tanpa gangguan server</p>
      </li>

      <li data-start="1302" data-end="1345"
        style="
          padding:10px 12px;
          border-radius:12px;
          background:rgba(255,255,255,0.05);
          border:1px solid rgba(255,255,255,0.08);
        "
      >
        <p data-start="1304" data-end="1345" style="margin:0;">Tampilan game HD dengan animasi menarik</p>
      </li>

      <li data-start="1346" data-end="1384"
        style="
          padding:10px 12px;
          border-radius:12px;
          background:rgba(255,255,255,0.05);
          border:1px solid rgba(255,255,255,0.08);
        "
      >
        <p data-start="1348" data-end="1384" style="margin:0;">Update game terbaru secara berkala</p>
      </li>

      <li data-start="1385" data-end="1421"
        style="
          padding:10px 12px;
          border-radius:12px;
          background:rgba(255,255,255,0.05);
          border:1px solid rgba(255,255,255,0.08);
        "
      >
        <p data-start="1387" data-end="1421" style="margin:0;">Sistem keamanan data terenkripsi</p>
      </li>

      <li data-start="1422" data-end="1457"
        style="
          padding:10px 12px;
          border-radius:12px;
          background:rgba(255,255,255,0.05);
          border:1px solid rgba(255,255,255,0.08);
        "
      >
        <p data-start="1424" data-end="1457" style="margin:0;">Proses transaksi cepat dan aman</p>
      </li>
    </ul>

    <p>&nbsp;</p>

    <h3
      style="
        margin:18px 0 10px;
        font-size:18px;
        font-weight:900;
        letter-spacing:.2px;
        color:#ffd86b;
      "
    >Pelayanan Ramah dan Profesional 24 Jam</h3>

    <p>&nbsp;</p>

    <p>Kenyamanan member adalah prioritas utama kami. Tim customer service SURGA11 siap membantu 24 jam setiap hari dengan pelayanan ramah, responsif, dan profesional. Mulai dari proses pendaftaran, panduan bermain, hingga bantuan teknis, semua dilayani dengan cepat dan solutif. Kami juga menyediakan sistem deposit dan withdraw yang praktis dengan berbagai metode pembayaran populer, sehingga transaksi menjadi lebih mudah dan efisien. Keamanan data serta privasi member dijaga dengan standar sistem perlindungan terbaik.</p>

    <p>&nbsp;</p>

    <h3
      style="
        margin:18px 0 10px;
        font-size:18px;
        font-weight:900;
        letter-spacing:.2px;
        color:#ffd86b;
      "
    >Platform Terpercaya dengan Sistem Aman dan Transparan</h3>

    <p>&nbsp;</p>

    <p>SURGA11 mengutamakan transparansi serta keamanan dalam setiap layanan. Sistem kami menggunakan teknologi enkripsi terbaru untuk melindungi seluruh aktivitas akun member. Dengan komitmen profesional dan integritas tinggi, SURGA11 terus berkembang menjadi platform daftar game Power of Thor Megaways yang terpercaya dan direkomendasikan. Bergabunglah bersama SURGA11 sekarang dan rasakan pengalaman bermain game Power of Thor Megaways dengan pelayanan ramah, profesional, serta peluang terbaik dalam satu platform modern yang siap memberikan kenyamanan maksimal bagi Anda.</p>
  </div>
</section>


            </article>
        </div>
    </div>


    <div class='m-design-product-info'>
        <style>
            :root {
                --bg: #050206;
                --blood: #f8be09;
                --blood2: #ff7f12;
                --neon: #fff500;
                --text: #f7f2f6;
                --muted: rgba(247, 242, 246, .72);
                --line: rgba(247, 242, 246, .72);
                --shadow: 0 0 22px rgb(255 252 18 / 18%), 0 0 60px rgb(228 255 7 / 14%);
                --radius: 18px;
            }

            * {
                box-sizing: border-box
            }

            body {
                margin: 0;
                min-height: 100svh;
                font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
                color: var(--text);
                background:
                    radial-gradient(1000px 600px at 20% 10%, rgb(255 178 18 / 10%), transparent 60%),
                    radial-gradient(900px 520px at 90% 30%, rgba(177, 0, 26, .12), transparent 55%),
                    radial-gradient(900px 520px at 40% 110%, rgb(255 221 18 / 8%), transparent 55%),
                    linear-gradient(180deg, #020102 0%, var(--bg) 100%);
                overflow-x: hidden;
            }

            .wrap {
                width: min(1100px, 92vw);
                margin: clamp(18px, 4vw, 44px) auto;
            }

            /* ===== Neon Glitch Container ===== */
            .neon-box {
                position: relative;
                border-radius: var(--radius);
                padding: clamp(16px, 2.6vw, 26px);
                background: linear-gradient(180deg, rgba(255, 18, 56, .09), rgba(255, 18, 56, .04));
                border: 11px solid rgb(255 169 18 / 28%);
                box-shadow: var(--shadow);
                isolation: isolate;
                overflow: hidden;
            }

            .neon-box::before {
                content: "";
                position: absolute;
                inset: -2px;
                background:
                    repeating-linear-gradient(180deg,
                        rgba(255, 255, 255, .04) 0px,
                        rgba(255, 255, 255, .04) 1px,
                        rgba(0, 0, 0, 0) 3px,
                        rgba(0, 0, 0, 0) 6px);
                mix-blend-mode: overlay;
                opacity: .18;
                animation: scan 5.8s linear infinite;
                pointer-events: none;
                z-index: 0;
            }

            .neon-box::after {
                content: "";
                position: absolute;
                inset: -30%;
                background:
                    conic-gradient(from 180deg,
                        transparent 0 18%,
                        rgba(255, 18, 56, .15) 22%,
                        transparent 26% 52%,
                        rgb(255 178 18 / 10%) 58%,
                        transparent 62% 100%);
                filter: blur(18px);
                opacity: .55;
                animation: swirl 8s ease-in-out infinite;
                pointer-events: none;
                z-index: 0;
            }

            @keyframes scan {
                0% {
                    transform: translateY(-10%)
                }

                100% {
                    transform: translateY(10%)
                }
            }

            @keyframes swirl {

                0%,
                100% {
                    transform: rotate(0deg) scale(1)
                }

                50% {
                    transform: rotate(12deg) scale(1.04)
                }
            }

            .head {
                position: relative;
                z-index: 1;
                display: flex;
                gap: 14px;
                align-items: flex-start;
                justify-content: space-between;
                margin-bottom: clamp(12px, 2vw, 18px);
                flex-wrap: wrap;
            }

            .title {
                margin: 0;
                font-size: clamp(18px, 2.2vw, 26px);
                letter-spacing: .4px;
                line-height: 1.1;
                text-transform: uppercase;
                position: relative;
                text-shadow:
                    0 0 10px rgb(247 199 12 / 25%),
                    0 0 18px rgb(255 224 0 / 48%);
            }

            .title.glitch {
                --shift: 1px;
            }

            .title.glitch::before,
            .title.glitch::after {
                content: attr(data-text);
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                overflow: hidden;
                clip-path: inset(0 0 0 0);
                opacity: .8;
                mix-blend-mode: screen;
                pointer-events: none;
            }

            .title.glitch::before {
                transform: translateX(calc(var(--shift) * -1));
                color: rgb(255 239 18 / 85%);
                animation: glitch1 2.8s infinite steps(10);
            }

            .title.glitch::after {
                transform: translateX(var(--shift));
                color: rgb(255 215 120 / 60%);
                animation: glitch2 2.3s infinite steps(10);
            }

            @keyframes glitch1 {
                0% {
                    clip-path: inset(10% 0 80% 0)
                }

                10% {
                    clip-path: inset(55% 0 25% 0)
                }

                20% {
                    clip-path: inset(20% 0 65% 0)
                }

                30% {
                    clip-path: inset(70% 0 10% 0)
                }

                40% {
                    clip-path: inset(40% 0 40% 0)
                }

                50% {
                    clip-path: inset(5% 0 85% 0)
                }

                60% {
                    clip-path: inset(62% 0 18% 0)
                }

                70% {
                    clip-path: inset(28% 0 52% 0)
                }

                80% {
                    clip-path: inset(80% 0 6% 0)
                }

                90% {
                    clip-path: inset(45% 0 35% 0)
                }

                100% {
                    clip-path: inset(10% 0 80% 0)
                }
            }

            @keyframes glitch2 {
                0% {
                    clip-path: inset(75% 0 8% 0)
                }

                12% {
                    clip-path: inset(15% 0 70% 0)
                }

                24% {
                    clip-path: inset(50% 0 20% 0)
                }

                36% {
                    clip-path: inset(25% 0 55% 0)
                }

                48% {
                    clip-path: inset(5% 0 85% 0)
                }

                60% {
                    clip-path: inset(65% 0 12% 0)
                }

                72% {
                    clip-path: inset(35% 0 40% 0)
                }

                84% {
                    clip-path: inset(80% 0 6% 0)
                }

                100% {
                    clip-path: inset(75% 0 8% 0)
                }
            }

            .meta {
                position: relative;
                z-index: 1;
                display: flex;
                gap: 10px;
                align-items: center;
                flex-wrap: wrap;
                color: var(--muted);
                font-size: 13px;
            }

            .pill {
                border: 1px solid rgb(255 158 18 / 35%);
                background: rgb(255 151 18 / 7%);
                border-radius: 999px;
                padding: 8px 10px;
                color: #ffffff8a;
                box-shadow: 0 0 14px rgb(255 243 18 / 12%);
            }

            .grid {
                position: relative;
                z-index: 1;
                display: grid;
                grid-template-columns: 1.15fr .85fr;
                gap: clamp(12px, 2vw, 18px);
                align-items: start;
            }

            @media (max-width: 900px) {
                .grid {
                    grid-template-columns: 1fr;
                }
            }

            .panel {
                border: 1px solid rgb(255 224 18 / 22%);
                background: rgba(255, 18, 56, .04);
                border-radius: calc(var(--radius) - 6px);
                padding: clamp(12px, 2vw, 16px);
                box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25);
            }

            .panel h2 {
                margin: 0 0 10px 0;
                font-size: 15px;
                letter-spacing: .35px;
                text-transform: uppercase;
                color: rgba(247, 242, 246, .92);
            }

            /* ===== Reviews ===== */
            .reviews {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 12px;
            }

            @media (max-width: 540px) {
                .reviews {
                    grid-template-columns: 1fr;
                }
            }

            .review-card {
                position: relative;
                border-radius: 14px;
                padding: 12px;
                background:
                    linear-gradient(180deg, rgb(255 221 18 / 8%), rgb(255 226 18 / 3%));
                border: 0 0 18px rgb(255 200 18 / 10%);
                box-shadow: 0 0 18px rgb(255 178 18 / 10%);
                overflow: hidden;
                transform: translateZ(0);
                animation: pulse 2.8s ease-in-out infinite;
            }

            .review-card:nth-child(2n) {
                animation-delay: .35s;
            }

            .review-card:nth-child(3n) {
                animation-delay: .6s;
            }

            @keyframes pulse {

                0%,
                100% {
                    box-shadow: 0 0 18px rgb(255 178 18 / 10%), 0 0 0 rgba(255, 18, 56, 0);
                }

                50% {
                    box-shadow: 0 0 26px rgb(255 252 18 / 18%), 0 0 40px rgba(177, 0, 26, .10);
                }
            }

            .review-card::before {
                content: "";
                position: absolute;
                inset: -2px;
                background:
                    linear-gradient(90deg,
                        transparent 0%,
                        rgba(255, 18, 56, .25) 15%,
                        transparent 35%,
                        rgb(255 252 18 / 18%) 55%,
                        transparent 75%,
                        rgb(255 243 18 / 12%) 92%,
                        transparent 100%);
                opacity: .25;
                transform: translateX(-30%);
                animation: sweep 4.8s linear infinite;
                pointer-events: none;
                mix-blend-mode: screen;
            }

            @keyframes sweep {
                0% {
                    transform: translateX(-60%)
                }

                100% {
                    transform: translateX(60%)
                }
            }

            .review-title {
                margin: 0 0 6px 0;
                font-size: 14px;
                color: #fff;
                line-height: 1.25;
                letter-spacing: .2px;
            }

            .review-body {
                margin: 0 0 10px 0;
                font-size: 13px;
                color: var(--muted);
                line-height: 1.45;
            }

            .review-foot {
                display: flex;
                gap: 10px;
                align-items: center;
                justify-content: space-between;
                font-size: 12px;
                color: rgba(247, 242, 246, .76);
            }

            .stars {
                display: inline-flex;
                gap: 2px;
                filter: drop-shadow(0 0 8px rgb(255 252 18 / 18%));
                user-select: none;
            }

            .star {
                width: 14px;
                height: 14px;
                display: inline-block;
                background: conic-gradient(from 180deg, rgba(255, 239, 18, 0.9), rgba(255, 253, 120, 0.65));
                clip-path: polygon(50% 0%,
                        61% 35%,
                        98% 35%,
                        68% 57%,
                        79% 91%,
                        50% 70%,
                        21% 91%,
                        32% 57%,
                        2% 35%,
                        39% 35%);
                opacity: .95;
            }

            .star.dim {
                opacity: .25;
                filter: grayscale(1);
            }

            /* ===== FAQ ===== */
            .faq {
                display: flex;
                flex-direction: column;
                gap: 10px;
            }

            details {
                border-radius: 14px;
                border: 0 0 18px rgb(255 200 18 / 10%);
                background: rgba(255, 18, 56, .035);
                overflow: hidden;
                box-shadow: 0 0 14px rgb(255 221 18 / 8%);
            }

            summary {
                cursor: pointer;
                padding: 12px;
                list-style: none;
                display: flex;
                gap: 10px;
                align-items: center;
                justify-content: space-between;
                font-size: 14px;
                user-select: none;
            }

            summary::-webkit-details-marker {
                display: none;
            }

            .q {
                display: flex;
                gap: 10px;
                align-items: flex-start;
                color: rgba(247, 242, 246, .95);
                line-height: 1.2;
            }

            .badge {
                flex: 0 0 auto;
                width: 26px;
                height: 26px;
                border-radius: 8px;
                display: grid;
                place-items: center;
                font-weight: 800;
                color: rgba(255, 255, 255, .92);
                background: rgb(255 243 18 / 12%);
                border: 1px solid rgb(243 255 18 / 30%);
                box-shadow: 0 0 16px rgb(255 243 18 / 12%);
            }

            .chev {
                flex: 0 0 auto;
                width: 10px;
                height: 10px;
                border-right: 2px solid rgb(236 255 18 / 75%);
                border-bottom: 2px solid rgb(255 149 18 / 75%);
                transform: rotate(-45deg);
                transition: transform .18s ease;
                filter: drop-shadow(0 0 10px rgb(255 252 18 / 18%));
            }

            details[open] .chev {
                transform: rotate(45deg);
            }

            .ans {
                padding: 0 12px 12px 12px;
                color: var(--muted);
                font-size: 13px;
                line-height: 1.5;
            }

            summary:focus-visible {
                outline: 2px solid rgba(255, 18, 56, .55);
                outline-offset: 2px;
            }

            @media (prefers-reduced-motion: reduce) {

                .neon-box::before,
                .neon-box::after,
                .review-card,
                .review-card::before,
                .title.glitch::before,
                .title.glitch::after {
                    animation: none !important;
                }
            }
        </style>

 <div class="wrap">
            <section class="neon-box" aria-label="FAQ dan Review SURGA11">
                <div class="head">
                    <h1 class="title glitch" data-text="SURGA11 — FAQ & REVIEW">SURGA11 — FAQ & REVIEW</h1>
                    <div class="meta" aria-label="Ringkasan rating">
                        <span class="pill">Rating: <strong style="color: #fff;">4.7</strong>/5</span>
                        <span class="pill">Review: <strong style="color: #fff;">6</strong></span>
                        <span class="pill">Brand: <strong style="color: #fff;">SURGA11</strong></span>
                    </div>
                </div>

                <div class="grid">
                    <!-- Reviews -->
                    <section class="panel" aria-label="Ulasan pengguna">
                        <h2>Review Terbaru</h2>
                        <div class="reviews">
                            <article class="review-card">
                                <h3 class="review-title">Pelayanan cepat dan responsif</h3>
                                <p class="review-body">CS cepat merespons, proses pendaftaran mudah, dan navigasi situs
                                    jelas.</p>
                                <div class="review-foot">
                                    <span style="color: #8b8b8b;"><strong style="color: #8b8b8b;">Dirga Rahmadhan</strong> •
                                        2026-02-02</span>
                                    <span class="stars" aria-label="Rating 5 dari 5">
                                        <i class="star"></i><i class="star"></i><i class="star"></i><i
                                            class="star"></i><i class="star"></i>
                                    </span>
                                </div>
                            </article>

                            <article class="review-card">
                                <h3 class="review-title">Transaksi deposit dan penarikan lancar</h3>
                                <p class="review-body">Deposit masuk cepat dan riwayat transaksi rapi, jadi mudah
                                    dipantau.</p>
                                <div class="review-foot">
                                    <span style="color: #8b8b8b;"><strong style="color: #8b8b8b;">Lidia Sari</strong> •
                                        2026-02-03</span>
                                    <span class="stars" aria-label="Rating 5 dari 5">
                                        <i class="star"></i><i class="star"></i><i class="star"></i><i
                                            class="star"></i><i class="star"></i>
                                    </span>
                                </div>
                            </article>

                            <article class="review-card">
                                <h3 class="review-title">Tampilan mobile nyaman</h3>
                                <p class="review-body">Di HP tetap ringan, menu tidak membingungkan, dan loading stabil.
                                </p>
                                <div class="review-foot">
                                    <span style="color: #8b8b8b;"><strong style="color: #8b8b8b;">Supiani</strong> •
                                        2026-02-04</span>
                                    <span class="stars" aria-label="Rating 4 dari 5">
                                        <i class="star"></i><i class="star"></i><i class="star"></i><i
                                            class="star"></i><i class="star dim"></i>
                                    </span>
                                </div>
                            </article>

                            <article class="review-card">
                                <h3 class="review-title">Pilihan pasaran lengkap</h3>
                                <p class="review-body">Pilihan permainan dan pasaran cukup lengkap, jadwal result juga
                                    jelas.</p>
                                <div class="review-foot">
                                    <span style="color: #8b8b8b;"><strong style="color: #8b8b8b;">Jakaria</strong> •
                                        2026-02-05</span>
                                    <span class="stars" aria-label="Rating 5 dari 5">
                                        <i class="star"></i><i class="star"></i><i class="star"></i><i
                                            class="star"></i><i class="star"></i>
                                    </span>
                                </div>
                            </article>

                            <article class="review-card">
                                <h3 class="review-title">Fitur riwayat taruhan membantu</h3>
                                <p class="review-body">Ada riwayat taruhan dan ringkasan, jadi lebih mudah evaluasi
                                    pemasangan angka.</p>
                                <div class="review-foot">
                                    <span style="color: #8b8b8b;"><strong style="color: #8b8b8b;">Sintia Sari</strong> •
                                        2026-02-06</span>
                                    <span class="stars" aria-label="Rating 4 dari 5">
                                        <i class="star"></i><i class="star"></i><i class="star"></i><i
                                            class="star"></i><i class="star dim"></i>
                                    </span>
                                </div>
                            </article>

                            <article class="review-card">
                                <h3 class="review-title">Pengalaman overall memuaskan</h3>
                                <p class="review-body">Secara keseluruhan pengalaman baik: situs rapi, layanan cepat,
                                    dan proses jelas.</p>
                                <div class="review-foot">
                                    <span style="color: #8b8b8b;"><strong style="color: #8b8b8b;">Pratama</strong> •
                                        2026-02-07</span>
                                    <span class="stars" aria-label="Rating 5 dari 5">
                                        <i class="star"></i><i class="star"></i><i class="star"></i><i
                                            class="star"></i><i class="star"></i>
                                    </span>
                                </div>
                            </article>
                        </div>
                    </section>

                    <!-- FAQ -->
<section class="panel" aria-label="Pertanyaan yang sering diajukan">
  <h2>FAQ</h2>

  <div class="faq">
    <details>
      <summary>
        <span class="q"><span class="badge">Q</span>Apa itu SURGA11?</span>
        <span class="chev" aria-hidden="true"></span>
      </summary>
      <div class="ans">
        SURGA11 adalah platform hiburan digital bertema Wukong Black yang menghadirkan pengalaman pengguna modern, navigasi mudah, dan tampilan responsif. Fokus utama SURGA11 adalah kenyamanan akses, performa stabil, serta layanan bantuan yang cepat dan ramah.
      </div>
    </details>

    <details>
      <summary>
        <span class="q"><span class="badge">Q</span>Apa keunggulan SURGA11 untuk pengguna baru?</span>
        <span class="chev" aria-hidden="true"></span>
      </summary>
      <div class="ans">
        SURGA11 dirancang user-friendly: struktur menu jelas, waktu muat cepat, dan tata letak yang konsisten di desktop maupun mobile. Ini membantu pengguna menemukan fitur yang dibutuhkan tanpa bingung dan tanpa proses yang bertele-tele.
      </div>
    </details>

    <details>
      <summary>
        <span class="q"><span class="badge">Q</span>Bagaimana SURGA11 menjaga kenyamanan dan keamanan pengguna?</span>
        <span class="chev" aria-hidden="true"></span>
      </summary>
      <div class="ans">
        SURGA11 menerapkan praktik keamanan standar industri seperti perlindungan data, kontrol akses akun, serta pemantauan aktivitas untuk meminimalkan risiko. Pengguna juga disarankan menggunakan kata sandi kuat dan tidak membagikan informasi login.
      </div>
    </details>

    <details>
      <summary>
        <span class="q"><span class="badge">Q</span>Apakah SURGA11 bisa diakses dari HP dan berbagai perangkat?</span>
        <span class="chev" aria-hidden="true"></span>
      </summary>
      <div class="ans">
        Ya. SURGA11 menggunakan desain responsif sehingga tampilannya menyesuaikan ukuran layar. Pengalaman akses tetap nyaman di perangkat mobile, tablet, maupun desktop tanpa mengorbankan keterbacaan dan kecepatan.
      </div>
    </details>

    <details>
      <summary>
        <span class="q"><span class="badge">Q</span>Bagaimana kualitas pelayanan customer service SURGA11?</span>
        <span class="chev" aria-hidden="true"></span>
      </summary>
      <div class="ans">
        Tim layanan SURGA11 mengutamakan respons cepat, komunikasi sopan, dan solusi yang jelas. Bantuan tersedia 24 jam untuk pertanyaan teknis, kendala akses, maupun kebutuhan informasi seputar layanan.
      </div>
    </details>

    <details>
      <summary>
        <span class="q"><span class="badge">Q</span>Tips agar pengalaman menggunakan SURGA11 tetap optimal?</span>
        <span class="chev" aria-hidden="true"></span>
      </summary>
      <div class="ans">
        Pastikan koneksi stabil, gunakan browser versi terbaru, aktifkan keamanan perangkat, dan simpan informasi akun dengan aman. Jika menemukan kendala, hubungi customer service agar masalah cepat ditangani.
      </div>
    </details>
  </div>
</section>


        <script>
            // Auto-open FAQ pertama (opsional)
            const first = document.querySelector(".faq details");
            if (first) first.open = true;
        </script>

    <hr class="footer-separator">
    <footer>


    </ul>

        <div class="bottom-copyrights">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-sm-12">
                        <ul class="footer-links">
                            <li><a href="https://www.masukuniversitas.com/cara-transfer-pulsa-xl-ke-telkomsel/" target="_blank" rel="noopener noreferrer">Tentang
                                    Kami</a>
                            </li>
                            <li><a href="https://www.masukuniversitas.com/cara-transfer-pulsa-xl-ke-telkomsel/" target="_blank" rel="noopener noreferrer">Customer
                                    Care</a></li>
                            <li><a href="https://www.masukuniversitas.com/cara-transfer-pulsa-xl-ke-telkomsel/" target="_blank" rel="noopener noreferrer">Syarat
                                    &amp;
                                    Ketentuan</a></li>
                            <li><a href="https://www.masukuniversitas.com/cara-transfer-pulsa-xl-ke-telkomsel/" target="_blank" rel="noopener noreferrer">
                                    Promosi
                                </a></li>
                        </ul>
                    </div>
                    <div class="col-lg-4 col-sm-12 copyright">&copy; 2026 SURGA11
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <div>
        <div class="frame">
            <ul class="tabbar">
                <li class="active">
                    <a href="https://cumasurga.com/surga11/?reLogin=yes" target="_blank" rel="noopener noreferrer">
                        <div>
                            <img src="icon/home.png" width="35" height="35"
                                style="max-width: 100%; height: auto;" alt="Home SURGA11">
                            <em></em>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="https://cumasurga.com/surga11/?reLogin=yes" target="_blank" rel="noopener noreferrer">
                        <div>
                            <img src="icon/login.png" width="35" height="35"
                                style="max-width: 100%; height: auto;" alt="Login Situs ">
                            <em></em>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="https://cumasurga.com/surga11/?reLogin=yes" target="_blank" rel="noopener noreferrer">
                        <div>
                            <img src="icon/regis.png" width="35" height="35"
                                style="max-width: 100%; height: auto;" alt="Daftar  Online">
                            <em></em>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="https://cumasurga.com/surga11/?reLogin=yes" target="_blank" rel="noopener noreferrer">
                        <div>
                            <img src="icon/Gift.png" width="35" height="35"
                                style="max-width: 100%; height: auto;" alt="Promosi SURGA11">
                            <em></em>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <script>
        var swiper = new Swiper(".mySwiper", {
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            },
            pagination: {
                el: ".swiper-pagination",
                clickable: true,
            },
        });
    </script>

    <script>
        var acc = document.getElementsByClassName("Question");
        var i;

        for (i = 0; i < acc.length; i++) {
            acc[i].addEventListener("click", function () {
                this.classList.toggle("ac");
                var panel = this.nextElementSibling;
                if (panel.style.maxHeight) {
                    panel.style.maxHeight = null;
                } else {
                    panel.style.maxHeight = panel.scrollHeight + "px";
                }
            });
        }
    </script>

 <style>
  .wegegroup-fly {
    position: fixed;
    bottom: -200px; /* start posisi di luar layar */
    left: 80%;
    transform: translateX(-50%);
    width: 250px;
    z-index: 9999;
    animation: flyUp 8s linear infinite;
  }

  @keyframes flyUp {
    0% {
      bottom: -200px;
      opacity: 0;
    }
    20% {
      opacity: 1;
    }
    80% {
      opacity: 1;
    }
    100% {
      bottom: 100vh;
      opacity: 0;
    }
  }
</style>
 <img
  src="image/logo.webp"
  alt="wegegroup Flying"
  class="wegegroup-fly"
/>  



<style>
                      :root{
                        --red-1:#4779c5; /* utama */
                        --red-2:#fff23b; /* terang */
                        --red-3:#4c4e4e; /* gelap */
                        --glass-a: rgba(0,0,0,.76);
                        --glass-b: rgba(0,0,0,.92);
                      }

                      .SURGA11-fixed-footer{
                        position: fixed;
                        left: 50%;
                        transform: translateX(-50%);
                        bottom: 16px;
                        z-index: 9999;

                        display: flex;
                        justify-content: center;
                        align-items: center;

                        width: min(1320px, calc(100% - 40px));
                        padding: 16px 20px;
                        gap: 16px;

                        border-radius: 30px;

                        background:
                          radial-gradient(1200px 220px at 50% 0%,
                            rgba(255,59,59,.22),
                            rgba(0,0,0,.70) 55%,
                            rgba(0,0,0,.82) 100%
                          );

                        backdrop-filter: blur(10px);
                        -webkit-backdrop-filter: blur(10px);

                        border: 2px solid rgba(203,26,26,.45);
                        outline: 1px solid rgba(255,59,59,.22);
                        outline-offset: -4px;

                        box-shadow:
                          0 18px 40px rgba(0,0,0,.55),
                          0 10px 22px rgba(0,0,0,.35),
                          0 0 0 1px rgba(255,255,255,.06) inset,
                          0 0 18px rgba(203,26,26,.30);

                        animation: hondaFloatRed 4s ease-in-out infinite;
                      }

                      @keyframes hondaFloatRed{
                        0%,100%{ transform: translateX(-50%) translateY(0); }
                        50%    { transform: translateX(-50%) translateY(-5px); }
                      }

                      .SURGA11-fixed-footer a{
                        position: relative;
                        flex: 1 1 0;
                        min-width: 120px;
                        max-width: 240px;
                        width: 100%;

                        text-decoration: none;
                        display: flex;
                        flex-direction: row;
                        justify-content: center;
                        align-items: center;
                        gap: 10px;

                        padding: 11px 18px;
                        border-radius: 999px;

                        color: #f4f4f4;
                        font-size: 14px;
                        font-weight: 800;
                        letter-spacing: .5px;
                        font-family: Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

                        background: linear-gradient(180deg, var(--glass-a), var(--glass-b));
                        border: 2px solid rgba(255,59,59,.40);

                        box-shadow:
                          0 10px 18px rgba(0,0,0,.45),
                          0 0 0 1px rgba(255,255,255,.05) inset;

                        transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease;
                        overflow: hidden;
                      }

                      .SURGA11-fixed-footer a::before{
                        content:"";
                        position:absolute;
                        inset:-2px;
                        background: linear-gradient(110deg,
                          transparent 0%,
                          rgba(255,255,255,.08) 28%,
                          transparent 55%,
                          rgba(255,255,255,.06) 78%,
                          transparent 100%);
                        transform: translateX(-70%);
                        animation: hondaShimmer 6.2s ease-in-out infinite;
                        pointer-events:none;
                        opacity:.45;
                      }

                      @keyframes hondaShimmer{
                        0%   { transform: translateX(-70%); }
                        50%  { transform: translateX(55%); }
                        100% { transform: translateX(-70%); }
                      }

                      .SURGA11-fixed-footer a:hover{
                        transform: translateY(-2px);
                        border-color: rgba(255,59,59,.78);
                        box-shadow:
                          0 14px 22px rgba(0,0,0,.50),
                          0 0 18px rgba(203,26,26,.28),
                          0 0 0 1px rgba(255,255,255,.07) inset;
                        filter: saturate(1.05);
                      }

                      .SURGA11-fixed-footer a:active{
                        transform: translateY(0px) scale(.98);
                      }

                      .SURGA11-fixed-footer img{
                        width: 18px;
                        height: 18px;
                        max-width: 18px;
                        max-height: 18px;
                        margin: 0;
                        filter: drop-shadow(0 0 6px rgba(255,59,59,.35));
                      }

                      .SURGA11-fixed-footer strong{
                        font-weight: 900;
                        line-height: 1;
                      }

                      .SURGA11-fixed-footer a.tada{
                        border-color: rgba(255,59,59,.95);
                        background: linear-gradient(180deg, #1a73e8, #ec213d);
                        box-shadow:
                          0 16px 26px rgba(0,0,0,.52),
                          0 0 22px rgba(203,26,26,.30),
                          0 0 18px rgba(255,59,59,.22);
                        animation: hondaTadaRed 2.1s ease-in-out infinite;
                      }

                      @keyframes hondaTadaRed{
                        0%,100%{ transform: translateY(0) scale(1); }
                        45%{ transform: translateY(-3px) scale(1.03); }
                        70%{ transform: translateY(-1px) scale(1.01); }
                      }

                      @media (max-width: 560px){
                        .SURGA11-fixed-footer{
                          gap: 10px;
                          padding: 12px 12px;
                          border-radius: 22px;
                          width: calc(100% - 24px);
                        }
                        .SURGA11-fixed-footer a{
                          min-width: 0;
                          max-width: none;
                          padding: 10px 12px;
                          font-size: 12px;
                          gap: 8px;
                        }
                        .SURGA11-fixed-footer img{
                          width: 16px;
                          height: 16px;
                        }
                      }

                      @media (prefers-reduced-motion: reduce){
                        .SURGA11-fixed-footer,
                        .SURGA11-fixed-footer a,
                        .SURGA11-fixed-footer a::before{
                          animation: none !important;
                        }
                      }
                      
                    </style>

            <div class="SURGA11-fixed-footer">
                <a href="https://linkternama.com/surga11/promotion" rel="nofollow noopener" target="_blank">
                    <img layout="intrinsic" height="20px" width="20px" src="https://northwestpassageproject.lon1.digitaloceanspaces.com/promo.webp" alt="PROMO SURGA11">
                    <strong>PROMO</strong>
                </a>
                <a href="https://linkternama.com/surga11/" rel="nofollow noopener" target="_blank">
                    <img layout="intrinsic" height="20px" width="20px" src="https://northwestpassageproject.lon1.digitaloceanspaces.com/login-new.webp">
                    <strong>LOGIN</strong>
                </a>
                <a href="https://linkternama.com/surga11/register" rel="nofollow noopener" target="_blank" class="tada">
                    <img layout="intrinsic" height="20px" width="20px" src="https://northwestpassageproject.lon1.digitaloceanspaces.com/daftar-new.webp" alt="DAFTAR SURGA11">
                    <strong>DAFTAR</strong>
                </a>
                <a href="https://linkternama.com/surga11/" rel="nofollow noopener" target="_blank">
                    <img layout="intrinsic" height="20px" width="20px" src="https://northwestpassageproject.lon1.digitaloceanspaces.com/link-new.webp" alt="LINK SURGA11">
                    <strong>LINK</strong>
                </a>
                <a href="https://linkternama.com/surga11/" rel="nofollow noopener" target="_blank"
                    class="js_live_chat_link live-chat-link">
                    <img class="live-chat-icon" layout="intrinsic" height="20px" width="20px" src="https://northwestpassageproject.lon1.digitaloceanspaces.com/livechat-new.webp"
                        alt="LIVE CHAT SURGA11">
                    <strong>LIVECHAT</strong>
                </a>
            </div>
                            </div>
                        </div>
                    </div>




</body>

</html>