<!-- 
                                                 ##                                                 
                                                 ###                                                
                                                ####                                                
                         %%%                 ####*+#####                 #%                         
                        ##+#           ####**++*++=+*+++**###           #**#                        
                       ##++#        ###++##******++******##++###        #*+##                       
                      #***=#      ##++#** ***#*+=====+**** **#*+##      #++**#                      
                     #***++#    ##+*#* **#+=+****+=+****=+*** **#+##    #+++*+##                    
                  ###+*##+*#  *#**#* ***=*#******+=********=+#*  #*+#*  *#=###+###                  
                 #*=+#%%*=#* **+**  **=*** **+++#@@#**+**  **=**  *#=** *#=+%%#++*#                 
               ###*+*@%#++#**#+#*  **+#* ***++#@@#++#@#+*** *#+**  *#+*****=#%@*+**##               
             ###*+%#*@@#==**#+#*  **=#*  *++*#%#@@%+##@*=+**  #+**  *#+**#==*@@##%+*#*#             
             #+=+*%@#%@%#+=++*##**#+**  *++%@#%###+#%@@#+=**  *#+#***#*=+=+##@@#@@#+++##            
            #*+*=*#@@#%@@*+==###**#=****===#@*%#+=*@++*@*++** **=#***##+=+*@@@#@@%*+*++#            
         ####*#+***#@##*%%*++**  *#=***+++#@@@#***+****@@+=** **=#*  **+=#%%*##@%+*#+#*####         
         #++#+##+#@%*#%@@**+=**   #+****++#@@@##%@@@%+#%#=+** **+#*  **=+**%@@#*%@%*#%+#*=#         
         #+++=#@@**%@@@@@%#*==*** **=#**+=*%@@%@@@@@%#@@*=+***#=**  **==**%@@@@@%**@@#+++=#         
       %###=+++*%%@%**#@@@@##+==*****=**+=*%@@*%%%@@%*@%+=+**#+*****+=+##@@@@%##%@%%#+*+=*#*#       
       #*+#*+#####***%#@@@@@%#*==+****=+*=*%@@*%%++#%*@%*++*+=****+==*##@@@@@#%*+*****#*+#++#       
       ##=+==+#%@@@@@@%@@@@@@%#+==+***+==*%@@#%%**#+%#+@@%*==+***+==+#%@@@@@@@%@@@@@@#*==++*#       
      ###*=+*+++*++#@#%@@@@@@%@#*====+=%@@*@##@@**#+%%*+*+@@%++===+*#%%@@@@@@%#@@*+*+*+++=*###      
      #=*##++#%@@@@@%%@@@@@@@@#=+++++**##***=+*%+%#*+*+=*******++++==*%@@@@@@@@#@@@@@%#*+###+##     
      #*=+=+++*#%@#*%%%#%@@%+**#%@@@@@**#%###*#=*%*#=*+##*##**%@@@@@#**+%@@@##%#**%%#*+++++++#      
       #+=++**##@@@@@#@@@@@*#@@@#***@@@@@%*++%#=#%#%+*%++*@@@@@@#++*#@@#+@@@@@#%@@@@##**++++#*      
       ##*++*##%%%@@%@%%@@@*#**##@@@@%@#++##*#*+%@#%*+#*#%+*#@@@@@@%#****@@@%%%%%@%####*+=*###      
      #*=+**++*%@%%@@@#%%%+*#+@@@@@%*@##+**#%++#@@%%%+=##**+#*%##@@@@@**#+%%%#@@@%%@%*+++**=*#      
       #*=++**++%@@%@@@%%***@@@@%@*#%%**++++=*%%@@@@%%#++++=+*#*#*%@%@@@#+*%#@@@%@@%++**+*=*#       
        ##++*#%%#*%%%@@@%*@@@@###*+++=**+++##@@@@@@@@@@###+++#=+++*###@@@@*%@@@%%%*#%%#*++##        
         ####*==*#%@@%%#%%@%%+*#++++*%#**+@@@@@@@##@@@@@@@***#%#++++#*+%#@%@#@%@@%#*==+####         
         #*#*++***#**#*@@@@+#%+**#*%@%%@@%@@@@@@@##@@@@@@@@%@@@@%*#*#+#*+%@@@##**###**++#*#         
         ##+#*#*++*#+#%%%%+%**%*@#@%++**=+#@@+=======@@@*++*+++%@@#@*%**#+%%#%#*#*+++###*##         
          ##=*##++==+++##*#+%@%@@@%=+@@@@%%@@*=+@@@@%@%=+%@@@@*=+@@@@%@%+*+##+++==++##*+##          
           ##+=*#***#*++++#@@@@@@@@++==+#@@@@*++##+@@@==+@@@@@@==#@@@@@@@#+++++#***##++##           
           #*#++##  *#+=#@@@@%*@@@@@@@*+*+=%@*++@@#@@@=++@@@@@@++#@@@+%@@@@#=+#*  *#*+#*#           
            #*+%++#*#++*#%%%#+=#%=+@@@@@@**#@***@@@@@@#++@@@@@**+@@@*=*%%%%#*++**#*+%+*#            
             ##*++#+*@@@@@@@@@#@@*+********@@+*++++*+@@@+******#@@@@@%@@@@@@@@%*+#++*##             
            *##+++++*+=+*%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%*+=*#*++++###            
         ##**+*##%@@@@@@@@@%#***#%@@@@@@@@@@@@@@#+*%@@@@@@@@@@@@@@%#*+*#%@@@@@@@@%###*+**##         
       %########*+***++*@@######%@@@@@@%@@@@@@%##@@@@########@@##%@@@######@@%+++#%######%##%       
             ##++*@@@@%#@@+=#@@@#@@@@@++#@@@@@#+*@@@#%@%=+@@%@@*=*@@@++@@@@%@@+=#%#                 
             ##+++=*@@@@@@++#@@%@@@@@*%++%@@@@#+*@@@@@@%++@@@@@*+*@@@++@@@@@@@++#%                  
              #%#+*++=+@@@+++*+*@@@@**@%++@@@@#**@@@@@@%++@@@@@#+*@@@+++*+#@@@*+#%                  
             %%###%%***+@@+*%@@@@@@%*%%%#*+@@@#*#@@@@@@%*+@@@@@#*#@@@**@@@@@@@**#%   #%%            
            #*###  #%##*@@+*#@@%*@%*@@@@@*++@@#*+***+%@#*+@@@@@***@@@**%@@@#@@**#%###**%            
           %#++**###***@@%***###%@%%%@@@@@@@@@@@@%%@@@@@@@@@@@@###@@#******+@@++=++++**%            
           %%%%%####%%##%%%%%%%%%%%%%%%%%%%@@@@@@**@@@@@@%%%%%%%%%%%%%%%%%%%%%%%%%%##*#%            
                  ##************##%%%%%%%#*@@@@#*++*#@@@@*#%%%%%%%##***+********##  %%%             
                             ###%%*+++#%%%+#%%%**++**%@@%+%%%#+++*%%###                             
                                  #%%#   ##+####%++%####+##   ##%%                                  
                                          #%*+*#######+*%#                                          
                                            ###**++**###                                            
                                                ####                                                
                                                ####                                                
                                                 ##%                                                
                                                 %%                                                 
                                                  -->

<!-- Siklus orang bodoh? ctrl+c ctrl+v ctrl+h ganti index... TOLOL GRATIS TAPI INGAT JANGAN DIEMBAT SEMUA -->

<!doctype html>
<html lang="id">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Pausslot: Daftar Link Alternatif VIP Resmi & Klaim Bonus 2026</title>    
    <link rel="icon" type="image/webp" href="https://maketheurl.com/m/pausslot-icon">
    

<meta name="description" content="Pausslot menyediakan daftar link alternatif VIP resmi terbaru 2026, lengkap dengan informasi klaim bonus, akses situs, dan panduan untuk memudahkan pengguna."/>
<meta name="keywords" content="pausslot, paus slot, daftar pausslot, link alternatif pausslot, bonus pausslot, daftar paus slot, link alternatif paus slot, bonus paus slot" />
<meta name="robots" content="index,follow">
<meta name="distribution" content="global">
<meta name="author" content="Pausslot">
<meta name="publisher" content="Pausslot">
<meta name="language" content="id-ID">
<meta name="geo.region" content="id_ID">
<meta name="geo.placename" content="jakarta">
<meta name="categories" content="website">
<meta name="robots" content="index,follow">
<meta name="rating" content="general">
<meta property="og:locale" content="id_ID">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Pausslot">
<meta property="og:title" content="Pausslot: Daftar Link Alternatif VIP Resmi & Klaim Bonus 2026">
  <meta property="og:description" content="Pausslot menyediakan daftar link alternatif VIP resmi terbaru 2026, lengkap dengan informasi klaim bonus, akses situs, dan panduan untuk memudahkan pengguna.">
  <meta property="og:url" content="https://www.pausslott.org/">
  <meta property="og:image" content="https://maketheurl.com/m/pausslotdaftarvip">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Pausslot: Daftar Link Alternatif VIP Resmi & Klaim Bonus 2026">
  <meta name="twitter:description" content="Pausslot menyediakan daftar link alternatif VIP resmi terbaru 2026, lengkap dengan informasi klaim bonus, akses situs, dan panduan untuk memudahkan pengguna.">
  <meta name="twitter:image" content="https://maketheurl.com/m/pausslotdaftarvip">
  <meta name="google-site-verification" content="bprMZNZWBKYJsG5VLOYZQumkIJZdTA21rRNGbxQca80" />
<link rel="canonical" href="https://www.pausslott.org/" />
<link rel="amphtml" href="https://www.pausslott.org/about/"/>
    <link rel="alternate" hreflang="id-id" href="https://www.pausslott.org/about/"/>
    <link rel="alternate" href="https://www.pausslott.org/about/"/>
    <link rel="alternate" hreflang="id" href="https://www.pausslott.org/about/"/>
    <link rel="alternate" hreflang="en" href="https://www.pausslott.org/about/"/>
    <link rel="alternate" hreflang="x-default" href="https://www.pausslott.org/about/"/>

<script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Product",
            "name": "Pausslot: Daftar Link Alternatif VIP Resmi & Klaim Bonus 2026",
            "image": "https://maketheurl.com/m/pausslotdaftarvip",
            "description": "Pausslot menyediakan daftar link alternatif VIP resmi terbaru 2026, lengkap dengan informasi klaim bonus, akses situs, dan panduan untuk memudahkan pengguna.",
            "brand": {
                "@type": "Brand",
                "name": "Pausslot"
            },
            "sku": "Pausslot",
            "mpn": "Daftar Pausslot",
            "url": "https://www.pausslott.org/",
            "offers": {
                "@type": "Offer",
                "url": "https://www.pausslott.org/",
                "priceCurrency": "USD",
                "price": "0.00",
                "priceValidUntil": "2025-11-31",
                "itemCondition": "https://schema.org/NewCondition",
                "availability": "https://schema.org/InStock",
                "seller": {
                    "@type": "Organization",
                    "name": "Pausslot"
                }
            },
            "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "5.0",
                "reviewCount": 779
            },
            "review": [{
                "@type": "Review",
                "reviewRating": {
                    "@type": "Rating",
                    "ratingValue": "5",
                    "bestRating": "5"
                },
                "author": {
                    "@type": "Person",
                    "name": "Sealtiel"
                }
            }, {
                "@type": "Review",
                "reviewRating": {
                    "@type": "Rating",
                    "ratingValue": "5",
                    "bestRating": "5"
                },
                "author": {
                    "@type": "Person",
                    "name": "User Verified"
                }
            }]
        }
    </script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Pausslot",
      "item": "https://www.pausslott.org/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Paus Slot",
      "item": "https://www.pausslott.org/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Daftar Pausslot",
      "item": "https://www.pausslott.org/"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "Link Alternatif Pausslot",
      "item": "https://www.pausslott.org/"
    },
    {
      "@type": "ListItem",
      "position": 5,
      "name": "Bonus Pausslot",
      "item": "https://www.pausslott.org/"
    }
  ]
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Pausslot",
  "url": "https://www.pausslott.org/",
  "logo": "https://maketheurl.com/m/pausslot-logo",
  "sameAs": [
    "https://www.facebook.com/pausslot",
    "https://twitter.com/pausslot",
    "https://www.instagram.com/pausslot"
  ],
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+62-822-5555-8888",
    "contactType": "customer support",
    "areaServed": "ID",
    "availableLanguage": ["Indonesian", "English"]
  }
}
</script>
 
 <script type="application/ld+json">
 {
   "@context": "https://schema.org",
   "@graph": [
     {
       "@type": "Organization",
       "@id": "https://www.pausslott.org/",
       "name": "Pausslot",
       "url": "https://www.pausslott.org/",
       "logo": "https://maketheurl.com/m/pausslot-logo"
     },
     {
       "@type": "WebSite",
       "@id": "https://www.pausslott.org/",
       "url": "https://www.pausslott.org/",
       "name": "Pausslot",
       "publisher": { "@id": "https://www.pausslott.org/" },
       "inLanguage": "id-ID",
       "potentialAction": {
         "@type": "SearchAction",
         "target": "https://www.pausslott.org/",
         "query-input": "required name=search_term_string"
       }
     },
     {
       "@type": "SoftwareApplication",
       "@id": "https://www.pausslott.org/",
       "name": "Pausslot",
       "applicationCategory": "GameApplication",
       "operatingSystem": "Android, iOS, Windows",
       "offers": { "@type": "Offer", "price": "0", "priceCurrency": "IDR" },
       "aggregateRating": { "@type": "AggregateRating", "ratingValue": 4.9, "ratingCount": 62595 }
     }
   ]
 }
 </script>
   
    <link rel="preload" href="/fonts/new/ubuntu-normal-400-latin.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/fonts/new/ubuntu-normal-700-latin.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/fonts/new/oswald-normal-400-latin.woff2" as="font" type="font/woff2" crossorigin>
    <link href="assets/css/bootstrap-min.css" rel="stylesheet">
    <style id="jt-fonts">/* Self-hosted Ubuntu + Oswald (latin / latin-ext), font-display: swap */
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-400-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-500-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-600-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-700-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-300-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-400-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-500-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-700-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-300-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-400-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-500-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-700-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style>    <style id="jt-theme">/* Theme: LD — LD */
:root {
    /* --- Accent --- */
    --accent-color:               rgba(0, 255, 255,1);

    /* --- Text --- */
    --primary-text-color:         #ffffff;
    --secondary-text-color:       #0091ff;
    --accent-text-color:          #00ffff;

    /* --- Teks tambahan --- */
    --muted-text-color:           #0091ff;
    --muted-text-color-secondary: #a1a1a1;
    --muted-text-color-tertiary:  #ffffff;

    /* --- Background utama --- */
    --primary-background-color:   #000;
    --secondary-background-color: #0a0a0a;
    --ternary-background-color:   #1a1a1a;
    --quaternary-background-color: #000;

    /* --- Background tambahan --- */
    --placeholder-bg:             #262626;
    --overlay-bg:                 rgba(0,0,0,0.6);
    --handle-color:               rgba(255,255,255,0.2);
    --table-hover-bg:             rgba(0, 255, 255,0.05);
    --btn-close-hover-bg:         rgba(47, 0, 255,0.12);
    --qr-bg:                      #ffffff;

    /* --- Navbar --- */
    --navbar-bg:                  var(--ternary-background-color);
    --bottom-navbar-bg:           var(--ternary-background-color);

    /* --- Navbar text --- */
    --navbar-text-color:          #ffffff;
    --bottom-navbar-text-color:   #ffffff;

    /* --- Header & Home elemen (terpisah dari primary/secondary/accent-text) --- */
    --topbar-link-color:          var(--primary-text-color);
    --section-title-color:        var(--primary-text-color);
    --togel-market-name-color:    var(--primary-text-color);
    --balance-text-color:         var(--secondary-text-color);
    --nav-active-color:           var(--accent-text-color);
    --marquee-date-color:         var(--accent-text-color);
    --username-text-color:        var(--secondary-text-color);
    --marquee-text-color:         var(--secondary-text-color);

    /* --- Menu / Marquee / Search --- */
    --menu-box-bg:                rgba(0, 255, 255,0.05);
    --marquee-bg:                 #0a0a0a;
    --search-bg:                  #1a1a1a;

    /* --- Widget profile gradient --- */
    --widget-profile-bg-start:    #060030;
    --widget-profile-bg-end:      #0a0a0a;

    /* --- Tombol Deposit (gradient) --- */
    --btn-deposit-color-start:    #001aff;
    --btn-deposit-color-mid:      #00b7ff;
    --btn-deposit-color-end:      #001aff;
    --btn-deposit-text:           #000;

    /* --- Tombol Withdraw (gradient) --- */
    --btn-withdraw-color-start:   #001aff;
    --btn-withdraw-color-end:     #00b7ff;
    --btn-withdraw-text:          #fff;

    /* --- Tab aktif & tabel rekening (terpisah dari accent utama) --- */
    --tx-tab-active-color:        #ffffff;
    --tx-table-accent-color:      var(--accent-text-color);

    /* --- Table stripe & input placeholder (terpisah, dikalibrasi thd bg literal) --- */
    --table-stripe-odd-bg:        var(--ternary-background-color);
    --table-stripe-even-bg:       var(--secondary-background-color);
    --input-placeholder-color:    #6b7280;

    /* --- CMS sidebar nav item (state tidak-aktif/hover/aktif, terpisah dari muted-text-color umum) --- */
    --cms-nav-color:              var(--muted-text-color);
    --cms-nav-hover-color:        var(--secondary-text-color);
    --cms-nav-active-color:       var(--primary-text-color);

    /* --- History table --- */
    --color-tanggal:              #00ffea;
    --color-pasaran:              #00ffea;
    --color-debit:                #00ffea;
    --color-kredit:               #00ffea;
    --color-balance:              #00ffea;

    /* --- Component backgrounds --- */
    --btn-menu-bg:                var(--ternary-background-color);
    --card-bg:                    var(--quaternary-background-color);
    --avatar-bg:                  var(--ternary-background-color);
    --table-header-bg:            var(--ternary-background-color);
    --dropdown-bg:                var(--secondary-background-color);
    --sidebar-bg:                 var(--secondary-background-color);
    --input-bg:                   var(--secondary-background-color);
    --menu-box-border-color:      rgba(0, 255, 255,0.12);
    --breadcrumb-color:           var(--accent-color);
    --alert-danger-bg:            #ffffff;

    /* --- Accent alpha (untuk hover/active) --- */
    --accent-bg-subtle:           rgba(0, 255, 255,0.10);
    --accent-bg-active:           rgba(0, 255, 255,0.12);
    --accent-border-subtle:       rgba(0, 255, 255,0.32);

    /* --- Skeleton shimmer --- */
    --skeleton-color-base:        var(--ternary-background-color);
    --skeleton-color-shine:       #2c2c2c;

    /* --- Card togel pasaran (home) --- */
    --togel-card-bg:               #1a1a1a;
    --togel-card-number-color:    var(--primary-text-color);

    /* --- Splide pagination --- */
    --splide-pagination-inactive: #ffffff;

    /* --- Border --- */
    --border-color:               rgba(255,255,255,0.08);
    --border-subtle-color:        rgba(255,255,255,0.04);

    /* --- Font & Radius --- */
    --font-body:                  "Ubuntu", sans-serif;
    --radius-sm:                  6px;
    --radius-md:                  8px;
    --radius-lg:                  10px;
    --radius-xl:                  12px;
    --radius-pill:                999px;

    /* --- Font sizes --- */
    --fs-xs:                      10px;
    --fs-sm:                      11px;
    --fs-md:                      12px;
    --fs-base:                    13px;
    --fs-lg:                      14px;
    --fs-xl:                      15px;
    --fs-2xl:                     16px;
    --fs-3xl:                     18px;
}

:root[data-theme="light"] {
    /* --- Light theme overrides (auto-generated dari base gelap) --- */
    /* --- Accent --- */
    --accent-color:                rgba(0, 255, 255,1);

    /* --- Text --- */
    --primary-text-color:          #ffffff;
    --secondary-text-color:        #ffffff;
    --accent-text-color:           #ffffff;

    /* --- Teks tambahan --- */
    --muted-text-color:            #595959;
    --muted-text-color-secondary:  #5c5656;
    --muted-text-color-tertiary:   #6c6147;

    /* --- Background utama --- */
    --primary-background-color:    #cfbdaa;
    --secondary-background-color:  #000;
    --ternary-background-color:    #a1a1a1;
    --quaternary-background-color: #ede6de;

    /* --- Background tambahan --- */
    --placeholder-bg:              #a1a1a1;
    --overlay-bg:                  rgba(0,0,0,0.6);
    --handle-color:                rgba(0,0,0,0.2);
    --table-hover-bg:              rgba(0, 0, 255,0.05);
    --btn-close-hover-bg:          rgba(0, 0, 255,0.12);
    --qr-bg:                       #ffffff;

    /* --- Navbar --- */
    --navbar-bg:                   var(--ternary-background-color);
    --bottom-navbar-bg:            var(--ternary-background-color);

    /* --- Navbar text --- */
    --navbar-text-color:           #ffffff;
    --bottom-navbar-text-color:    #ffffff;

    /* --- Header & Home elemen (terpisah dari primary/secondary/accent-text) --- */
    --topbar-link-color:           var(--primary-text-color);
    --section-title-color:         var(--primary-text-color);
    --togel-market-name-color:     var(--primary-text-color);
    --balance-text-color:          var(--secondary-text-color);
    --nav-active-color:            var(--accent-text-color);
    --marquee-date-color:          var(--accent-text-color);
    --username-text-color:         var(--secondary-text-color);
    --marquee-text-color:          var(--secondary-text-color);

    /* --- Menu / Marquee / Search --- */
    --menu-box-bg:                 rgba(0, 0, 255,0.05);
    --marquee-bg:                  #000;
    --search-bg:                   #a1a1a1;

    /* --- Widget profile gradient --- */
    --widget-profile-bg-start:     #a1a1a1;
    --widget-profile-bg-end:       #000;

    /* --- Tombol Deposit (gradient) --- */
    --btn-deposit-color-start:     #0800ff;
    --btn-deposit-color-mid:       #00ffff;
    --btn-deposit-color-end:       #0800ff;
    --btn-deposit-text:            #000000;

    /* --- Tombol Withdraw (gradient) --- */
    --btn-withdraw-color-start:    #0800ff;
    --btn-withdraw-color-end:      #00ffff;
    --btn-withdraw-text:           #ffffff;

    /* --- Tab aktif & tabel rekening (terpisah dari accent utama) --- */
    --tx-tab-active-color:         var(--accent-color);
    --tx-table-accent-color:       var(--accent-text-color);

    /* --- Table stripe & input placeholder (terpisah, dikalibrasi thd bg literal) --- */
    --table-stripe-odd-bg:         var(--primary-background-color);
    --table-stripe-even-bg:        var(--secondary-background-color);
    --input-placeholder-color:     #6b7280;

    /* --- CMS sidebar nav item (state tidak-aktif/hover/aktif, terpisah dari muted-text-color umum) --- */
    --cms-nav-color:               var(--muted-text-color);
    --cms-nav-hover-color:         var(--secondary-text-color);
    --cms-nav-active-color:        var(--primary-text-color);

    /* --- History table --- */
    --color-tanggal:               #ffffff;
    --color-pasaran:               #ffffff;
    --color-debit:                 #ffffff;
    --color-kredit:                #ffffff;
    --color-balance:               #ffffff;

    /* --- Component backgrounds --- */
    --btn-menu-bg:                 var(--ternary-background-color);
    --card-bg:                     var(--ternary-background-color);
    --avatar-bg:                   var(--ternary-background-color);
    --table-header-bg:             var(--ternary-background-color);
    --dropdown-bg:                 var(--secondary-background-color);
    --sidebar-bg:                  var(--secondary-background-color);
    --input-bg:                    var(--secondary-background-color);
    --menu-box-border-color:       rgba(0, 0, 255,0.12);
    --breadcrumb-color:            var(--accent-color);
    --alert-danger-bg:             #ffffff;

    /* --- Accent alpha (untuk hover/active) --- */
    --accent-bg-subtle:            rgba(0, 255, 254,0.10);
    --accent-bg-active:            rgba(0, 255, 254,0.12);
    --accent-border-subtle:        rgba(0, 255, 254,0.32);

    /* --- Skeleton shimmer --- */
    --skeleton-color-base:         var(--ternary-background-color);
    --skeleton-color-shine:        #a1a1a1;

    /* --- Card togel pasaran (home) --- */
    --togel-card-bg:               var(--secondary-background-color);
    --togel-card-number-color:    var(--primary-text-color);

    /* --- Splide pagination --- */
    --splide-pagination-inactive:  #a8b2bd;

    /* --- Border --- */
    --border-color:                rgba(0,0,0,0.08);
    --border-subtle-color:         rgba(0,0,0,0.04);

    /* --- Font & Radius --- */
    --font-body:                   "Ubuntu", sans-serif;
    --radius-sm:                   6px;
    --radius-md:                   8px;
    --radius-lg:                   10px;
    --radius-xl:                   12px;
    --radius-pill:                 999px;

    /* --- Font sizes --- */
    --fs-xs:                       10px;
    --fs-sm:                       11px;
    --fs-md:                       12px;
    --fs-base:                     13px;
    --fs-lg:                       14px;
    --fs-xl:                       15px;
    --fs-2xl:                      16px;
    --fs-3xl:                      18px;
}

/* History table column colors */
.history-table .col-tanggal  { white-space: nowrap; color: var(--color-tanggal); }
.history-table .col-pasaran  { color: var(--color-pasaran); }
.history-table .col-betid    { font-size: var(--fs-xs); word-break: break-all; color: var(--accent-text-color); }
.history-table .col-deskripsi { color: var(--primary-text-color); }
.history-table .col-balance  { white-space: nowrap; color: var(--color-balance); }
</style>    <link rel="stylesheet" href="assets/css/layout-min.css">
    <link rel="stylesheet" href="assets/css/logo.css">
    <style>.splide__list{display:flex;margin:0!important;padding:0!important}.splide__track{overflow:hidden;position:relative}</style>

    <link id="css-home-sections" rel="stylesheet" href="assets/css/home-sections-min.css" media="print" onload="this.media='all'">
    
    <link id="css-bootstrap-icons" rel="stylesheet" href="assets/css/bootstrap-icons-min.css" media="print" onload="this.media='all'">
    <link id="css-splide" rel="stylesheet" href="assets/css/splide-min.css" media="print" onload="this.media='all'">
    <noscript>
        <link rel="stylesheet" href="assets/css/new/home-sections-min.css">
        <link rel="stylesheet" href="assets/css/new/bootstrap-icons-min.css">
        <link rel="stylesheet" href="assets/css/new/splide-min.css">
        <link rel="stylesheet" href="assets/css/new/game-min.css">
    </noscript>

    <style>
    @media (max-width: 768px) {
        .driver-popover { max-width: 220px !important; font-size: 12px !important; padding: 10px 12px !important; }
        .driver-popover-title { font-size: 13px !important; margin-bottom: 4px !important; }
        .driver-popover-description { font-size: 12px !important; }
    }
    </style>

    <style>
        a {
          color: inherit; /* blue colors for links too */
          text-decoration: inherit; /* no underline */
        }
    
        .desktop-only {
            display: block!important;
        }
        
        .mobile-only {
            display: none !important;
        }
        
        .btn {
            height: 30px;
            border-radius: 3px;
        }
        
        .login-field {
            width: 104px;
            height: 30px;
            border-radius: 3px;
        }

        .login-input-field {
            margin: 0px;
            padding: 0px 8px;
            border-radius: 3px !important;
        }
        
        .section>.home-view {
            padding: 0px;
        }

        @media only screen and (max-width: 1000px) {

            .desktop-only {
                display: none!important;
            }
                
            .mobile-only {
                display: block!important;
            }
            
            .login-form {
                padding: 32px 0;
                margin: 0px 64px;
                display: flex;
                flex-direction: column;
            }
            
            .login-field, .login-form>button, .btn-promosi {
                height: 36px;
                width: 100% !important;
                border-radius: 8px;
                overflow: hidden;
            }
                    
            .login-input-field {
                border-top-left-radius: 0 !important;
                border-bottom-left-radius: 0 !important;
                font-size: 1rem;
            }
            
            .section {
                padding: 0px 8px!important;
            }
        }

        .grecaptcha-badge {
            display: none !important;
        }
    </style>
    
    
</head>
  <body>
    <script src="assets/js/jquery-min.js"></script>
    <script>
        window.JT_CSRF_TOKEN = '2749ea6dd8c93cbe668756aa15877136801e77f1258b29c08a92c391449cb2ae';
        window.JT_NEED_RECAPTCHA_REGISTER = false;
        window.JT_NEED_RECAPTCHA_LOGIN = false;
        window.JT_NEED_RECAPTCHA = false;
        window.JT_RECAPTCHA_SITE_KEY = '6Leu4cosAAAAABe-B_1-oryumOl99wsUEEFN3z8A';
        window.JT_NEED_TURNSTILE_REGISTER = false;
        window.JT_NEED_TURNSTILE_LOGIN = false;
        window.JT_NEED_TURNSTILE = false;
        window.JT_NEED_IFRAME_CAPTCHA = false;
        window.JT_CAPTCHA_LOGIN_MODE = '1';
        window.JT_CAPTCHA_REGISTER_MODE = '1';

        $.ajaxSetup({
            beforeSend: function (xhr, settings) {
                if (settings.type === 'POST' && !settings.crossDomain) {
                    xhr.setRequestHeader('X-CSRF-Token', window.JT_CSRF_TOKEN || '');
                }
            }
        });

        var _recaptchaLoader = null;
        function jtLoadRecaptcha() {
            if (!window.JT_NEED_RECAPTCHA) return Promise.resolve();
            if (typeof grecaptcha !== 'undefined' && grecaptcha.enterprise) return Promise.resolve();
            if (_recaptchaLoader) return _recaptchaLoader;
            _recaptchaLoader = new Promise(function (resolve, reject) {
                var s = document.createElement('script');
                s.src = 'https://www.google.com/recaptcha/enterprise.js?render=' + encodeURIComponent(window.JT_RECAPTCHA_SITE_KEY);
                s.async = true;
                s.onload = function () { resolve(); };
                s.onerror = function () { _recaptchaLoader = null; reject(new Error('recaptcha load failed')); };
                document.head.appendChild(s);
            });
            return _recaptchaLoader;
        }

        
        function jtWarmAuthScripts() {
            if (window.JT_NEED_RECAPTCHA) jtLoadRecaptcha().catch(function () {});
            if (window.JT_NEED_TURNSTILE && typeof window.turnst === 'function') {
                window.turnst('').catch(function () {});
            }
        }

        $(document).on(
            'focusin',
            '#desktoplogin input, #mobilelogin input, #formRegister input, #formRegister select, #desktopregister input, #mobileregister input',
            jtWarmAuthScripts
        );
        $(document).on(
            'click',
            '.btn-daftar, [onclick*="register"], a[href*="register"]',
            jtWarmAuthScripts
        );

        function jtNeedRecaptchaRegister($form) {
            var isRecaptchaRegister = String($form.find('input[name="isrecaptcharegister"]').val() || '');
            return window.JT_NEED_RECAPTCHA_REGISTER === true || isRecaptchaRegister === '1';
        }

        function jtNeedRecaptchaLogin($form) {
            var isRecaptchaLogin = String($form.find('input[name="isrecaptchalogin"]').val() || '');
            return window.JT_NEED_RECAPTCHA_LOGIN === true || isRecaptchaLogin === '1';
        }

        function jtWithRecaptchaToken($form, $status, action, shouldRun, onReady, failCls, onFail, tokenField) {
            if (!shouldRun) {
                onReady();
                return;
            }
            var fieldName = tokenField || 'recaptcha_token';
            var warnCls = (failCls === undefined) ? 'alert alert-sm alert-warning' : failCls;
            function showFail(msg) {
                if (warnCls) {
                    $status.removeClass().addClass(warnCls).text(msg).fadeIn(1000);
                } else {
                    $status.removeClass().text(msg).fadeIn(1000);
                }
                if (typeof onFail === 'function') {
                    onFail();
                }
            }
            jtLoadRecaptcha().then(function () {
                if (typeof grecaptcha === 'undefined' || !grecaptcha.enterprise) {
                    showFail('Verifikasi gagal dimuat, refresh halaman');
                    return;
                }
                grecaptcha.enterprise.ready(function () {
                    grecaptcha.enterprise.execute(window.JT_RECAPTCHA_SITE_KEY, { action: action })
                        .then(function (token) {
                            jtSetHidden($form, fieldName, token);
                            onReady();
                        })
                        .catch(function () {
                            showFail('Verifikasi gagal, coba lagi');
                        });
                });
            }).catch(function () {
                showFail('Verifikasi gagal dimuat, refresh halaman');
            });
        }

        function jtWithRecaptchaRegisterToken($form, $status, onReady) {
            jtWithRecaptchaToken($form, $status, 'register', jtNeedRecaptchaRegister($form), onReady, undefined, undefined, 'recaptcha_register_token');
        }

        function jtWithRecaptchaLoginToken($form, $status, onReady, onFail) {
            jtWithRecaptchaToken($form, $status, 'login', jtNeedRecaptchaLogin($form), onReady, '', onFail, 'recaptcha_login_token');
        }

        function jtSetHidden($form, name, value) {
            var $el = $form.find('input[name="' + name + '"]');
            if ($el.length === 0) {
                $form.append('<input type="hidden" name="' + name + '" value="">');
                $el = $form.find('input[name="' + name + '"]');
            }
            $el.val(value);
        }

        function jtWithTurnstileAction($form, actionName, needFlag, onReady) {
            if (!needFlag || typeof window.turnst !== 'function') {
                onReady();
                return;
            }
            window.turnst(actionName).then(function (fpResult) {
                jtSetHidden($form, 'fp_event_id', (fpResult && fpResult.eventId) || '');
                jtSetHidden($form, 'fp_visitor_id', (fpResult && fpResult.visitorId) || '');
                onReady();
            }).catch(function () {
                jtSetHidden($form, 'fp_event_id', '');
                jtSetHidden($form, 'fp_visitor_id', '');
                onReady();
            });
        }

        function jtWithTurnstileRegister($form, onReady) {
            jtWithTurnstileAction($form, 'account_create', window.JT_NEED_TURNSTILE_REGISTER, onReady);
        }

        function jtWithTurnstileLogin($form, onReady) {
            jtWithTurnstileAction($form, 'account_login', window.JT_NEED_TURNSTILE_LOGIN, onReady);
        }

        var _jtIframePending = null;

        function jtShowIframeCaptcha(isMobile, onReady, onCancelMsg) {
            if (!window.JT_NEED_IFRAME_CAPTCHA) {
                onReady();
                return;
            }
            var modalId = isMobile ? '#captchaModalMobile' : '#captchaModalDesktop';
            var $modal = $(modalId);
            if ($modal.length === 0) {
                onReady();
                return;
            }
            _jtIframePending = {
                isMobile: !!isMobile,
                onReady: onReady,
                onCancelMsg: onCancelMsg || null
            };
            $modal.css('display', 'flex');
        }

        function jtWithIframeCaptchaLogin($form, isMobile, onReady, onCancelMsg) {
            var mode = String($form.find('input[name="iscaptchalogin"]').val() || window.JT_CAPTCHA_LOGIN_MODE || '1');
            if (mode !== '2') {
                onReady();
                return;
            }
            jtShowIframeCaptcha(isMobile, function (token, key) {
                jtSetHidden($form, 'token', token || '');
                jtSetHidden($form, 'key', key || '');
                onReady();
            }, onCancelMsg);
        }

        function jtWithIframeCaptchaRegister($form, isMobile, onReady, onCancelMsg) {
            var mode = String($form.find('input[name="iscaptcharegister"]').val() || window.JT_CAPTCHA_REGISTER_MODE || '1');
            if (mode !== '2') {
                onReady();
                return;
            }
            jtShowIframeCaptcha(isMobile, function (token, key) {
                jtSetHidden($form, 'token', token || '');
                jtSetHidden($form, 'key', key || '');
                onReady();
            }, onCancelMsg);
        }

        window.addEventListener('message', function (e) {
            if (e.origin !== 'https://recaptcha.viva88athenae.com') {
                return;
            }
            if (!_jtIframePending) {
                return; 
            }
            var pending = _jtIframePending;
            _jtIframePending = null;

            var dataCaptcha = e.data || {};
            var $modal = pending.isMobile ? $('#captchaModalMobile') : $('#captchaModalDesktop');
            $modal.css('display', 'none');

            if (dataCaptcha.verified !== true) {
                if (typeof pending.onCancelMsg === 'function') {
                    pending.onCancelMsg('Verifikasi Kosong');
                }
                return;
            }

            if (typeof pending.onReady === 'function') {
                pending.onReady(dataCaptcha.token || '', dataCaptcha.key || '');
            }
        });
    </script>

      
<style>
    .btn-tele {
        text-shadow: 1px 1px #000000;
        height: 36px!important;
        border-radius: 8px;
        background: #28323C;
        color: white;
    }
</style>


            
    <style>
    
    #mySidenav {
    position: fixed;
    top: 180px;
    right: 100px;
    z-index: 999;
}

#mySidenav div#nav:hover {
  left: -138px;
}

#mySidenav div#nav {
    position: absolute;
    font-size: 20px;
    border-radius: 0 5px 5px 0;
    left: 36px;
    transition: 0.3s;
    display: flex;
}

#kontak-content {
    width: 190px;
    padding: 5px 10px 8px 10px;
    font-size: 15px;
    background-color: #FFF;
    color: #000;
}
    
</style>
        
        
    
    <div class="d-none d-md-block px-2">
        
                        
                <div class="section desktop-topbar d-flex align-items-center justify-content-between">
                    <div class="d-flex align-items-center gap-4">
            
                    </div>
            
                                
                    <!-- Desktop Login Start -->
                    
                    <style>
                        
                        .login-form {
                            display: flex;
                            align-items: center;
                            justify-content: end;
                            gap: 4px;
                        }
                        
                        .btn-masuk {
                            background: linear-gradient(#00FFFF, #008cff, #0000FF 60%, #008cff, #00FFFF) !important;
                            color: white;
                            text-shadow: 3px solid #000;
                        }
                        
                        .btn-daftar {
                            background: linear-gradient(#00FFFF, #008cff, #0000FF 60%, #008cff, #00FFFF) !important;
                            color: white;
                            text-shadow: 3px solid #000;
                        }

                        .btn-google {
                            width: 30px;
                            height: 30px;
                            background: #fff;
                            border: 1px solid #ddd;
                            border-radius: 3px;
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                        }

                        .btn-google:hover {
                            background: #f5f5f5;
                        }

                        .btn-google-mobile {
                            background: #fff;
                            color: #3c4043;
                            border: 1px solid #dadce0;
                            border-radius: 3px;
                            height: 36px;
                            padding: 0 12px;
                            font-weight: 600;
                            font-size: 1.2rem;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            gap: 8px;
                        }

                        .btn-google-mobile:hover {
                            background: #f8f9fa;
                            color: #202124;
                        }

                    </style>
                    
                    <div class="d-flex align-items-center gap-2">
                        <div id="desktoplogin" class="desktop-only">
                            <form class="login-form form" role="form">
                                <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem; white-space:nowrap;"></div>
                                <div class="input-group login-field">
                                    <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
                                    <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
                                </div>
                                
                                
                                
                                <div class="input-group login-field">
                                    <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
                                    <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
                                </div>
                                
                                <!-- captcha -->
                         
                                    <div class="verifikasiform" style="">
                                        <div style="display: flex; gap: 2px;">
                                        </div>
            
                                    </div>
                              
                                <!-- end captcha -->
            
            
                                <!--<button value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>-->
                                <a href="https://www.pausslott.org/about/" target="_blank" rel="nofollow noopener noreferrer"><button type="button" class="btn btn-masuk fw-bold p-0 px-2 submit d-flex justify-content-center align-items-center">Masuk</button></a>
                                <a href="https://www.pausslott.org/about/" target="_blank" rel="nofollow noopener noreferrer"><button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="openRegister('desktop')">Daftar</button></a>
                                
                                <input type="hidden" name="task" value="login">
                                <input type="hidden" name="iscaptchalogin" value="1">
                                <input type="hidden" name="isrecaptchalogin" value="0">
                                <input type="hidden" name="recaptcha_login_token" value="">
                                <input type="hidden" name="fp_event_id" value="">
                                <input type="hidden" name="fp_visitor_id" value="">
                                <input type="hidden" name="logindesktop" value="++xallHkXxsruE8sljIIM8eJRvgRmYEi8zhEvgVzcjY=">
                            </form>
            
                        </div>
                    
                        
                        <!--<a href="/event">-->
                        <!--    <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>-->
                        <!--</a>-->
                    </div>
                    
                    <!-- Desktop Login End -->
                  </div>
                  
                  <div class="desktop-topbar-line"></div>
                
                
                

        <div class="desktop-topbar-line d-flex align-items-center justify-content-between" style="margin-left:-2.0rem;margin-right:-2.0rem"></div>
            
                  <nav class="section desktop-mainnav d-flex align-items-center">
                    <a class="navbar-brand me-2 flex-shrink-0" href="https://www.pausslott.org/about/" onclick="openPage('https://www.pausslott.org/about/');">
                      <img src="https://maketheurl.com/m/pausslot-logo" alt="Logo" class="logo">
                    </a>
                    <div class="d-flex align-items-stretch h-100 ms-auto" style="overflow-x:auto;scrollbar-width:none;">
                                            <a href="https://www.pausslott.org/about/"
                         onclick="openPage('https://www.pausslott.org/about/',this);"                         class="desktop-nav-link"
                         data-nav="home">
                                                  <img src="https://maketheurl.com/m/faviconpausslotnew" alt="">
                                                <span>Home</span>
                      </a>
                                            <a href="https://www.pausslott.org/"
                         onclick="openPage('https://www.pausslott.org/',this);"                        class="desktop-nav-link"
                         data-nav="pausslot">
                                                  <img src="https://maketheurl.com/m/faviconpausslotnew" alt="">
                                                <span>Pausslot</span>
                      </a>
                                            <a href="https://www.pausslott.org/"
                         onclick="openPage('https://www.pausslott.org/',this);"                         class="desktop-nav-link"
                         data-nav="paus slot">
                                                  <img src="https://maketheurl.com/m/faviconpausslotnew" alt="">
                                                <span>Paus Slot</span>
                      </a>
                                            <a href="https://www.pausslott.org/about/"
                         onclick="openPage('https://www.pausslott.org/about/',this);"                         class="desktop-nav-link"
                         data-nav="daftar pausslot">
                                                  <img src="https://maketheurl.com/m/faviconpausslotnew" alt="">
                                                <span>Daftar</span>
                      </a>
                                            <a href="https://www.pausslott.org/about/"
                         onclick="openPage('https://www.pausslott.org/about/',this);"                        class="desktop-nav-link"
                         data-nav="link vip pausslot">
                                                  <img src="https://maketheurl.com/m/faviconpausslotnew" alt="">
                                                <span>Link VIP</span>
                      </a>
                                            <a href="https://www.pausslott.org/"
                         onclick="openPage('https://www.pausslott.org/',this);"                        class="desktop-nav-link"
                         data-nav="slot pausslot">
                                                  <img src="https://maketheurl.com/m/faviconpausslotnew" alt="">
                                                <span>Slot</span>
                      </a>
                                            <a href="https://www.pausslott.org/"
                         onclick="openPage('https://www.pausslott.org/',this);"                        class="desktop-nav-link"
                         data-nav="togel pausslot">
                                                  <img src="https://maketheurl.com/m/faviconpausslotnew" alt="">
                                                <span>Togel</span>
                      </a>
                                            <a href="https://www.pausslott.org/about/"
                         onclick="openPage('https://www.pausslott.org/about/',this);"                         class="desktop-nav-link"
                         data-nav="rtp slot">
                                                  <img src="https://maketheurl.com/m/faviconpausslotnew" alt="">
                                                <span>RTP Slot</span>
                      </a>
                                            <a href="https://www.pausslott.org/about/"
                         onclick="openPage('https://www.pausslott.org/about/',this);"                         class="desktop-nav-link"
                         data-nav="alternatif">
                                                  <img src="https://maketheurl.com/m/faviconpausslotnew" alt="">
                                                <span>Alternatif</span>
                      </a>
                                            <a href="https://www.pausslott.org/"
                         onclick="openPage('https://www.pausslott.org/',this);"                         class="desktop-nav-link"
                         data-nav="bonus pausslot">
                                                  <img src="https://maketheurl.com/m/faviconpausslotnew" alt="">
                                                <span>Bonus</span>
                      </a>
                                            <a href="https://www.pausslott.org/"
                         onclick="openPage('https://www.pausslott.org/',this);"                         class="desktop-nav-link"
                         data-nav="event">
                                                  <img src="https://maketheurl.com/m/faviconpausslotnew" alt="">
                                                <span>Event</span>
                      </a>
                                          </div>
                  </nav>
            
                </div>
        <!-- WHEEL -->
                <!-- WHEEL -->
        

            
                <nav class="navbar px-3 d-md-none" style="z-index: 1046">
                  <div class="w-100 d-flex justify-content-between align-items-center ps-3">
                    <a class="navbar-brand" href="https://www.pausslott.org/about/" onclick="content('https://www.pausslott.org/about/','#content',this);">
                      <img src="https://maketheurl.com/m/pausslot-logo" alt="Logo" class="logo">
                    </a>
                                            <div class="d-flex align-items-center gap-2 pe-2">
                        </div>
                                              </div>
                  </div>
                </nav>
                


                
                

<style>

        .banner {
              aspect-ratio: 1920 / 700;
              width: 100%;
              object-fit: cover;
              background: black
        }

        @media only screen and (max-width: 1000px) {

            .banner {
                aspect-ratio: 960 / 350;
            }

        }

</style>

<div class="carousel slide" id="banner-carousel" data-bs-ride="carousel">
  <div class="carousel-indicators">
                         <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
              </div>
    <div class="carousel-inner" style="height: 100%">
                    <div class="carousel-item active" style="height: 100%">
    
                <a >
    
                    <img
                        src="https://maketheurl.com/m/banner-pausslott-org"
                        class="d-block w-100 banner"
                        alt="Bonus Pausslot"
                        fetchpriority="high"                    >
    
                </a>
    
            </div>
                    <div class="carousel-item " style="height: 100%">
    
                <a >
    
                    <img
                        src="https://maketheurl.com/m/pausslott-org-pc"
                        class="d-block w-100 banner"
                        alt="Daftar Pausslot"
                                            >
    
                </a>
    
            </div>
            </div>
</div>

                <div class="section marquee-bar">
                  <div class="marquee-date ps-2">
                    <span id="datetime" style="color: #FFF;"></span>
                  </div>
                  <div class="marquee-text">
                    <div class="marquee-runner" id="marqueeRunner">
                      <span>SELAMAT DATANG DI PAUSSLOT, DAFTAR AKUN VIP GRATIS &amp; DAN CLAIM BONUS KHUSUS PEMAIN VIP !!!</span>
                    </div>
                  </div>
                </div>

                <div class="menu-mobile mobile-only" style="width: 100%; position: relative; border-top: 3px solid var(--primary-color); border-bottom: 3px solid var(--theme-color)">
                        
                        
        <div style="position: absolute; height: 100%; background: var(--primary-color); display: grid; place-items: center; left: 0; padding: 0px 6px" onclick="document.getElementById('menu-mobile').scrollBy(-40, 0)">
        </div>
        
        <div style="position: absolute; height: 100%; background:  var(--primary-color); display: grid; place-items: center; right: 0; padding: 0px 6px;" onclick="document.getElementById('menu-mobile').scrollBy(40, 0)">
        </div>
    
    
    <div id="menu-mobile" style="height:60px; display: block; margin-left: 28px; margin-right: 28px; background: linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), var(--primary-color)">
    
    
        <div style="white-space: nowrap; height: 100%; font-size: 0px">
                      <div class="splide__track">
                        <ul class="splide__list">
                                                    <li class="splide__slide">
                            <a href="https://www.pausslott.org/"
                         onclick="openPage('https://www.pausslott.org/',this);"
                               class="lobby-menu"
                               data-nav="pausslot">
                              <img src="https://maketheurl.com/m/faviconpausslotnew" alt="">
                              <small>Pausslot</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="https://www.pausslott.org/"
                         onclick="openPage('https://www.pausslott.org/',this);"
                               class="lobby-menu"
                               data-nav="paus slot">
                              <img src="https://maketheurl.com/m/faviconpausslotnew" alt="">
                              <small>Paus Slot</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="https://www.pausslott.org/"
                         onclick="openPage('https://www.pausslott.org/',this);"
                               class="lobby-menu"
                               data-nav="daftar">
                              <img src="https://maketheurl.com/m/faviconpausslotnew" alt="">
                              <small>Daftar</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="https://www.pausslott.org/"
                         onclick="openPage('https://www.pausslott.org/',this);"
                               class="lobby-menu"
                               data-nav="link vip pausslot">
                              <img src="https://maketheurl.com/m/faviconpausslotnew" alt="">
                              <small>Link VIP</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="https://www.pausslott.org/"
                         onclick="openPage('https://www.pausslott.org/',this);"
                               class="lobby-menu"
                               data-nav="slot pausslot">
                              <img src="https://maketheurl.com/m/faviconpausslotnew" alt="">
                              <small>Slot</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="https://www.pausslott.org/"
                         onclick="openPage('https://www.pausslott.org/',this);"
                               class="lobby-menu"
                               data-nav="togel pausslot">
                              <img src="https://maketheurl.com/m/faviconpausslotnew" alt="">
                              <small>Togel</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="https://www.pausslott.org/"
                         onclick="openPage('https://www.pausslott.org/',this);"
                               class="lobby-menu"
                               data-nav="rtp slot">
                              <img src="https://maketheurl.com/m/faviconpausslotnew" alt="">
                              <small>RTP Slot</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="https://www.pausslott.org/"
                         onclick="openPage('https://www.pausslott.org/',this);"
                               class="lobby-menu"
                               data-nav="alternatif">
                              <img src="https://maketheurl.com/m/faviconpausslotnew" alt="">
                              <small>Alternatif</small>
                            </a>
                          </li>
                                                  </ul>
                      </div>
                    </div>
                    </div>
                  </div>

                    <script>
                    document.addEventListener('DOMContentLoaded', function () {
                      var lobbyEl = document.getElementById('lobbyMenuWrap');
                      if (lobbyEl && !lobbyEl.classList.contains('is-initialized')) {
                        var mountLobby = function () {
                          if (!lobbyEl || typeof Splide === 'undefined' || lobbyEl.classList.contains('is-initialized')) return;
                          new Splide('#lobbyMenuWrap', {
                            type: 'slide', perPage: 5, perMove: 5,
                            gap: '8px', pagination: true, arrows: false, drag: true,
                          }).mount();
                        };
                        if (typeof ensureSplide === 'function') {
                          ensureSplide().then(mountLobby).catch(function () {});
                        } else {
                          mountLobby();
                        }
                      }

                      if (typeof initUserareaShell === 'function') {
    initUserareaShell();
} else if (typeof initGuestShell === 'function') {
    initGuestShell();
}
                    });
                    </script>
                </div>
                
                    
                <!-- Mobile Login Start -->
            
                <div id="mobilelogin" class="d-block d-lg-none mb-3">
                        <form class="login-form form d-flex flex-column gap-2 align-items-center" style="padding: 0px; padding-top: 16px" role="form">
                        <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
                        <div class="input-group login-field">
                            <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
                            <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
                        </div>
                        <div class="input-group login-field">
                            <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
                            <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
                        </div>
                        
                        <label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;">
                            <input class="login-field" type="checkbox" id="rememberMe" name="remember" style="margin-right:4px;width:12px;height:12px;cursor:pointer;"> <span style="white-space: nowrap;">Remember Me</span>
                        </label>
                
                        <!--<button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>-->
                        <button type="button" class="btn btn-masuk fw-bold p-0 px-2 submit w-100 d-flex justify-content-center align-items-center" style="height: 36px; border-radius: 8px" onclick="window.open('https://www.pausslott.org/about/', '_blank')">Masuk</button>
                        <button type="button" class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="window.open('https://www.pausslott.org/about/', '_blank')">Daftar</button>

                        
                                                    <button type="button" class="btn btn-tele fw-bold p-0 px-2 mobile-only" onclick="window.open('https://maketheurl.com/s/register', '_blank')">Main di Telegram</button>
                                        
                        
                        <input type="hidden" name="task" value="login">    
                        <input type="hidden" name="iscaptchalogin" value="1">
                        <input type="hidden" name="isrecaptchalogin" value="0">
                        <input type="hidden" name="recaptcha_login_token" value="">
                        <input type="hidden" name="fp_event_id" value="">
                        <input type="hidden" name="fp_visitor_id" value="">
                        <input type="hidden" name="loginmobile" value="DzXTrNjavKQ4o2iIC925HBtf2D7Nmpmjl1COVBHexeE=">
                    </form>

                                        
                    <a href="https://maketheurl.com/s/register" class="mt-4" style="display: grid; place-items: center; font-size: 1rem; cursor: pointer; color: var(--menu-item-color)">WAP</a>
                
                </div>
            
                <!-- Mobile Login End -->

                
    <div class="modal fade" id="modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered modal-lg modal-fullscreen-sm-down">
        <div id="modal-content" class="modal-content rounded-0 primary-background-color">
        </div>
      </div>
    </div>

    <div id="content" class="section p-2" style="position:relative;min-height:60vh;">
<div class="home-view">
            
        <div class="home-section">
        <div class="section-title">
            Angka Beruntung Hari Ini        </div>
        <div id="togel-panel" class="togel-grid-wrap togel-panel" style="margin-bottom: 20px;margin-top: 15px;">
                        <div class="togel-panel-more"><i class="bi bi-chevron-double-down"></i></div>
        </div>
    </div>

    
        
        <div class="home-section">
        <div class="section-title">
            Hot Slot Games        </div>
        <div class="game-scroll-wrap">
                    <div class="game-card" onclick="launchGame('', 450, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pg/images/mahjong-ways.png?v=1" data-provider="pg" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"></div>
                <span class="game-flag-badge game-flag-badge--hot">HOT</span>
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('', 450, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pg/images/mahjong-ways2.png?v=1" data-provider="pg" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"></div>
                <span class="game-flag-badge game-flag-badge--hot">HOT</span>
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('', 1200, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/vs20olympx.png?v=1" data-provider="pp" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"></div>
                <span class="game-flag-badge game-flag-badge--hot">HOT</span>
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('', 450, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pg/images/wild-bounty-showdown.png?v=1" data-provider="pg" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"></div>
                <span class="game-flag-badge game-flag-badge--hot">HOT</span>
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('', 1200, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/vswaysmahwblck.png?v=1" data-provider="pp" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"></div>
                <span class="game-flag-badge game-flag-badge--hot">HOT</span>
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('', 1200, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/vs20olympgold.png?v=1" data-provider="pp" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"></div>
                <span class="game-flag-badge game-flag-badge--hot">HOT</span>
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('', 450, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/cq9/images/VPCQS28.png?v=1" data-provider="cq9" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('', 450, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/mgw/images/6059.png?v=1" data-provider="mgw" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"></div>
                <span class="game-flag-badge game-flag-badge--hot">HOT</span>
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('', 1200, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/mg/images/p5_mahjongmaxwin.png?v=1" data-provider="mg" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('', 450, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/fgs/images/S5G-H5-99950.png?v=1" data-provider="fgs" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"></div>
                
                
            </div>
            
        </div>        </div>
    </div>
    
        
        <div class="home-section">
        <div class="section-title">
            Hot Casino Games        </div>
        <div class="game-scroll-wrap">
                    <div class="game-card" onclick="launchGame('', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/1301.png?v=1" data-provider="pplc" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/1101.png?v=1" data-provider="pplc" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/801.png?v=1" data-provider="pplc" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/evo/images/icefishing.png?v=1" data-provider="evo" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/evo/images/crazytime.png?v=1" data-provider="evo" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/ion/images/ion_roulette.png?v=1" data-provider="ion" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/evo/images/lightningstorm.png?v=1" data-provider="evo" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/sx/images/lobby.png?v=1" data-provider="sx" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/ptlc/images/rol.png?v=1" data-provider="ptlc" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/sbo/images/sbol_roulette.png?v=1" data-provider="sbol" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"></div>
                
                
            </div>
            
        </div>        </div>
    </div>

            <div class="home-section">
        <div class="widget-kupon" style="margin-top:20px;">
            <iframe class="iframe-kupon" src="https://fkupon.com/widget2.php" title="Widget kupon" loading="lazy"></iframe>
            <div onclick="window.JT_LOGGED_IN ? content('','#content',null) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'kupon'})), scrollToLoginForm())" style="position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer;z-index:5;"></div>
        </div>
    </div>
    
    
</div>

<div id="pasaranPopupOverlay" class="pasaran-popup-overlay">
    <div class="pasaran-popup themed-box">
        <div class="pasaran-popup-inner">
            <div class="pasaran-popup-header">
                <div class="pasaran-popup-select">
                    <button type="button" class="pasaran-popup-select-btn" onclick="ppToggleDropdown()" id="ppSelectBtn">
                        <span id="ppTitle">-</span>
                    </button>
                    <div class="pasaran-popup-dropdown" id="ppDropdown"></div>
                </div>
            </div>
            <div class="pasaran-popup-meta" id="ppMeta"></div>
                    <tbody id="ppTableBody"></tbody>
                </table>
            </div>
            <div class="history-paging pasaran-popup-paging" id="ppPaging" style="display:none;">
                <ul class="h-pages" id="ppPages"></ul>
            </div>
        </div>
    </div>
</div>

<script>
window.addEventListener('message', function(e) {
    if (e.origin !== 'https://fkupon.com') return;
    var iframe = document.querySelector('.iframe-kupon');
    if (!iframe) return;
    var h = null;
    if (e.data && typeof e.data.height === 'number') h = e.data.height;
    else if (typeof e.data === 'number') h = e.data;
    if (h !== null) {
        iframe.style.height = Math.max(60, h) + 'px';
    }
});

// launchGame / copy helpers → main.js

var _ppMarkets       = [];
var _ppCurrentNameid = '';
var PP_PER_PAGE      = 10;

function showPasaranPopup(el) {
    var overlay = document.getElementById('pasaranPopupOverlay');
    var nameid  = el.dataset.nameid || '';
    if (!overlay || !nameid) return;
    overlay.style.display = 'flex';
    ppSelectPasaran(nameid);
}

function ppFindMarket(nameid) {
    for (var i = 0; i < _ppMarkets.length; i++) {
        if (String(_ppMarkets[i].nameid) === String(nameid)) return _ppMarkets[i];
    }
    return null;
}

function ppRenderDropdown() {
    var dd = document.getElementById('ppDropdown');
    if (!dd) return;
    dd.innerHTML = '';
    _ppMarkets.forEach(function (m) {
        var btn = document.createElement('button');
        btn.type = 'button';
        btn.className = 'pasaran-popup-dd-item' + (String(m.nameid) === String(_ppCurrentNameid) ? ' active' : '');
        btn.textContent = m.name || '';
        btn.dataset.nameid = m.nameid || '';
        btn.addEventListener('click', function () { ppSelectPasaran(btn.dataset.nameid); });
        dd.appendChild(btn);
    });
}

function ppSelectPasaran(nameid) {
    var market = ppFindMarket(nameid);
    if (!market) return;
    _ppCurrentNameid = nameid;
    document.getElementById('ppTitle').textContent = market.name || '';
    var ppMetaRows = [
        ['Website', market.web],
        ['Hari Undi', market.hari],
        ['Jam Tutup', market.jam_tutup],
        ['Jam Result', market.jam_result]
    ];
    document.getElementById('ppMeta').innerHTML = ppMetaRows.map(function (r) {
        return '<div class="pasaran-popup-meta-row"><span class="pp-meta-label">' + esc(r[0]) + '</span><span class="pp-meta-value">: ' + esc(r[1] || '-') + '</span></div>';
    }).join('');
    ppRenderDropdown();
    ppCloseDropdown();
    ppLoadKeluaran(1);
}

function ppToggleDropdown() {
    var dd   = document.getElementById('ppDropdown');
    var wrap = document.querySelector('.pasaran-popup-select');
    if (dd) dd.classList.toggle('open');
    if (wrap) wrap.classList.toggle('open');
}

function ppCloseDropdown() {
    var dd   = document.getElementById('ppDropdown');
    var wrap = document.querySelector('.pasaran-popup-select');
    if (dd) dd.classList.remove('open');
    if (wrap) wrap.classList.remove('open');
}

function ppLoadKeluaran(page) {
    var tbody = document.getElementById('ppTableBody');
    tbody.innerHTML = '<tr><td colspan="5" class="text-center pp-loading-cell"><div class="content-loader-wrap"><div class="loader"></div></div></td></tr>';

    jtPostJson('/api/front/pasaran-keluaran', {
            pasaran: _ppCurrentNameid,
            page: page,
            per_page: PP_PER_PAGE
        })
        .then(function (res) {
            if (!res.error || res.error.code !== 200) { ppRenderError(); return; }
            var data = res.data || {};
            ppRenderRows(data.rows || [], data.pagination || {});
        })
        .catch(ppRenderError);
}

function ppRenderError() {
    document.getElementById('ppTableBody').innerHTML = '<tr><td colspan="5" class="text-center pp-empty-cell" style="color:var(--secondary-text-color)">Gagal memuat data.</td></tr>';
    document.getElementById('ppPaging').style.display = 'none';
}

function ppRenderRows(rows, pagination) {
    var tbody = document.getElementById('ppTableBody');
    if (!rows.length) {
        tbody.innerHTML = '<tr><td colspan="5" class="text-center pp-empty-cell" style="color:var(--secondary-text-color)">Tidak ada data.</td></tr>';
    } else {
        var page    = pagination.page || 1;
        var startNo = (page - 1) * PP_PER_PAGE;
        tbody.innerHTML = rows.map(function (row, i) {
            return '<tr>' +
                '<td class="text-center" style="color:var(--secondary-text-color)">' + (startNo + i + 1) + '</td>' +
                '<td class="pp-col-tanggal">' + esc(row.tanggal) + '</td>' +
                '<td class="pp-col-hari">' + esc(row.hari) + '</td>' +
                '<td>' + esc(row.pasaran) + '</td>' +
                '<td class="pp-col-result"><strong>' + esc(row.result) + '</strong></td>' +
                '</tr>';
        }).join('');
    }
    ppRenderPaging(pagination);
}

function ppRenderPaging(pagination) {
    var paging     = document.getElementById('ppPaging');
    var pagesList  = document.getElementById('ppPages');
    var totalPages = pagination.total_pages || 0;
    var page       = pagination.page || 1;

    if (totalPages <= 1) { paging.style.display = 'none'; return; }
    paging.style.display = '';

    pagesList.innerHTML = '';
    function btn(label, targetPage, disabled, active) {
        var li = document.createElement('li');
        var b  = document.createElement('button');
        b.innerHTML = label;
        if (disabled) b.disabled = true;
        if (active)   b.classList.add('active');
        b.addEventListener('click', function () { ppLoadKeluaran(targetPage); });
        li.appendChild(b);
        pagesList.appendChild(li);
    }
    function ellipsis() {
        var li   = document.createElement('li');
        var span = document.createElement('span');
        span.className = 'h-ellipsis';
        span.textContent = '...';
        li.appendChild(span);
        pagesList.appendChild(li);
    }

    btn('First', 1, page === 1, false);

    var winStart = Math.max(1, page - 2);
    var winEnd   = Math.min(totalPages, page + 2);
    for (var p = winStart; p <= winEnd; p++) btn(p, p, false, p === page);

    if (winEnd < totalPages) {
        if (winEnd < totalPages - 1) ellipsis();
        btn(totalPages, totalPages, false, page === totalPages);
    }

    btn('Last', totalPages, page === totalPages, false);
}

function closePasaranPopup() {
    var overlay = document.getElementById('pasaranPopupOverlay');
    if (overlay) overlay.style.display = 'none';
    ppCloseDropdown();
}

document.addEventListener('click', function(e) {
    var overlay = document.getElementById('pasaranPopupOverlay');
    if (overlay && e.target === overlay) closePasaranPopup();

    var selectWrap = document.querySelector('.pasaran-popup-select');
    if (selectWrap && !selectWrap.contains(e.target)) ppCloseDropdown();
});

(function() {
    var PER_PAGE = 10;

    function initTogelPagination() {
        var wrap = document.querySelector('.togel-list-guest');
        if (!wrap) return;

        var rows = Array.prototype.slice.call(wrap.querySelectorAll('.togel-list-row'));
        var total = rows.length;
        if (total <= PER_PAGE) return;

        var totalPages = Math.ceil(total / PER_PAGE);
        var currentPage = 1;

        function showPage(page) {
            currentPage = page;
            rows.forEach(function(row, i) {
                var start = (page - 1) * PER_PAGE;
                row.style.display = (i >= start && i < start + PER_PAGE) ? 'flex' : 'none';
            });
            renderPager();
        }

        function renderPager() {
            var pager = document.getElementById('togelListPager');
            if (!pager) return;
            pager.innerHTML = '';

            for (var p = 1; p <= totalPages; p++) {
                (function(pg) {
                    var dot = document.createElement('button');
                    dot.className = 'tlp-dot' + (pg === currentPage ? ' active' : '');
                    dot.addEventListener('click', function() { showPage(pg); });
                    pager.appendChild(dot);
                })(p);
            }
        }

        var pager = document.createElement('div');
        pager.id = 'togelListPager';
        pager.className = 'togel-list-pager';
        wrap.parentNode.insertBefore(pager, wrap.nextSibling);

        var touchStartX = 0;
        wrap.addEventListener('touchstart', function(e) {
            touchStartX = e.changedTouches[0].clientX;
        }, { passive: true });
        wrap.addEventListener('touchend', function(e) {
            var dx = e.changedTouches[0].clientX - touchStartX;
            if (Math.abs(dx) < 40) return;
            if (dx < 0 && currentPage < totalPages) showPage(currentPage + 1);
            if (dx > 0 && currentPage > 1)           showPage(currentPage - 1);
        }, { passive: true });

        showPage(1);
    }

    initTogelPagination();
})();

(function() {
    var btn = document.querySelector('.togel-panel-more');
    if (!btn) return;
    btn.addEventListener('click', function() {
        var wrap = btn.closest('.togel-panel');
        if (wrap) wrap.classList.toggle('togel-panel--open');
    });
})();

function jtBootHomePartial() {
    var isLoggedIn = false;
    var bootMarkets = [{"name":"ANGKA HOKI","nameid":"AHOK","periode":"888","status":1,"web":"www.pausslott.org","hari":"Setiap Hari","jam_tutup":"00:00 WIB","jam_result":"00:30 WIB","result":"8888","date":"01/10/2026"}];

    function renderTogelCards(markets) {
        var panel = document.getElementById('togel-panel');
        if (!panel) return;

        var loading = panel.querySelector('.togel-cards-loading');
        if (loading) loading.remove();

        var moreBtn = panel.querySelector('.togel-panel-more');
        panel.querySelectorAll('.togel-grid-row').forEach(function (el) { el.remove(); });

        var mid  = markets.length > 10 ? Math.ceil(markets.length / 2) : Math.min(markets.length, 12);
        var rows = [markets.slice(0, mid), markets.slice(mid)];

        rows.forEach(function (row) {
            if (!row.length) return;
            var rowDiv = document.createElement('div');
            rowDiv.className = 'togel-grid-row';

            row.forEach(function (m) {
                var card = document.createElement('div');
                card.className = 'togel-card';

                var inner = '<div class="market-name">'  + esc(m.name)   + '</div>' +
                            '<div class="market-code">'  + esc(m.result) + '</div>' +
                            '<div class="market-info">'  + esc(m.date)   + '</div>';

                if (isLoggedIn) {
                    var isMarketOnline = String(m.status) === '1';
                    if (isMarketOnline) {
                        var marketCode = (m.nameid || '') + '-' + (m.periode || '');
                        card.setAttribute('onclick', "content('/togel-detail.php?market=" + encodeURIComponent(marketCode) + "','#content')");
                    } else {
                        card.setAttribute('onclick', "content('/togel.php','#content')");
                    }
                } else {
                    card.setAttribute('onclick', 'showPasaranPopup(this)');
                    card.dataset.nameid    = m.nameid     || '';
                    card.dataset.market    = m.name       || '';
                    card.dataset.website   = m.web        || '';
                    card.dataset.hari      = m.hari       || 'Setiap Hari';
                    card.dataset.jamTutup  = m.jam_tutup  || '-';
                    card.dataset.jamResult = m.jam_result || '-';

                    inner += '<div class="tc-guest-detail">' +
                        '<div class="tc-dr"><span>Web</span><span>'    + esc(m.web)       + '</span></div>' +
                        '<div class="tc-dr"><span>Buka</span><span>'   + esc(m.hari)      + '</span></div>' +
                        '<div class="tc-dr"><span>Tutup</span><span>'  + esc(m.jam_tutup) + '</span></div>' +
                        '<div class="tc-dr"><span>Result</span><span>' + esc(m.jam_result)+ '</span></div>' +
                        '</div>';
                }

                card.innerHTML = inner;
                rowDiv.appendChild(card);
            });

            panel.insertBefore(rowDiv, moreBtn || null);
        });

        updateTogelMoreBtn(panel, moreBtn);
    }

    function updateTogelMoreBtn(panel, moreBtn) {
        if (!moreBtn) return;
        var check = function() {
            var cards = panel.querySelectorAll('.togel-card');
            var multiRow = false;
            if (cards.length) {
                var firstTop = cards[0].offsetTop;
                for (var i = 1; i < cards.length; i++) {
                    if (cards[i].offsetTop > firstTop + 1) { multiRow = true; break; }
                }
            }
            moreBtn.style.display = multiRow ? '' : 'none';
            if (!multiRow) {
                panel.classList.remove('togel-panel--open');
                panel.style.maxHeight = panel.scrollHeight + 'px';
            } else if (!panel.classList.contains('togel-panel--open')) {
                var secondTop = null;
                for (var j = 0; j < cards.length; j++) {
                    if (cards[j].offsetTop > firstTop + 1) { secondTop = cards[j].offsetTop; break; }
                }
                var peek = cards[0].offsetHeight * 0.12;
                panel.style.maxHeight = secondTop !== null ? (secondTop + peek) + 'px' : '';
            }
        };
        check();
        window.addEventListener('resize', check, { passive: true });
        window.addEventListener('load', check);
    }

    if (Array.isArray(bootMarkets) && bootMarkets.length) {
        _ppMarkets = bootMarkets;
        renderTogelCards(bootMarkets);
    }

    if (typeof initHomeGameImageFallback === 'function') {
        initHomeGameImageFallback(document);
    }

    (function() {
        function enableDragScroll(el) {
            var isDown = false, startX, scrollLeft;
            el.addEventListener('mousedown', function(e) {
                isDown = true;
                el.style.cursor = 'grabbing';
                startX = e.pageX - el.offsetLeft;
                scrollLeft = el.scrollLeft;
                e.preventDefault();
            });
            el.addEventListener('mouseleave', function() { isDown = false; el.style.cursor = ''; });
            el.addEventListener('mouseup',    function() { isDown = false; el.style.cursor = ''; });
            el.addEventListener('mousemove',  function(e) {
                if (!isDown) return;
                el.scrollLeft = scrollLeft - (e.pageX - el.offsetLeft - startX);
            });
        }
        document.querySelectorAll('.home-view .game-scroll-wrap, .home-view .togel-grid-wrap').forEach(enableDragScroll);
    })();

    (function () {
        document.querySelectorAll('.home-view .game-scroll-wrap').forEach(function (wrap) {
            if (wrap.parentNode && wrap.parentNode.classList.contains('game-scroll-outer')) return;

            var outer = document.createElement('div');
            outer.className = 'game-scroll-outer';
            wrap.parentNode.insertBefore(outer, wrap);
            outer.appendChild(wrap);

            var btnL = document.createElement('button');
            var btnR = document.createElement('button');
            btnL.className = 'game-scroll-btn game-scroll-btn-l';
            btnR.className = 'game-scroll-btn game-scroll-btn-r';
            btnL.type = 'button';
            btnR.type = 'button';
            btnL.innerHTML = '&#8249;';
            btnR.innerHTML = '&#8250;';
            outer.appendChild(btnL);
            outer.appendChild(btnR);

            function update() {
                var canL = wrap.scrollLeft > 0;
                var canR = wrap.scrollLeft < wrap.scrollWidth - wrap.clientWidth - 1;
                btnL.style.display = canL ? 'flex' : 'none';
                btnR.style.display = canR ? 'flex' : 'none';
            }

            function cardWidth() {
                var card = wrap.querySelector('.game-card');
                if (!card) return 120;
                return card.offsetWidth + 10;
            }
            btnR.addEventListener('click', function () {
                wrap.scrollBy({ left: cardWidth(), behavior: 'smooth' });
            });
            btnL.addEventListener('click', function () {
                wrap.scrollBy({ left: -cardWidth(), behavior: 'smooth' });
            });

            wrap.addEventListener('scroll', update);
            window.addEventListener('resize', update);
            update();
        });
    })();
}

if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', jtBootHomePartial);
} else {
    jtBootHomePartial();
}
</script>
</div>
    
    
<!-- Transaksi Start -->



<style>

    .transaksi-group {
        display: grid;
        grid-template-columns: 458px 1fr;
        justify-content: space-between;
        grid-template-areas:
        "transaksi-bank transaksi-other transaksi-crypto";
    }
    
    .transaksi-bank {
        grid-area: transaksi-bank;
        display: grid;
        place-items: center
    }
    
    .transaksi-other {
        grid-area: transaksi-other;
        display: flex;
        justify-content: space-evenly;
        width: 100%;
    }
    
    .transaksi-crypto {
        grid-area: transaksi-crypto;
        display: flex;
        justify-content: space-evenly;
        width: 100%;
    }
    
    .icon-crypto {
        width: 24px;
        height: 24px;
    }
    
    .transaksi-list-bank {
        height: fit-content;
        display: grid;
        grid-template-columns: repeat(4, 92px);
        grid-template-rows: repeat(4, auto);
        gap: 4px;
    }
    
    .transaksi-list-other {
        height: fit-content;
        display: grid;
        grid-template-columns: repeat(3, 92px);
        gap: 4px;
    }
    
    .transaksi-list-crypto {
        height: fit-content;
        display: grid;
        grid-template-columns: repeat(2, 80px);
        gap: 10px 8px;
    }
    
    
    .transaksi-item {
        display: flex;
        flex-direction: column;
        /* transform: perspective(10px) rotateX(3deg); */
    }
    
    .transaksi-header {

        height: 30px;
        border-radius: 5px;
        display: grid;
        place-items: center;
        font-weight: bold;
        border: 2px solid rgba(108,108,108,1);
        background: rgba(54,54,54,1);
        color: white;
    }
    
    .transaksi-status {
        margin-left: 3px;
        margin-right: 3px;
        height: 3px;
        border-radius: 0px 0px 4px 4px;
        background: rgb(54,54,54);
        background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%);
    }
    
    .header-green {
        background: rgba(44,121,6,1);
        border-color: rgba(168,255,0,1);
    }
    
    .header-blue {
        background: rgba(0,80,89,1);
        border-color: rgba(0,255,204,1);
    }
    
    .status-green {
        background: rgb(44,121,6);
        background: linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%);
    }
    
    .status-blue {
        background: rgb(0,80,89);
        background: linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%);
    }
    
    .transaksi-name {
        font-size: 1.1rem; 
        font-weight: bold; 
        line-height: 1.5rem
    }
    
    .transaksi-wrapper {
        display: flex;
        flex-direction: column;
        gap: .5rem;
    }


    @media only screen and (max-width: 768px) {
        
        .transaksi-group {
            display: grid;
            grid-template-columns: 1fr;
            grid-template-areas:
            "transaksi-bank"
            "transaksi-other"
            "transaksi-crypto";
            gap: 32px;
            margin-bottom: 8px;
            
        }
        
        .transaksi-header {
            font-size: 1.1rem;
            height: 36px;
        }
        
        .transaksi-list-bank {
            grid-template-columns: repeat(4, 1fr);
        }
        
        .transaksi-list-other {
            grid-template-columns: repeat(4, 1fr);
        }
        
        .transaksi-list-crypto {
            width: 86%;
            margin: auto;
            grid-template-columns: repeat(4, 1fr);
        }
        
        .transaksi-list {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
        }
        
        .transaksi-item {
            width: 100%;
        }
        
        .transaksi-title-group {
            justify-content: center;
            padding: 16px 0;
        }
        
        .transaksi-name {
            font-size: 1.3rem;
            text-align: center;    
            line-height: 1.8rem;
        }

        .transaksi-wrapper {
            width: 100%;
            max-width: 100%!important;
            gap: 1rem;
        }
        
        .icon-crypto {
            width: 28px;
            height: 28px;
        }

    }
</style>

    
    <style>
        .transaksi-wrapper {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-start;
}

.transaksi-name {
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.5rem;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.transaksi-list-bank, .transaksi-list-other {
    grid-template-columns: repeat(4, minmax(110px, 1fr));
    gap: 8px 10px;
}


.transaksi-list-bank, .transaksi-list-other {
    height: fit-content;
    display: grid;
    grid-template-columns: repeat(4, minmax(80px, 1fr));
    gap: 4px 6px;
}


.transaksi-item {
    display: flex;
    flex-direction: column;
    position: relative;
}
.transaksi-header {
    height: 34px;
    border-radius: 6px;
    font-weight: bold;
    border: 2px solid rgba(108, 108, 108, 1);
    background: rgba(54, 54, 54, 1);
    color: white;
    min-width: 110px;
    padding: 0 16px 0 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
}

.transaksi-header {
    border: none;
    padding: 0px;
    padding-bottom: 4px;
}

.transaksi-header.is-online::before {
    content: "";
    position: absolute;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 4px;
    bottom: 0%;
    background-color: #00ff66;
    border-radius: 6px;
    box-shadow: 0 0 8px rgba(0, 255, 102, .85);
}

.transaksi-header.is-offline {
    padding: 0 16px;
    background: #2e2e2e;
    border-color: #555;
    opacity: .35;
    align-items: center;
    justify-content: center;
    text-align: center;
}
    </style>

 <div class="section desktop-only" style="min-height: 220px">

<div class="transaksi-group">
    <div class="transaksi-bank">

            <div class="transaksi-wrapper">
                <div class="transaksi-name">Bank Lokal</div>
                
                <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
                    
                                                                        <button type="button" data-bs-target="#transaksi-bank-indicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                                                                                                <button type="button" data-bs-target="#transaksi-bank-indicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
                                                                
                </div>
                <div class="carousel-inner" style="min-height: 144px">
                                            <div class="carousel-item active" style="min-height: 144px">
                            <div class="transaksi-list-bank">
                            
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BCA</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Mandiri</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BNI</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BRI</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">CIMB</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Danamon</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Permata</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BJB</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">PANIN</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">OCBC</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">DKI</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">SUMUT</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BSI</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">NEO</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">JAGO</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">SeaBank</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                            </div>
                        </div>
                    
                                            <div class="carousel-item " style="min-height: 144px">
                            <div class="transaksi-list-bank">
                            
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Maybank</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Mega</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">UOB</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BluBCA</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Superbank</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Allobank</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">SAQU</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                            
                            </div>
                        </div>
                    
                     
                     
                  </div>
                </div>

        </div>
    </div>
    
    <div class="transaksi-other">
            
            
            <div class="transaksi-wrapper" style="max-width: 458px">

                <div class="transaksi-name">E Money & Pulsa</div>

    
                <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
                    
                                        
                    </div>
                  <div class="carousel-inner" >
                                            <div class="carousel-item active">
                            <div class="transaksi-list-other">
                            
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">AntarBank</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Jenius</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">DANA</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">OVO</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">ShopeePay</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">GOPAY</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">LinkAja</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Sakuku</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>

                                <div class="transaksi-item">
                                    <div class="transaksi-header">TSEL</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>

                                <div class="transaksi-item">
                                    <div class="transaksi-header">XL</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>

                                <div class="transaksi-item">
                                    <div class="transaksi-header">AXIS</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>

                                <div class="transaksi-item">
                                    <div class="transaksi-header">3</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>

                                <div class="transaksi-item">
                                    <div class="transaksi-header">Indosat</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Lain-lain</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                            
                            </div>
                        </div>
                    
                     
                     
                </div>
            </div>
        </div>
        
        
        
    </div>
    
     <div class="transaksi-crypto">
    <div class="transaksi-wrapper" style="max-width: 284px">

                <div class="transaksi-name mb-1">Crypto Currency</div>

    
                <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel">
                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
                    
                                        
                    </div>
                  <div class="carousel-inner" >
                                            <div class="carousel-item active">
                            <div class="transaksi-list-crypto">
                            
                                                        
                                                                
                                <div class="d-flex gap-2">
                                    <img src="https://img.viva88athenae.com/USDT.png" class="icon-crypto" alt="USDT">
                                    <strong class="transaksi-name">USDT</strong>
                                    
                                </div>
                                                        
                                                            
                            </div>

                            <div class="transaksi-list-crypto" style="margin-top: 10px;">
                            
                                                        
                                                                
                                <div class="d-flex gap-2">
                                    <img src="https://img.viva88athenae.com/BTC.png" class="icon-crypto" alt="BTC">
                                    <strong class="transaksi-name">BITCOIN</strong>
                                    
                                </div>
                                                        
                                                            
                            </div>

                            <div class="transaksi-list-crypto" style="margin-top: 10px;">
                            
                                                        
                                                                
                                <div class="d-flex gap-2">
                                    <img src="https://img.viva88athenae.com/ETH.png" class="icon-crypto" alt="ETH">
                                    <strong class="transaksi-name">ETHEREUM</strong>
                                    
                                </div>
                                                        
                                                            
                            </div>

                            <div class="transaksi-list-crypto" style="margin-top: 10px;">
                            
                                                        
                                                                
                                <div class="d-flex gap-2">
                                    <img src="https://img.viva88athenae.com/BNB.png" class="icon-crypto" alt="BNB">
                                    <strong class="transaksi-name">BINANCE</strong>
                                    
                                </div>
                                                        
                                                            
                            </div>

                            <div class="transaksi-list-crypto" style="margin-top: 10px;">
                            
                                                        
                                                                
                                <div class="d-flex gap-2">
                                    <img src="https://maketheurl.com/m/arb" class="icon-crypto" alt="ARB">
                                    <strong class="transaksi-name">ARBITRUM</strong>
                                    
                                </div>
                                                        
                                                            
                            </div>
                        </div>
                    
                     
                     
                </div>
            </div>
        </div>
    </div>
</div>

</div>


        


    <footer class="site-footer">
<div class="section">

    <div class="footer-nav">
                <a href="javascript:void(0)" onclick="openCms('tentang')">TENTANG KAMI</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('bantuan')">BANTUAN</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('peraturan')">PERATURAN</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('bank')">INFORMASI BANK</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('hubungi')">HUBUNGI KAMI</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('privasi')">KEBIJAKAN PRIVASI</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('cookies')">PERSETUJUAN COOKIES</a>
            </div>

    <div class="footer-guidelines-wrap">
        <img src="https://img.viva88athenae.com/new/guidelines.png?v=1790436644" alt="Guidelines" class="footer-guidelines-img" width="929" height="52">
    </div>

    <div class="footer-providers">
        <img src="https://img.viva88athenae.com/assets/provider.png?v=1790436644" alt="Provider Logos" class="d-none d-md-block" style="margin:0 auto;" width="1201" height="124">
    </div>

<style>
        #pop-up-container {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        position: fixed;
        z-index: 11;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        }
        #pop-up-wrapper {
        width: 85%;
        min-width: 315px;
        max-width: 500px;
        min-height: 210px;
        position: relative;
        z-index: 11;
        overflow: visible;
        border-radius: 5px;
        }
        #pop-up-wrapper img {
        width: 100%;
        border-radius: 5px 5px 0 0;
        }
        #pop-up-wrapper button {
        width: 100%;
        padding: 0.75rem;
        font-size: -0.75rem;
        font-weight: 700;
        border: none;
        border-radius: 0 0 5px 5px;
        margin: 0;
        background-color: #dbbf3f;
        }
        .gray-bg {
        background: #00000000 no-repeat;
        }
        .swirl-in-fwd {
        -webkit-animation: swirl-in-fwd 0.6s ease-out both;
        animation: swirl-in-fwd 0.6s ease-out both;
        }
        .x-mark-container {
        position: absolute;
        top: 5px;
        right: 5px;
        background-color: black;
        border-radius: 50%;
        width: 8%;
        }
        #bg-black {
        background-color: rgba(0, 0, 0, 0.86);
        position: fixed;
        z-index: 10;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        }
        @-webkit-keyframes swirl-in-fwd {
        0% {
        -webkit-transform: rotate(0deg) scale(0);
        transform: rotate(0deg) scale(0);
        opacity: 0;
        }
        100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1;
        }
        }
        @keyframes swirl-in-fwd {
        0% {
        -webkit-transform: rotate(0deg) scale(0);
        transform: rotate(0deg) scale(0);
        opacity: 0;
        }
        100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1;
        }
        }
        .swirl-out-bck {
        -webkit-animation: swirl-out-bck 0.6s ease-in both;
        animation: swirl-out-bck 0.6s ease-in both;
        }
        @-webkit-keyframes swirl-out-bck {
        0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1;
        }
        100% {
        -webkit-transform: rotate(0deg) scale(0);
        transform: rotate(0deg) scale(0);
        opacity: 0;
        }
        }
        @keyframes swirl-out-bck {
        0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1;
        }
        100% {
        -webkit-transform: rotate(0deg) scale(0);
        transform: rotate(0deg) scale(0);
        opacity: 0;
        }
        }
        .fade-in {
        -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
        animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
        }
        @-webkit-keyframes fade-in {
        0% {
        opacity: 0;
        }
        100% {
        opacity: 1;
        }
        }
        @keyframes fade-in {
        0% {
        opacity: 0;
        }
        100% {
        opacity: 1;
        }
        }
        .fade-out {
        -webkit-animation: fade-out 0.6s ease-out both;
        animation: fade-out 0.6s ease-out both;
        }
        @-webkit-keyframes fade-out {
        0% {
        opacity: 1;
        }
        100% {
        opacity: 0;
        }
        }
        @keyframes fade-out {
        0% {
        opacity: 1;
        }
        100% {
        opacity: 0;
        }
        }
</style>
<!-- Nominal Depo WD -->
<style>
    .count-item {
        font-size: 1.5rem;
        background: #030303;
        padding: 0.3rem 0.5rem;
        color: #B38728 !important;
        border-radius: 10px;
        font-weight: bold;
    }

    .wrapper-service {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        border-radius: 10px;
        margin-top: 1.3rem;
        border: 3px solid #835b00;
        padding: 0.8rem;
        color: #000;
        background: linear-gradient(60deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    }

    .status-wrapper,
    .status-wrapper-mem {
        display: flex;
        align-items: center;
    }

    .status-wrapper {
        justify-content: center;
    }

    .status-wrapper-mem {
        justify-content: center;
    }

    .status-wrapper p {
        margin-right: 0.6rem !important;
    }

    .item-service {
        margin-right: 1rem;
    }

    .item-service:last-child {
        margin-right: 0;
    }

    .item-service h1 {
        font-size: 1.2rem;
        margin-top: 7px !important;
        text-transform: uppercase;
        background: #1b251e;
        padding: 7px;
        color: #fff;
        border-radius: 10px;
    }

    .google-wrapper {
        background: #030303;
        padding: 1.7rem;
        width: 12rem;
        height: 0.5rem;
        border-radius: 10px;
        position: relative;
    }

    .google-wrapper img {
        position: absolute;
        width: 2rem;
        top: 9px;
        left: 10px;
    }

    .item-service p {
        color: #030330;
        font-size: 18px;
        font-weight: 500;
    }

    .google-wrapper p {
        position: absolute;
        left: 3.4rem;
        top: 0.6rem;
        text-transform: uppercase;
        font-size: 1.50rem !important;
        font-weight: bold !important;
        color: #ffffff !important;
    }
</style>
<style>

    .wrap-all-trans {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
    }

    .wrapper-transactions {
        width: 35rem;
        max-width: 100%;
        padding: 0.7rem;
        margin-bottom: 1rem;
        margin-top: 1rem;
        border-radius: 10px;
        border: 3px solid #1e1e1d;
        background: var(--marquee-background);
    }

    .content-trans {
        height: 15rem;
        overflow: hidden;
        position: relative;
    }

    .avatar-trans {
        width: 2rem;
        max-width: 100%;
        margin-right: 0.7rem;
    }

    .avatar-wrapper {
        display: flex;
        justify-content: center;
    }

    .item-trans {
        color: #ffffff;
        background: #000000;
        display: flex;
        width: 100%;
        border: 2px solid #000000;
        justify-content: space-between;
        align-items: center;
        border-radius: 5px;
        font-size: 1rem;
        margin-bottom: 0.45rem !important;
        padding: 0.4rem;
        position: relative;
        bottom: 0;
        /* Start the boxes at the bottom of the container */
        animation: moveUp 40s linear infinite;
    }

    .rupiah-trans {
        color: #ffffff;
        font-weight: bold;
    }

    .text-centertitle {
        color: #030303;
        margin-top: 0;
        padding-bottom: 0.5rem;
        font-size: 1.15rem;
        font-weight: bold;
    }

    .divider-trans {
        margin-top: 14px !important;
        border-top: 1px solid rgb(0 0 0);
    }

    @keyframes moveUp {
        0% {
            transform: translateY(0);
            /* Initial position, no translation */
        }

        100% {
            transform: translateY(-1500px);
            /* Move the box upwards by the height of container */
        }
    }

    @keyframes glowing {
        0% {
            background-position: 0 0;
        }

        50% {
            background-position: 400% 0;
        }

        100% {
            background-position: 0 0;
        }
    }

    @keyframes glowing {
        0% {
            background-position: 0 0;
        }

        50% {
            background-position: 400% 0;
        }

        100% {
            background-position: 0 0;
        }
    }

    @media only screen and (max-width: 1000px) {
        .wrap-all-trans {
            display: block;
        }

        .wrapper-transactions {
            width: 100%;
        }
    }
</style>

    <div class="footer-group">

        <div class="footer-copyright">
            <div style="white-space:nowrap">
                &copy; 2015 &ndash; 2026                Copyright                Pausslot x Sealtiel.
                All Rights Reserved.
            </div>
        </div>
        
    </div>

</div>
</footer>    <nav class="navbar fixed-bottom p-0 d-md-none" style="z-index:10000">
  <div class="container-fluid px-0">
    <div style="display:grid;grid-template-columns:repeat(4,1fr);width:100%;">

      
        <a href="https://www.pausslott.org/about/" onclick="openPage('https://www.pausslott.org/about/',this); window.scrollTo({top:0,behavior:'smooth'});" class="bottom-menu text-decoration-none d-flex flex-column justify-content-around align-items-center py-2" data-nav="pausslot">
          <img src="https://maketheurl.com/m/faviconpausslotnew" alt="pausslot" width="20px" height="20px">
          <small>Pausslot</small>
        </a>

        <a href="https://www.pausslott.org/about/" onclick="openPage('https://www.pausslott.org/about/',this); $('#content').get(0).scrollIntoView({behavior: 'smooth'});" class="bottom-menu text-decoration-none d-flex flex-column justify-content-around align-items-center py-2" data-nav="paus slot">
          <img src="https://maketheurl.com/m/faviconpausslotnew" alt="paus slot" width="20px" height="20px">
          <small>Paus Slot</small>
        </a>

        <a href="https://www.pausslott.org/about/" onclick="openPage('https://www.pausslott.org/about/',this); $('#content').get(0).scrollIntoView({behavior: 'smooth'});" class="bottom-menu text-decoration-none d-flex flex-column justify-content-around align-items-center py-2" data-nav="daftar pausslot">
          <img src="https://maketheurl.com/m/faviconpausslotnew" alt="daftar pausslot" width="20px" height="20px">
          <small>Daftar Pausslot</small>
        </a>

        <a href="https://www.pausslott.org/about/" onclick="openPage('https://www.pausslott.org/about/',this); $('#content').get(0).scrollIntoView({behavior: 'smooth'});" class="bottom-menu text-decoration-none d-flex flex-column justify-content-around align-items-center py-2" data-nav="promo pausslot">
          <img src="https://maketheurl.com/m/faviconpausslotnew" alt="promo pausslot" width="20px" height="20px">
          <small>Promo Pausslot</small>
        </a>
                  
      
    </div>
  </div>
</nav>

    <div class="offcanvas offcanvas-end w-100" tabindex="-1" id="offcanvasExample">

      <div class="offcanvas-body p-0">

        <div class="d-grid gap-2 mt-2 px-3 offcanvas-user-menu">
          <button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=statement','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-bar-chart-fill me-2 accent-text-color"></i> Statement
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=history','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-clock-fill me-2 accent-text-color"></i> History
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=memo','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-envelope-fill me-2 accent-text-color"></i> Memo
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=referral','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-people-fill me-2 accent-text-color"></i> Referral
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=password','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-lock-fill me-2 accent-text-color"></i> Ubah Password
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="modal('/transaksi.php?content=rekening');closeDesktopUserMenu()">
    <i class="bi bi-wallet-fill me-2 accent-text-color"></i> Rekening
</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('https://www.pausslott.org/about/','_blank')">
    <div class="d-flex align-items-center px-3">
    <i class="bi bi-android2 me-2 accent-text-color"></i> Download App
    </div>
    <img src="https://maketheurl.com/m/pausslot-icon" class="btn-menu-img" alt="" width="171" height="55">
</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('https://www.pausslott.org/about/','_blank')">
    <div class="d-flex align-items-center px-3">
    <i class="bi bi-send-fill me-2 accent-text-color"></i> Bet Via Telegram
    </div>
    <img src="https://maketheurl.com/m/pausslot-icon" class="btn-menu-img" alt="" width="171" height="55">
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="fetch('https://www.pausslott.org/about/',{method:'POST'}).then(()=>window.location.href='https://www.pausslott.org/about/')">
    <i class="bi bi-door-open-fill me-2 accent-text-color"></i> Logout
</button>        </div>

      </div>
    </div>

    <div id="desktopUserDropdown" class="desktop-user-dropdown">
      <div class="d-grid">
        <button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=statement','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-bar-chart-fill me-2 accent-text-color"></i> Statement
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=history','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-clock-fill me-2 accent-text-color"></i> History
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=memo','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-envelope-fill me-2 accent-text-color"></i> Memo
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=referral','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-people-fill me-2 accent-text-color"></i> Referral
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=password','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-lock-fill me-2 accent-text-color"></i> Ubah Password
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="modal('/transaksi.php?content=rekening');closeDesktopUserMenu()">
    <i class="bi bi-wallet-fill me-2 accent-text-color"></i> Rekening
</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('https://www.pausslott.org/about/','_blank')">
    <div class="d-flex align-items-center px-3">
    <i class="bi bi-android2 me-2 accent-text-color"></i> Download App
    </div>
    <img src="https://maketheurl.com/m/pausslot-icon" class="btn-menu-img" alt="" width="171" height="55">
</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('https://www.pausslott.org/about/','_blank')">
    <div class="d-flex align-items-center px-3">
    <i class="bi bi-send-fill me-2 accent-text-color"></i> Bet Via Telegram
    </div>
    <img src="https://maketheurl.com/m/pausslot-icon" class="btn-menu-img" alt="" width="171" height="55">
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="fetch('/api/front/logout',{method:'POST'}).then(()=>window.location.href='/index.php')">
    <i class="bi bi-door-open-fill me-2 accent-text-color"></i> Logout
</button>      </div>
    </div>

    <script src="assets/js/bootstrap-bundle-min.js"></script>
    <script src="assets/js/main.js"></script>
    
    <script>
        window.JT_SSR_PATH = "https://www.pausslott.org/";
                setTimeout(function() {
                    const mobileForm = document.querySelector('#mobilelogin form') || 
                                      document.querySelector('#mobilelogin .login-form') ||
                                      document.querySelector('.mobile-only form');
                    
                    if (!mobileForm) {
                        return;
                    }
                    
                    const username = mobileForm.querySelector('input[name="username"]');
                    const password = mobileForm.querySelector('input[name="password"]');
                    const remember = document.querySelector('#rememberMe') || 
                                    document.querySelector('input[type="checkbox"]');
                    
                    if (!username || !password || !remember) {
                        return;
                    }
                    
                    
                    
                    try {
                        localStorage.setItem('test', 'working');
                        if (localStorage.getItem('test') === 'working') {
                            localStorage.removeItem('test');
                        } else {
                            return;
                        }
                    } catch(e) {
                        return;
                    }
                    
                    initializeRememberMe();
                    loadSavedData();
                    
                    mobileForm.addEventListener('submit', handleSave);
                    mobileForm.addEventListener('click', function(e) {
                        if (e.target.type === 'submit' || e.target.classList.contains('submit')) {
                            handleSave();
                        }
                    });
                    remember.addEventListener('change', function() {
                        if (!this.checked) {
                            clearSavedData();
                            localStorage.setItem('mobile_remember_unchecked', 'true');
                        } else {
                            localStorage.removeItem('mobile_remember_unchecked');
                        }
                    });
    
                    function initializeRememberMe() {
                        try {
                            const wasUnchecked = localStorage.getItem('mobile_remember_unchecked');
                            const hasSuccessfulLogin = localStorage.getItem('mobile_login_success');
                            if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') {
                                remember.checked = false;
                            } else {
                                remember.checked = true;
                            }
                        } catch(e) {
                            remember.checked = true;
                        }
                    }
                    
                    function loadSavedData() {
                        try {
                            
                            const savedUsername = localStorage.getItem('mobile_username');
                            const savedPassword = localStorage.getItem('mobile_password');
                            
                            
                            
                            const rememberChecked = localStorage.getItem('mobile_remember');
                            if (rememberChecked === 'true' && savedUsername && savedPassword) {
                                username.value = savedUsername;
                                password.value = savedPassword;
                            }
                        } catch(e) {
                            // console.log('Error loading data:', e);
                        }
                    }
                    
                    function handleSave() {
                        if (remember.checked) {
                            const usernameVal = username.value.trim();
                            const passwordVal = password.value.trim();
                            
                            if (usernameVal && passwordVal) {
                                try {
                                    localStorage.setItem('mobile_username', usernameVal);
                                    localStorage.setItem('mobile_password', passwordVal);
                                    localStorage.setItem('mobile_remember', 'true');
                                    localStorage.setItem('mobile_login_success', 'true');
                                } catch(e) {
                                    // console.log('Error saving data:', e);
                                }
                            }
                        } else {
                            clearSavedData();
                            localStorage.setItem('mobile_login_success', 'true');
                        }
                    }
                    
                    function clearSavedData() {
                        try {
                            localStorage.removeItem('mobile_username');
                            localStorage.removeItem('mobile_password');
                            localStorage.removeItem('mobile_remember');
                        } catch(e) {
                            // console.log('Error clearing data:', e);
                        }
                    }
                }, 100); // Wait 100ms
    </script>

    <script>
        var JT_GUEST_MAP = {
            '':            '/' + 'home' + '.php',
            'home':        '/' + 'home' + '.php',
            'togel':       '/togel.php',
            'kupon':       '/kupon.php',
            'promosi':     '/' + 'promosi' + '.php',
            'event':       '/' + 'event' + '.php',
            'register':    '/' + 'register' + '.php',
            'slot':        '/game.php?content=slot',
            'casino':      '/game.php?content=casino',
            'sport':       '/' + 'game' + '.php?' + 'content=sport',
            'sabung':      '/' + 'game' + '.php?' + 'content=sabung',
            'arcade':      '/game.php?content=arcade',
            'interactive': '/game.php?content=interactive',
        };
        
        if (window.matchMedia("(max-width: 768px)").matches) {
            JT_GUEST_MAP.register = '/' + 'mregister' + '.php';
        }

        var JT_URL_PREFIX = "";

        function jtGuestAjaxPathFromLocation() {
    var pathname = location.pathname || '/';

    // Home/root sudah tersedia melalui SSR.
    if (pathname === '/' || pathname === '') {
        return 'https://www.pausslott.org/';
    }

    var re = new RegExp(
        '^' +
        (JT_URL_PREFIX ? JT_URL_PREFIX.replace(/\//g, '\\/') : '') +
        '\\/([^/?#]*)'
    );

    var match = pathname.match(re);
    var slug = match ? match[1] : '';

    return JT_GUEST_MAP[slug] || 'https://www.pausslott.org/';
}

        function jtGuestUrlForPath(path) {
            var gameMatch = path.match(/^\/game\.php\?content=([a-z]+)/);
            if (gameMatch) return JT_URL_PREFIX + '/' + gameMatch[1];
            for (var slug in JT_GUEST_MAP) {
                if (JT_GUEST_MAP[slug] === path) {
                    return slug === '' ? JT_URL_PREFIX + '/' : JT_URL_PREFIX + '/' + slug;
                }
            }
            return null;
        }

        function jtUpdateBrowserUrl(path) {
            var cleanUrl = jtGuestUrlForPath(path);
            if (cleanUrl && window.history) {
                history.pushState({ path: path }, '', cleanUrl);
            }
        }

        var _initGuestPath = jtGuestAjaxPathFromLocation();
        history.replaceState({ path: _initGuestPath }, '', location.href);

        function initGuestShell() {
    var path = jtGuestAjaxPathFromLocation();

    var homeMenu = path === 'https://www.pausslott.org/'
        ? (window.innerWidth >= 768
            ? document.querySelector('.desktop-nav-link[data-nav="home"]')
            : document.querySelector('#lobbyMenuWrap .lobby-menu[data-nav="home"]'))
        : null;

    if (path === 'https://www.pausslott.org/') {
        $('.lobby-menu, .desktop-nav-link').removeClass('active');

        if (homeMenu) {
            $(homeMenu).addClass('active');
        }

        if (typeof waitForCss === 'function') {
            waitForCss(ASYNC_CSS_IDS);
        }

        return;
    }

    if (typeof content === 'function') {
        content(path, '#content', homeMenu, true);
    }
}

        window.addEventListener('popstate', function (e) {
            var path = e.state && e.state.path;
            if (path) content(path, '#content', null, true);
        });

        // Heartbeat 60 detik — cek maintenance mode diaktifkan admin saat guest lagi buka web
        setInterval(function () {
            fetch('/api/front/maintenance-status')
                .then(function (r) { return r.json(); })
                .then(function (res) {
                    if (res.data && res.data.maintenance) {
                        window.location.href = '/maintenance';
                    }
                })
                .catch(function () {});
        }, 60000);

        $('#modal').on('hidden.bs.modal', function () {
            $('.navbar.fixed-bottom').css('z-index', '9999');
        });

        function syncOffcanvasBounds() {
            if (window.innerWidth >= 768) return;

            var topNav = document.querySelector('nav.navbar.d-md-none:not(.fixed-bottom)');
            var bottomNav = document.querySelector('nav.navbar.fixed-bottom');
            var top = topNav ? Math.round(topNav.getBoundingClientRect().bottom) : 56;
            var bottom = bottomNav
                ? Math.round(window.innerHeight - bottomNav.getBoundingClientRect().top)
                : 58;
            // navbar atas bukan fixed: kalau halaman ter-scroll (mis. setelah
            // buka menu Statement/History/dll lewat content()), rect.bottom bisa
            // negatif dan bikin sisi atas offcanvas + backdrop kepotong.
            top = Math.max(0, top);
            bottom = Math.max(0, bottom);

            document.documentElement.style.setProperty('--offcanvas-top', top + 'px');
            document.documentElement.style.setProperty('--offcanvas-bottom', bottom + 'px');
        }

        document.addEventListener('DOMContentLoaded', syncOffcanvasBounds);
        window.addEventListener('resize', syncOffcanvasBounds);

        $('#offcanvasExample').on('show.bs.offcanvas', function () {
            syncOffcanvasBounds();
            $('#providerBackdrop, #providerOverlay').remove();
            var modalInst = bootstrap.Modal.getInstance(document.getElementById('modal'));
            if (modalInst) modalInst.hide();
        });

        /* ── Nav horizontal scroll (desktop) ───────────────────────────── */
        (function () {
            var navEl = document.querySelector('.desktop-mainnav .ms-auto');
            if (!navEl) return;

            /* mouse-wheel → horizontal scroll */
            navEl.addEventListener('wheel', function (e) {
                if (e.deltaY !== 0) {
                    e.preventDefault();
                    navEl.scrollLeft += e.deltaY;
                }
            }, { passive: false });

            /* scroll arrow buttons */
            var btnL = document.createElement('button');
            var btnR = document.createElement('button');
            [btnL, btnR].forEach(function (b) {
                b.style.cssText = 'position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:var(--primary-background-color);border:1px solid var(--border-color);color:var(--primary-text-color);width:28px;height:40px;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;border-radius:4px;';
            });
            btnL.innerHTML = '&#8249;';
            btnR.innerHTML = '&#8250;';
            btnL.style.fontSize = btnR.style.fontSize = '20px';

            var nav = document.querySelector('.desktop-mainnav');
            if (nav) {
                nav.style.position = 'relative';
                nav.appendChild(btnL);
                nav.appendChild(btnR);
            }

            function placeArrows() {
                var navRect = nav ? nav.getBoundingClientRect() : null;
                var logoEl  = nav ? nav.querySelector('.navbar-brand') : null;
                var logoRight = logoEl ? logoEl.getBoundingClientRect().right : 0;
                btnL.style.left  = (logoRight - (navRect ? navRect.left : 0) + 4) + 'px';
                btnR.style.right = '4px';
            }

            function updateArrows() {
                placeArrows();
                var canL = navEl.scrollLeft > 0;
                var canR = navEl.scrollLeft < navEl.scrollWidth - navEl.clientWidth - 1;
                btnL.style.display = canL ? 'flex' : 'none';
                btnR.style.display = canR ? 'flex' : 'none';
            }

            var scrollTimer;
            function scrollBy(dir) {
                scrollTimer = setInterval(function () { navEl.scrollLeft += dir * 8; }, 16);
            }
            btnL.addEventListener('mousedown', function () { scrollBy(-1); });
            btnR.addEventListener('mousedown', function () { scrollBy(1);  });
            document.addEventListener('mouseup', function () { clearInterval(scrollTimer); });

            navEl.addEventListener('scroll', updateArrows);
            window.addEventListener('resize', updateArrows);
            updateArrows();
        })();

        function toggleDesktopUserMenu(e) {
            e.stopPropagation();
            document.getElementById('desktopUserDropdown').classList.toggle('open');
        }
        function closeDesktopUserMenu() {
            var d = document.getElementById('desktopUserDropdown');
            if (d) d.classList.remove('open');
        }
        document.addEventListener('click', function(e) {
            if (!e.target.closest('#desktopUserDropdown')) closeDesktopUserMenu();
            if (!e.target.closest('.tpl-picker-wrap')) {
                var dd = document.getElementById('tplPickerDd');
                if (dd) dd.classList.remove('open');
            }
        });

        function toggleTplPicker(e) {
            e.stopPropagation();
            closeDesktopUserMenu();
            document.getElementById('tplPickerDd').classList.toggle('open');
        }


        (function() {
            var days = ['Minggu','Senin','Selasa','Rabu','Kamis','Jumat','Sabtu'];
            var daysShort = ['Min','Sen','Sel','Rab','Kam','Jum','Sab'];
            var p = n => String(n).padStart(2,'0');
            function updateClock() {
                var now = new Date();
                var isMobile = window.innerWidth < 768;
                var dayName = isMobile ? daysShort[now.getDay()] : days[now.getDay()];
                var text = dayName + ' ' + p(now.getDate()) + '/' + p(now.getMonth()+1) + '/' + now.getFullYear();
                if (!isMobile) text += ' ' + p(now.getHours()) + ':' + p(now.getMinutes()) + ':' + p(now.getSeconds());
                var el = document.getElementById('datetime');
                if (el) el.textContent = text;
            }
            updateClock();
            setInterval(updateClock, 1000);
        })();

        (function () {
            var runner = document.getElementById('marqueeRunner');
            var container = runner ? runner.closest('.marquee-text') : null;
            var resizeTimer;
            var SPEED = 100;

            function initMarquee() {
                if (!runner || !container) return;
                var cW = container.offsetWidth;
                var tW = runner.offsetWidth;
                var dur = ((cW + tW) / SPEED).toFixed(2);
                runner.style.setProperty('--mq-start', cW + 'px');
                runner.style.animation = 'none';
                requestAnimationFrame(function () {
                    requestAnimationFrame(function () {
                        runner.style.animation = 'mq-scroll ' + dur + 's linear infinite';
                    });
                });
            }

            requestAnimationFrame(function () { requestAnimationFrame(initMarquee); });

            document.addEventListener('visibilitychange', function () {
                if (!document.hidden) initMarquee();
            });

            window.addEventListener('resize', function () {
                clearTimeout(resizeTimer);
                resizeTimer = setTimeout(function () {
                    initMarquee();
                    positionProviderOverlay();
                    var isDesktop = window.innerWidth >= 768;
                    if (isDesktop) {
                        var oc = bootstrap.Offcanvas.getInstance(document.getElementById('offcanvasExample'));
                        if (oc) oc.hide();
                    } else {
                        closeDesktopUserMenu();
                    }
                }, 150);
            });

            window.addEventListener('orientationchange', function () {
                setTimeout(function () { initMarquee(); positionProviderOverlay(); }, 200);
            });
        })();
    </script>
    
    <!-- Auth -->
    
    <script>

$(document).on("click", "#desktopregister #buttonRegisterDesktop", function()
	{
	nocache = new Date().getTime().toString().slice(-3);
	    
	var ver = `<img src="capreg.php?${nocache}" width="100%" height="30" style="border:1px #999 solid;" alt="Kode verifikasi">`;
	var $form = $('#desktopregister #formRegister');
	var $status = $('#desktopregister #statusRegister');
	
	  if (typeof window.validateAllDesktop === 'function' && !window.validateAllDesktop()) {
        $('#desktopregister #statusRegister').removeClass().addClass('alert alert-sm alert-warning').text('Harap periksa data yang diisi').fadeIn(500);
        return false;
    }
	
	$status.removeClass().addClass('alert alert-sm alert-success').text('Validating').fadeIn(1000);

	function submitDesktopRegister() {

	$.ajax({
		url: "/api/front/register",
		type: "POST",
		data: $form.serialize(),
		headers: { 'X-CSRF-Token': window.JT_CSRF_TOKEN || '' },
		success: function(data)
		{
		    
		    $('.is-invalid').removeClass('is-invalid');
		    
			  if (data == 'success')
			  {  
			    
				toast('Registrasi Sukses!, Selamat Bergabung.', 200);
				$status.removeClass().addClass('alert alert-sm alert-success').text('Registrasi Sukses!, Selamat Bergabung.').fadeIn(900);

			    window.location='/home?welcome';
			  }
			  else
			  if (data == 'userWrong')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi!').fadeIn(1000);
				  $('#desktopregister #reg_username').addClass('is-invalid');
				  
			  }
			  else
			  if (data == 'passWrong')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus 6 karakter atau lebih').fadeIn(1000);
				  $('#desktopregister #reg_pass').addClass('is-invalid');
			  }
			  else
			  if (data == 'passSame')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus sama dengan konfirmasi').fadeIn(1000);
				  $('#desktopregister #reg_passcon').addClass('is-invalid');
			  }
			  else
			  if (data == 'bankEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Bank harus diisi').fadeIn(1000);
				  $('#desktopregister #reg_bank').addClass('is-invalid');
			  }
			  else
			  if (data == 'rekEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nomor Rekening harus diisi dengan angka saja').fadeIn(1000);
				  $('#desktopregister #reg_rek').addClass('is-invalid');
			  }
			  else
			  if (data == 'namaEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama sesuai rekening harus diisi').fadeIn(1000);
				  $('#desktopregister #reg_nama').addClass('is-invalid');
			  }
			  else
			  if (data == 'dbError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf ada masalah dengan registrasi').fadeIn(1000);
			  }
			  else
			  if (data == 'userExist')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf username tersebut sudah ada').fadeIn(1000);
				  $('#desktopregister #reg_username').addClass('is-invalid');
			  }
			  else
			  if (data == 'rekExist')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf no rekening tersebut sudah ada').fadeIn(1000);
				  $('#desktopregister #reg_rek').addClass('is-invalid');
			  }
			  else
			  if (data == 'refError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf tidak ada referal tersebut, bila tidak punya referal, bisa kosongkan').fadeIn(1000);
				  $('#desktopregister #reg_ref').addClass('is-invalid'); $('#desktopregister #reg_ref').removeAttr('readonly').val('');
			  }
			  else
			  if (data == 'emailError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf email tidak valid').fadeIn(1000);
				  $('#desktopregister #reg_email').addClass('is-invalid');
			  }
			  else
			  if (data == 'telponEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak boleh kosong').fadeIn(1000);
				  $('#desktopregister #reg_telpon').addClass('is-invalid');
			  }
			  else
			  if (data == 'telponError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak valid').fadeIn(1000);
				  $('#desktopregister #reg_telpon').addClass('is-invalid');
			  }
			  else if (data == 'namaError') {
			       $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama hanya boleh huruf dan spasi').fadeIn(1000);
                    $('#desktopregister #reg_nama').addClass('is-invalid');
                }
			  else
			  if (data == 'dariEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf silakan dipilih dari mana anda tahu website kami').fadeIn(1000);
				  $('#desktopregister #reg_dari').addClass('is-invalid');
			  }
			  else
			  if (data == 'lainEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf mohon diisi kolom lain-lain').fadeIn(1000);
				  $('#desktopregister #reg_lain').addClass('is-invalid');
			  }
			  else
			  if (data == 'caperror')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf Verifikasi Salah').fadeIn(1000);
				  $('#desktopregister #reg_verifikasi').addClass('is-invalid');
				  
			  }
			  else
			  if (data == 'recaperror')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Recaptcha salah, coba lagi').fadeIn(1000);
			  }
			  else
			  if (data == 'iperror')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('IP Tidak Sesuai').fadeIn(1000);
			  }
			  else
			  if (data == 'capexp')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Captcha Expired').fadeIn(1000);
			  }
			  else
			  if (data == 'wait')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Silahkan dicoba beberapa saat lagi').fadeIn(1000);
			  }
			  else
			  if (data == 'turnnoevent')
			  {
				  window.location.reload();
			  }
			  else
			  if (data == 'turnblock')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Insecure Device').fadeIn(1000);
			  }
			  else
				if (data.indexOf('passNotSafe|') === 0)
				{
					var msg = data.substring('passNotSafe|'.length);
					if (!msg) {
						msg = 'Password tidak aman! Gunakan password yang lebih kuat.';
					}

					$status
						.removeClass()
						.addClass('alert alert-sm alert-warning')
						.text(msg)
						.fadeIn(1000);

					$('#desktopregister #reg_pass').addClass('is-invalid');
				}
			  
			  $('#desktopregister #capverifikasi').html(ver);

		}})
		.fail(function() {
			$status.removeClass().addClass('alert alert-sm alert-warning').text('Koneksi gagal, coba lagi').fadeIn(1000);
			$('#desktopregister #capverifikasi').html(ver);
		});
	}

	jtWithIframeCaptchaRegister($form, false, function () {
		jtWithTurnstileRegister($form, function () {
			jtWithRecaptchaRegisterToken($form, $status, submitDesktopRegister);
		});
	}, function (msg) {
		$status.removeClass().addClass('alert alert-sm alert-warning').text(msg || 'Verifikasi Kosong').fadeIn(1000);
	});
	return false;
});
    </script>
    
    <script>
    
    function onlyNumber(n) {
    	return n.replace(/\D/g, '');	
    }
    
    
        $(document).on("keyup", "#mobileregister #reg_rek, #mobileregister #reg_telpon", function()
		{	
			var rek = $(this).val();
			rek = onlyNumber(rek);
			if (isNaN(rek)) rek = '';
			$(this).val(rek);		
		});

//
$(document).on("change", '#mobileregister #reg_dari', function()
	{
		inputdari = $('#mobileregister #reg_dari').val();
		
		if (inputdari == 'Lain-lain') 
		{
			$('#mobileregister #reg_lain').show();
		}
		else
		{
			$('#mobileregister #reg_lain').hide();
		}
	});


$(document).on("click", "#mobileregister #buttonRegister", function()
	{
	  
	  nocache = new Date().getTime().toString().slice(-3);  
	    
	var ver = `<img src=\"mcapreg.php?${nocache}\" width=\"100%\" style=\"height: 40px; width: 100%; border-radius: 5px;margin-top: -3px;\" alt=\"Kode verifikasi\">`;
	var $form = $('#mobileregister #formRegister');
	var $status = $('#mobileregister #statusRegister');
	$status.removeClass().addClass('alert alert-sm alert-success').text('Validating').fadeIn(1000);

	function submitMobileRegister() {
	    
	    
	    
	$.ajax({
		url: "/api/front/register",
		type: "POST",
		data: $form.serialize(),
		headers: { 'X-CSRF-Token': window.JT_CSRF_TOKEN || '' },
		success: function(data)
		{
			  $('.is-invalid').removeClass('is-invalid');
			  
			  if (data == 'success')
			  {  
			 
				toast('Registrasi Sukses!, Selamat Bergabung.', 200);
				$status.removeClass().addClass('alert alert-sm alert-success').text('Registrasi Sukses!, Selamat Bergabung.').fadeIn(900);
				window.location='/home?welcome';
			  }
			  else
			  if (data == 'userWrong')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi!').fadeIn(1000);
				  $('#mobileregister #reg_username').addClass('is-invalid');
			  }
			  else
			  if (data == 'passWrong')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus 6 karakter atau lebih').fadeIn(1000);
				  $('#mobileregister #reg_pass').addClass('is-invalid');
			  }
			  else
			  if (data == 'passSame')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus sama dengan konfirmasi').fadeIn(1000);
				  $('#mobileregister #reg_passcon').addClass('is-invalid');
			  }
			  else
			  if (data == 'bankEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Bank harus diisi').fadeIn(1000);
				  $('#mobileregister #reg_bank').addClass('is-invalid');
			  }
			  else
			  if (data == 'rekEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nomor Rekening harus diisi dengan angka saja').fadeIn(1000);
				  $('#mobileregister #reg_rek').addClass('is-invalid');
			  }
			  else
			  if (data == 'namaEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama sesuai rekening harus diisi').fadeIn(1000);
				  $('#mobileregister #reg_nama').addClass('is-invalid');
			  }
			  else
			  if (data == 'dbError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf ada masalah dengan registrasi').fadeIn(1000);
			  }
			  else
			  if (data == 'userExist')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf username tersebut sudah ada').fadeIn(1000);
				  $('#mobileregister #reg_username').addClass('is-invalid');
			  }
			  else
			  if (data == 'rekExist')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf no rekening tersebut sudah ada').fadeIn(1000);
				  $('#mobileregister #reg_rek').addClass('is-invalid');
			  }
			  else
			  if (data == 'refError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf tidak ada referal tersebut').fadeIn(1000);
				  $('#mobileregister #reg_ref').addClass('is-invalid');
			  }
			  else
			  if (data == 'emailError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf email tidak valid').fadeIn(1000);
				  $('#mobileregister #reg_email').addClass('is-invalid');
			  }
			  else
			  if (data == 'telponEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak boleh kosong').fadeIn(1000);
				  $('#mobileregister #reg_telpon').addClass('is-invalid');
			  }
			  else
			  if (data == 'telponError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak valid').fadeIn(1000);
				  $('#mobileregister #reg_telpon').addClass('is-invalid');
			  }
			  else if (data == 'namaError') {
			      
			      $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama hanya boleh huruf dan spasi').fadeIn(1000);
				  $('#mobileregister #reg_nama').addClass('is-invalid');
                }
			  else
			  if (data == 'dariEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf silakan dipilih dari mana anda tahu website kami').fadeIn(1000);
				  $('#mobileregister #reg_dari').addClass('is-invalid');
			  }
			  else
			  if (data == 'lainEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf mohon diisi kolom lain-lain').fadeIn(1000);
				  $('#mobileregister #reg_lain').addClass('is-invalid');
			  }
			  else
			  if (data == 'caperror')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf Verifikasi Salah').fadeIn(1000);
				  $('#mobileregister #reg_verifikasi').addClass('is-invalid');
				 
			  }
			  else
			  if (data == 'recaperror')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Recaptcha salah, coba lagi').fadeIn(1000);
			  }
			  else
			  if (data == 'iperror')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('IP Tidak Sesuai').fadeIn(1000);
			  }
			  else
			  if (data == 'capexp')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Captcha Expired').fadeIn(1000);
			  }
			  else
			  if (data == 'wait')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Silahkan dicoba beberapa saat lagi').fadeIn(1000);
			  }
			  else
			  if (data == 'turnnoevent')
			  {
				  window.location.reload();
			  }
			  else
			  if (data == 'turnblock')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Insecure Device').fadeIn(1000);
			  }
			  else
				if (data.indexOf('passNotSafe|') === 0)
				{
					var msg = data.substring('passNotSafe|'.length);
					if (!msg) {
						msg = 'Password tidak aman! Gunakan password yang lebih kuat.';
					}

					$status
						.removeClass()
						.addClass('alert alert-sm alert-warning')
						.text(msg)
						.fadeIn(1000);

					$('#mobileregister #reg_pass').addClass('is-invalid');
				}
			  
			   $('#mobileregister #capverifikasi').html(ver);
			//   ke('#mobileregister #content');
		}})
		.fail(function() {
			$status.removeClass().addClass('alert alert-sm alert-warning').text('Koneksi gagal, coba lagi').fadeIn(1000);
			$('#mobileregister #capverifikasi').html(ver);
		});
	}

	jtWithIframeCaptchaRegister($form, true, function () {
		jtWithTurnstileRegister($form, function () {
			jtWithRecaptchaRegisterToken($form, $status, submitMobileRegister);
		});
	}, function (msg) {
		$status.removeClass().addClass('alert alert-sm alert-warning').text(msg || 'Verifikasi Kosong').fadeIn(1000);
	});
	return false;
});
    </script>
    
    <script>
        const currentPath = window.location.pathname.replace(/\/+$/, '');
        const popupElement = document.getElementById('popup');
    
        if (currentPath === '/register') {
            document.getElementById('content')?.scrollIntoView();
        } else if (popupElement && typeof bootstrap !== 'undefined') {
            const popupModal = bootstrap.Modal.getOrCreateInstance(popupElement);
            popupModal.show();
        }
    </script>
</body>
</html>