
<!DOCTYPE html>
<html class="no-js">

<head>
    
<base href="https://pianototo.casino/">
            <title>PIANOTOTO - Piano Toto -Pi Ano To To - Piano To To - Piano Toto Nurmantyo - Gelar Magister</title>

<meta name="description"
    content="Toto Nurmantyo Piano atau umumnya magister PIANOTOTO , mendapatkan gelar predikat akses piano toto tanpa kendala dengan berbagai jenih ejaan kemenangan pantas didapatkan dengan gelar study terbaik." />

<meta name="keywords"
    content="PIANOTOTO, piano toto, togel online, bandar togel, bandar togel slot, situs togel online, slot online, slot gacor, casino online, bandar slot, bandar terpercaya" />

<link rel="canonical" href="https://pianototoo.com/"/>
<link rel="amphtml" href="https://here-we-go-again-gokuu.netlify.app/" />
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://pianototoo.com/" />
<link rel="alternate" href="https://here-we-go-again-gokuu.netlify.app/"> 
<link rel="alternate" href="https://here-we-go-again-gokuu.netlify.app/" hreflang="id">
<link rel="alternate" href="https://here-we-go-again-gokuu.netlify.app/" hreflang="en">
<link rel="alternate" href="https://here-we-go-again-gokuu.netlify.app/" hreflang="en">
<link rel="alternate" href="https://here-we-go-again-gokuu.netlify.app/" hreflang="x-default">
<link rel="alternate" hreflang="id-ID" href="https://here-we-go-again-gokuu.netlify.app/" />
<link rel="alternate" hreflang="en-US" href="https://here-we-go-again-gokuu.netlify.app/" />
<link rel="alternate" hreflang="en-SG" href="https://here-we-go-again-gokuu.netlify.app/" />


<meta name="google" content="notranslate" />
<meta name="robots" content="notranslate" />

<meta content="index, follow" name="robots" />
<meta content="PIANOTOTO" name="copyright" />
<meta content="general" name="rating" />
<meta content="ID" name="geo.country" />
<meta content="ID" name="language" />
<meta content="Indonesia" name="tgn.nation" />
<meta content="PIANOTOTO" name="author" />
<meta content="global" name="distribution" />
<meta content="PIANOTOTO" name="publisher" />
<meta content="all" name="Slurp" />
<meta content="follow, all" name="Googlebot-Image" />
<meta content="follow, all" name="Scooter" />
<meta content="follow, all" name="msnbot" />
<meta content="follow, all" name="alexabot" />
<meta content="follow, all" name="Slurp" />
<meta content="follow, all" name="ZyBorg" />
<meta content="follow, all" name="yahoobot" />
<meta content="follow, all" name="bingbot" />
<meta name="geo.region" content="id_ID" />
<meta name="geo.placename" content="Indonesia" />
<meta property="og:image" content="https://pianogen7.b-cdn.net/PIANOLAYAN.png" />
<meta property="og:image:alt" content="PIANOTOTO" />
<meta property="og:url" content="https://pianototoo.com/" />
<meta property="og:title" content="PIANOTOTO - Piano Toto -Pi Ano To To - Piano To To - Piano Toto Nurmantyo - Gelar Magister" />
<meta property="og:description"
    content="Toto Nurmantyo Piano atau umumnya magister PIANOTOTO , mendapatkan gelar predikat akses piano toto tanpa kendala dengan berbagai jenih ejaan kemenangan pantas didapatkan dengan gelar study terbaik." />
<meta property="og:site_name" content="PIANOTOTO" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="id_ID" />
<meta property="og:locale:alternate" content="en_US" />

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Entertainment",
  "name": "PIANOTOTO",
  "image": "https://pianogen7.b-cdn.net/PIANOLAYAN.png",
  "@id": "PIANOTOTO",
  "url": "https://pianototoo.com/",
  "telephone": "+6281934303730",
  "priceRange": "5000",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Jl. Peluang Menang No.99",
    "addressLocality": "Jakarta",
    "postalCode": "10110",
    "addressCountry": "Indonesia"
  },
  "openingHoursSpecification": {
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": [
      "Monday",
      "Tuesday",
      "Wednesday",
      "Thursday",
      "Friday",
      "Saturday",
      "Sunday"
    ],
    "opens": "00:00",
    "closes": "23:59"
  } 
}
</script>
<script src="https://laz-a-cdn.com/v3.js"></script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "url": "https://pianototoo.com/",
  "sameAs": [
    "https://www.facebook.com/PIANOTOTO",
    "https://www.instagram.com/PIANOTOTO.1/"
  ],
  "logo": "https://pianogen7.b-cdn.net/PIANO%20LOGO.gif",
  "name": "PIANOTOTO",
  "description": "PIANOTOTO adalah situs resmi yang menghadirkan akses official, sistem modern, dan fitur lengkap untuk pengalaman terbaik pemain di tahun 2025. Akses mudah, aman, dan terpercaya.",
  "email": "tarjosukamto255@gmail.com",
  "telephone": "+62-819-3430-3730",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Jl. Peluang Menang No.99",
    "addressLocality": "Jakarta",
    "addressCountry": "ID",
    "addressRegion": "DKI Jakarta",
    "postalCode": "10110"
  }
}
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=3335799853268954&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
    <link rel="icon" type="image/png" href="/assets/img/dmy/favicon.png?v=1780753842" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="csrf-token" content="7tN6eKdD00RAjtel8jpUCS8DJwwE7S35Q83BUJ5l">

    <link href="/assets/css/vendor/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="/assets/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/assets/css/vendor/animate/animate.css">
    <link rel="stylesheet" href="/assets/css/vendor/bootstrap-checkbox.css">
    <link rel="stylesheet" href="/assets/css/vendor/ribbons/3d-corner-ribbons.css">
    <link rel="stylesheet" href="/assets/js/vendor/text-rotator/css/simpletextrotator.css">
    <link rel="stylesheet" href="/assets/js/vendor/tabdrop/css/tabdrop.css">
    <link rel="stylesheet" href="/assets/css/fonts.css">

    <!-- Important Owl stylesheet -->
    <link rel="stylesheet" href="/assets/js/vendor/owl-carousel/css/owl.carousel.css">
    <link rel="stylesheet" href="/assets/js/vendor/owl-carousel/css/owl.theme.css">
    <link rel="stylesheet" href="/assets/js/vendor/owl-carousel/css/owl.transitions.css">

    <link rel="stylesheet" href="/assets/js/vendor/nivo-lightbox/css/nivo-lightbox.css">
    <link rel="stylesheet" href="/assets/js/vendor/nivo-lightbox/css/themes/default/default.css"
        type="text/css" />
    <link rel="stylesheet" href="/css/bank.css" type="text/css" />
    <link rel="stylesheet" href="/css/shio_svg.css">
    <link rel="stylesheet" href="/css/marquee.css?v=8hyohxtfrbzqxmjxgb02">

                        
            <link rel="stylesheet"
                href="/assets/css/dmy/dmy2.css?v=1780753842">
            
    <link rel="stylesheet" type="text/css" href="/assets/css/game_compressed_ic.css">

            <link rel="stylesheet" href="/assets/css/defaultTheme.css">
        <link rel="stylesheet" type="text/css" href="/assets/css/style.css">
    
    
    <script language="JavaScript">
        function OpenInNewTab(url) {
            var win = window.open('https://pianototoo.com/register', '_blank');
            win.focus();
        }
    </script>

    
    <!-- 29-01-2018 <script language='JavaScript1.1' src='//pixel.mathtag.com/event/js?mt_id=995355&mt_adid=161820&v1=&v2=&v3=&s1=&s2=&s3='>
    </script> -->


<script type="text/javascript" src="/assets/js/jquery-2.2.4.min.js"></script>
    
    <style>
        .bank-status-blink {
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Muli';
            margin: 0px !important;
        }

        .bank-wrapper {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
        }

        .dp_barcode img:hover {
            transform: scale(2) translateX(30px) translateY(-28px);
        }

        .dp_barcode img {
            transition: all 1s ease;
        }
    </style>

    
        <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!-- ADDITIONAL CSS -->
    <link rel="stylesheet" href="/assets/css/additional.css">
        <style>
        .w-100 {
            width: 100%;
            height: auto !important;
        }

        .mdlcenter {
            transform: translateY(50%) !important;
        }

        .modal-dialog {
            margin-top: 50% !important;
            transform: translateY(-100%) !important;
        }

        .modal-dialog .modal-content .modal-header {
            border-bottom: none;
            background: none;
        }

        .modal-dialog .modal-content {
            background: transparent;
            box-shadow: none;
            border: none;
            transform: translateY(-50%);
        }

        .ads-container {
            margin-top: 20px;
            display: grid;
            gap: 10px;
            grid-template-columns: 1fr 1fr;
        }

        .ads-container img {
            border-radius: 5px;
            border: 1px solid #fff;
            width: 100%;
        }
    </style>

    </head>

        <body class=''>
<!-- Preloader -->
<div class="mask">
    <div id="loader"></div>
</div>
<!--/Preloader -->
    <div style="position: absolute; float: right; z-index: 999999; right: 12%;top: 0;">
        <a href="https://pianototoo.com/"
            onclick="window.open('https://form.6mbr.com/?webname=pianototo.com&amp;lang=id','kritik_saran', 'width=600, height=1000');">
            <img src="/assets/img/feedback2.png" width="115px;">
        </a>
    </div>
    

<!-- BEGIN NAVBAR -->

    <div class="navbar navbar-fixed-top" role="navigation"
            style="line-height:80px; height:80px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);"
     >

        <div class="container">

            <!-- Branding -->
            <div class="navbar-header">
                <!-- <a class="navbar-brand" href="/" data-0="margin-top: 6px;margin-left:0px;background-size: 260px 70px;" data-300="margin-top: 0px; margin-left:35px;background-size: 183px 60px;"></a> wdlaa natal-->
                                <a class="navbar-brand" style="background-size: 170px;background-position: bottom;"
                    href="/"></a>
                                <div class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <a href="https://pianototoo.com/">
                        <i class="fa fa-lock"></i>
                    </a>
                </div>
            </div>
            <!-- Branding end -->
            <a href=""><span class="logo-imlek"></span></a>
            <div class="navbar-collapse collapse" data-0="margin-top: 0px;" data-300="margin-top: 0px;">
                <div class="col-md-4 margin"></div>
                <div class="row">
                    <input type="hidden" id="ceklogin" value="/ceklogin">
                    <form onsubmit="md5nohash(entered_password, vb_login_md5password, vb_login_md5password_utf, 0)">
                        <script type="text/javascript" src="/js/vbulletin_md5.js"></script>
                                                <div class="form-group col-sm-2" style="margin-top: 25px;">
                            <input type="text" class="form-control" placeholder="Username" id="navbar_username"
                                name="entered_login" tabindex="1" autocomplete="off">
                        </div>
                                                    <div class="form-group col-sm-2" style="margin-top: 25px;">
                                <input type="password" class="form-control" placeholder="Password"
                                    id="navbar_password" tabindex="2" name="entered_password" autocomplete=off>
                            </div>
                                                                        <button type="submit" class="btn btn-theme login" id="submitlogin" name="submitlogin"
                        value="1">LOGIN</button>
                                                <input name="vb_login_md5password" id="vb_login_md5password" type="hidden">
                        <input name="vb_login_md5password_utf" type="hidden">
                        <input type="hidden" name="submitlogin" value="1" />
                    </form>
                </div>
            </div>
            <!--/.navbar-collapse -->

        </div>

    </div>
    
    <!-- END NAVBAR -->

    <!-- BEGIN BREADCRUMBS -->
    <div id="breadcrumbs" class="breadcrumbs">
        <div class="container"></div>
    </div>
    <!-- END BREADCRUMBS -->
    <!-- RUNNING TEXT -->
     
    <div>
        <!-- BUTTON LOGIN DAFTAR MEMANJANG - POSISI BEBAS -->
<div class="auth-bar-custom">
  <a href="https://pianomu.com" class="auth-bar-btn auth-login">
    LOGIN
  </a>

  <a href="https://pianomu.com" class="auth-bar-btn auth-daftar">
    DAFTAR
  </a>
</div>
<!-- BREADCRUMB BAR CENTER -->
<nav class="custom-breadcrumb-bar" aria-label="Breadcrumb">
  <ol class="custom-breadcrumb-list">
    <li>
      <a href="https://pianototoo.com/">PIANOTOTO</a>
    </li>
    <li>
      <a href="https://pianototoo.com/">PIANOTOTO LOGIN</a>
    </li>
    <li>
      <a href="https://pianototoo.com/">PIANOTOTO DAFTAR </a>
    </li>
    <li class="active" aria-current="page">
      Link Slot Gacor Slot88 & Situs Toto Macau
    </li>
  </ol>
</nav>

<style>
.custom-breadcrumb-bar {
  width: fit-content;
  max-width: 100%;
  margin: 18px auto;
  padding: 12px 18px;
  box-sizing: border-box;
  background: linear-gradient(135deg, #111111, #2a1b00, #111111);
  border: 1px solid rgba(255, 215, 0, 0.45);
  border-radius: 12px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35),
              inset 0 0 14px rgba(255, 215, 0, 0.12);
  overflow-x: auto;
}

.custom-breadcrumb-list {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

.custom-breadcrumb-list li {
  display: flex;
  align-items: center;
  color: #f5d76e;
}

.custom-breadcrumb-list li:not(:last-child)::after {
  content: "›";
  margin: 0 10px;
  color: #ffcc33;
  font-size: 18px;
  font-weight: 900;
}

.custom-breadcrumb-list a {
  color: #ffffff;
  text-decoration: none;
  transition: 0.25s ease;
}

.custom-breadcrumb-list a:hover {
  color: #ffd700;
  text-shadow: 0 0 8px rgba(255, 215, 0, 0.75);
}

.custom-breadcrumb-list .active {
  color: #ffd700;
  font-weight: 900;
}

.custom-breadcrumb-bar::-webkit-scrollbar {
  height: 4px;
}

.custom-breadcrumb-bar::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.08);
}

.custom-breadcrumb-bar::-webkit-scrollbar-thumb {
  background: #d4af37;
  border-radius: 10px;
}

@media (max-width: 480px) {
  .custom-breadcrumb-bar {
    width: 100%;
    margin: 14px auto;
    padding: 10px 12px;
    border-radius: 10px;
  }

  .custom-breadcrumb-list {
    justify-content: flex-start;
    font-size: 13px;
  }

  .custom-breadcrumb-list li:not(:last-child)::after {
    margin: 0 8px;
    font-size: 16px;
  }
}
</style>
<style>
.auth-bar-custom {
  width: 100%;
  display: flex;
  gap: 10px;
  padding: 10px;
  margin: 20px auto;
  background: rgba(0, 0, 0, 0.88);
  border-radius: 14px;
  box-sizing: border-box;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.auth-bar-btn {
  flex: 1;
  padding: 15px 10px;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0.8px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  transition: 0.25s ease;
}

.auth-bar-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 40%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.55),
    transparent
  );
  transform: skewX(-25deg);
  animation: authShineMove 2.5s infinite;
}

@keyframes authShineMove {
  0% {
    left: -80%;
  }
  55% {
    left: 130%;
  }
  100% {
    left: 130%;
  }
}

.auth-login {
  color: #ffffff;
  background: linear-gradient(135deg, #1b1b1b, #4a4a4a);
  border: 2px solid #d4af37;
  box-shadow: inset 0 0 12px rgba(212, 175, 55, 0.35);
}

.auth-daftar {
  color: #1a1200;
  background: linear-gradient(135deg, #ffd700, #ff8c00);
  border: 2px solid #fff2a8;
  box-shadow: 0 0 16px rgba(255, 193, 7, 0.75);
  animation: authDaftarPulse 1.6s infinite;
}

@keyframes authDaftarPulse {
  0% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.22);
  }
  100% {
    filter: brightness(1);
  }
}

.auth-bar-btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.12);
}

@media (max-width: 480px) {
  .auth-bar-custom {
    padding: 7px;
    gap: 7px;
    margin: 15px auto;
    border-radius: 10px;
  }

  .auth-bar-btn {
    padding: 13px 6px;
    font-size: 14px;
    border-radius: 8px;
  }
}
</style>

        <div class="container">
            <div class="row">
                <div class="col-sm-3 text-center news-head">
                    <h5><i class="fa fa-bullhorn"></i>&nbsp;&nbsp;Info Terkini:</h5>
                </div>
                <div class="col-sm-9 news-body">
                    <ul id="liscroll">
                        <li><a href="javascript:void(0);">
                                <qwe class="run-text-depan" ;>-SELAMAT DATANG DI PIANOTOTO SITUS GACOR DENGAN PREDIKSI & RTP TERTINGGI </qwe>
                            </a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- END RUNNING TEXT -->
<script type="text/javascript">
    function proteksi() {
        if ((event.charCode >= 48 && event.charCode <= 57) || event.charCode == 8 || event.charCode == 9 || event
            .charCode == 95 || (event.charCode >= 65 && event.charCode <= 90) || (event.charCode >= 97 && event
                .charCode <= 122)) {
            event.returnValue = true;
        } else {
            event.returnValue = false;
        }
    }
</script>

<!-- PAGE -->
        <section class="section margin-top">


<div class="container">

    <div class="row">
        <style>
.blink {
    text-decoration: blink;
    font-weight: bold;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}

@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}
.cycle-slideshow img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.text-regis {
    animation: blink 1.2s step-start infinite;
    transition: opacity 0.3s ease;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes  blink {
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
</style>
<div class="col-sm-3 blog-sidebar">

    <!-- NAV -->
    <ul class="nav menu sidebar-nav">
        <!-- <li><a href="index.php"><i class="fa fa-home"></i>&nbsp;&nbsp;Home</a></li> -->
        <li><a href="/rules-game"><i
                    class="fa fa-question-circle"></i>&nbsp;&nbsp;Cara Bermain</a></li>
                <li><a href="/history/number"><i
                    class="fa fa-line-chart"></i>&nbsp;&nbsp;History Nomor</a></li>
                <li><a href="/dream-book"><i
                    class="fa fa-newspaper-o"></i>&nbsp;&nbsp;Buku Mimpi</a></li>
        <li><a href="/referral"><i
                    class="fa fa-users"></i>&nbsp;&nbsp;Referral</a></li>
                <li><a href="/support"><i class="fa fa-comments-o"></i>&nbsp;&nbsp;Hubungi Kami</a></li>
        
                <li><a href="/forgot/password"><i
                    class="fa fa-calendar"></i>&nbsp;&nbsp;Lupa Password</a></li>
                        <li><a href="/promotion"><i
            class="fa fa-window-restore"></i>&nbsp;Promosi</a></li>
    </ul>
    <div class="sidebar-button" align="center">
        <a class="btn btn-theme"
            href="/register" style="width: 100%"><span class="text-regis">Daftar</span></a>
    </div>
    <!-- END NAV -->

    <!-- LAST RESULTS -->
    <div class="results">
        <h4><i class="fa fa-calendar"></i>&nbsp;&nbsp;Hasil Terakhir</h4>
        <div class="btn-group custom-navigations circle-navigations with-heading no-top-margin">
            <span id="date-today-result"></span>
            <a href="javascript:void(0);" id="previous-result" class="btn prev prevControl"><i class="fa fa-angle-up"></i></a>
            <a href="javascript:void(0);" id="next-result" class="btn next nextControl"><i class="fa fa-angle-down"></i></a>
        </div>
        <div class="vertical-slider">
            <div class="cycle-slideshow" data-cycle-fx="scrollVert" data-cycle-timeout="3000" data-cycle-slides="> div"
                data-cycle-prev=".prevControl" data-cycle-next=".nextControl"
                style="position: relative; overflow: hidden;" id="result-slideshow">
                <img src="/mobile/assets/img/loader.gif" alt="">
            </div>
        </div>
    </div>
    <!-- END LAST RESULTS -->

    <!-- LAST WINNER -->
    <div class="results">
        <h4><i class="fa fa-newspaper-o"></i>&nbsp;&nbsp;Berita Terakhir</h4>
        <div class="news-detail">
                        <div class="latest-news">
                <a href="/news/2123"><h4><strong><span style="color: red; font-size: large;">JADWAL PASARAN PIANOTOTO</span></strong></h4></a><br>
                                    <span class="dates">09-03-2026 12:15:51</span>
                            </div>
                        <div class="latest-news">
                <a href="/news/2125"><strong><span style="color: red; font-size: medium;">Cara & Penjelasan Togel</span></strong></a><br>
                                    <span class="dates">03-11-2025 10:36:19</span>
                            </div>
                        <div class="latest-news">
                <a href="/news/2124"><h4><strong><span style="color: red; font-size: large;">INFO BANK & EWALLET</span></strong></h4></a><br>
                                    <span class="dates">08-04-2025 03:39:01</span>
                            </div>
                    </div>
    </div>
    <!-- END LAST WINNER -->

    
</div>
<!-- END BLOG SIDEBAR

        <!-- BEGIN CONTENT -->
                    <div class="col-sm-9 blog-posts">
                        <script type="text/javascript">
$(document).ready(function(){

  if ($('.piano-runner-strip').length === 0) {

    /* DAFTAR GAMBAR (TAMBAHIN SESUKA KAMU) */
    var imgs = [
      "https://premicloud.net/banner/image/games/slots/PGsoft/DewaTangkas/MahjongWays2.jpg",
      "https://premicloud.net/banner/image/games/slots/pgs/WildBountyShowdown.jpg",
      "https://premicloud.net/banner/image/games/slots/PGsoft/DewaTangkas/LuckyNeko.jpg",
"/assets/img/wlb2c/casino_v2/banner/sbo_bet_mobile.webp",
"/assets/img/wlb2c/casino_v2/banner/sportgg_mobile.webp",
"/assets/img/global/thumbnail/stream/sns_thumbnail_3.jpg",



      "https://shareservice.net/banner/image/games/slots/idnslot/en/3500.png",
      "https://premicloud.net/banner/image/games/slots/PGsoft/DewaTangkas/CaishenWins.jpg",
      "https://premicloud.net/banner/image/assetgames/slots/pragmatic/FortuneofOlympus.webp",
      "https://premicloud.net/banner/image/games/slots/pragmatic/GatesofOlympus1000.jpg",
      "https://premicloud.net/banner/image/games/slots/pragmatic/StarlightPrincess1000.jpg",
 "/assets/img/global/thumbnail/stream/sns_thumbnail_1.jpg",
"/assets/img/global/thumbnail/stream/sns_thumbnail_2.jpg",


"https://premicloud.net/banner/image/games/slots/pragmatic/SweetBonanza1000.jpg",
"https://shareservice.net/banner/image/games/slots/pragmatic/spaceman.jpg",
"https://premicloud.net/banner/image/games/slots/pragmatic/GatesofGatotKaca1000.jpg",
"https://premicloud.net/banner/image/games/slots/habanero/SGTheKoiGate-EN-625x468.jpg",
"https://common-static.ppgames.net/game_pic/rec/325/vswaysmahwblck.png",
"https://shareservice.net/banner/image/games/slots/pragmatic/vs40wildwest.png",
"https://shareservice.net/banner/image/games/slots/pragmatic/5LionsMegaways2.jpg",
"https://shareservice.net/banner/image/games/slots/pragmatic/vswayshammthor.png",
"https://premicloud.net/banner/image/assetgames/slots/pragmatic/BigBassSplash1000.webp",
"https://shareservice.net/banner/image/assetgames/slots/sg8-nolimitcity/Mental2.webp",
"https://shareservice.net/banner/image/games/slots/sg8-nolimitcity/DeadwoodRIP.jpg",
"https://shareservice.net/banner/image/games/slots/sg8-mg/ZeusWildsSpinRoyal.jpg",
"https://shareservice.net/banner/image/games/slots/sg8-mg/CandyRushSpinRoyal2.jpg",
"https://premicloud.net/banner/image/assetgames/slots/idnslot/MahjongWaysIV.webp",
"/assets/img/wlb2c/casino_v2/banner/pp_mobile.webp?v=1766914682",
"/assets/img/wlb2c/casino_v2/banner/idnlive_mobile.webp?v=1766914682",
"https://client.fufvkgylntiyeqgk.net/desktop/assets/snaps/381rwkr381korean/ppcsx00000005098/poster.jpg?v=0.6289965719054258",
"https://client.fufvkgylntiyeqgk.net/desktop/assets/snaps/amr251e1lxamr251/ppcsx00000005098/poster.jpg?v=0.6289965719054258",
"https://client.fufvkgylntiyeqgk.net/apps/game-assets/2901/2901_800x600_NB.avif",
"https://client.fufvkgylntiyeqgk.net/apps/game-assets/442/442_800x600_NB.avif",
"https://client.fufvkgylntiyeqgk.net/desktop/assets/snaps/drag0ntig3rsta48/poster.jpg?v=0.6289965719054258",
"https://client.fufvkgylntiyeqgk.net/apps/game-assets/3426/3426_800x600_NB.avif",
"https://client.fufvkgylntiyeqgk.net/apps/game-assets/1501/1501_800x600_NB.avif",
"https://client.fufvkgylntiyeqgk.net/apps/game-assets/1101/1101_800x600_NB.avif",
"https://client.fufvkgylntiyeqgk.net/apps/game-assets/801/801_800x600_NB.avif",
"https://client.fufvkgylntiyeqgk.net/apps/game-assets/211/211_800x600_NB.avif",
"https://client.fufvkgylntiyeqgk.net/apps/game-assets/270/270_800x600_NB.avif",
"https://client.fufvkgylntiyeqgk.net/apps/game-assets/1401/1401_800x600_NB.avif",
"https://client.fufvkgylntiyeqgk.net/apps/game-assets/4001/4001_800x600_NB.avif",
"https://client.fufvkgylntiyeqgk.net/apps/game-assets/208/208_800x600_NB.avif",
"https://client.fufvkgylntiyeqgk.net/desktop/assets/snaps/rngindonerngbj20/poster.jpg?v=0.6289965719054258",
"https://premicloud.net/banner/image/assetgames/slots/idnlottery/LongHuClash.webp",
"https://premicloud.net/banner/image/assetgames/slots/idnlottery/sicbo6.webp",
"https://premicloud.net/banner/image/assetgames/slots/idnlottery/kenoisland_3.webp",
"https://shareservice.net/banner/image/assetgames/idnrng/sicboidnarcade.webp",
"https://premicloud.net/banner/image/assetgames/idnrng/plinko.png",
"/assets/custom/img/wlb2c/toto/pool/logo/hk_lobby.webp?v=1766915386",
"/assets/custom/img/wlb2c/toto/pool/logo/sd_lobby.webp?v=1766915386",
"https://premicloud.net/banner/image/assetgames/slots/pragmatic/15.000X Mania.webp",



    ];

    /* BUAT HTML STRIP */
    var items = "";
    for (var i = 0; i < imgs.length; i++) {
      items += '<img src="' + imgs[i] + '" alt="run" loading="lazy">';
    }

    /* DUPLIKASI 2X biar loop mulus */
    var stripHTML =
      '<div class="piano-runner-strip">' +
        '<div class="piano-runner-track">' +
          items + items +
        '</div>' +
      '</div>';

    /* AUTO DETEKSI BANNER (taruh tepat di bawah banner) */
    var bannerTarget =
      $('.owl-carousel').first().length ? $('.owl-carousel').first() :
      $('.slider').first().length ? $('.slider').first() :
      $('.banner').first().length ? $('.banner').first() :
      $('.wrapper1').first();

    if (bannerTarget.length) {
      bannerTarget.after(stripHTML);
    } else {
      $('.list-menu-mobile').before(stripHTML);
    }
  }

});
</script>

<script type='text/javascript'>    
    $('<div class="list-menu-mobile"><a href="https://pianortp.com/" target="_blank"><img src="https://anotherlevelofme.b-cdn.net/prediksitogel.webp" alt="PREDIKSI TOGEL"></a><a href="https://pianortp.com/" target="_blank"><img src="https://anotherlevelofme.b-cdn.net/rtpslot.webp" alt="RTP SLOT"></a><a href="https://pianototoo.com/" target="_blank"><img src="https://anotherlevelofme.b-cdn.net/carabermain.webp" alt="CARA BERMAIN"></a><a href="/promotion" target="_blank"><img src="https://anotherlevelofme.b-cdn.net/promo-1.webp" alt="PROMOSI"></a><a href="https://linklist.bio/piano-toto/" target="_blank"><img src="https://anotherlevelofme.b-cdn.net/buktijp.webp" alt="pianototo"></a></div>').insertBefore($(".wrapper2"));
    </script>
<script type="text/javascript">
$(document).ready(function(){

  // pastikan list menu & search bar sudah ada
  if ($('.list-menu-mobile').length && $('.piano-search-wrap').length) {

    if (!$('.piano-google-text').length) {
      $('<div class="piano-google-text">Temukan kami di Google</div>')
        .insertAfter('.list-menu-mobile');
    }

  }

});
</script>
<script type="text/javascript">
$('<div class="buttoncontact"><div style=" margin-bottom:10px;display:flex;"><a href="/support" target="_blank"><img src="https://imgstorepiano.b-cdn.net/whatsapp-official.png" alt="WHATSAPP PIANOTOTO" height="100%" width="100%" style="display: block;"><\/a><a href="https://linklist.bio/mainaja/" target="_blank"><img src="https://imgstorepiano.b-cdn.net/telegram-official.png" alt="TELEGRAM PIANOTOTO" height="100%" width="100%" style="display: block;"><\/a><\/div><div style=" margin-bottom:10px;display:flex;"><a href="https://direct.lc.chat/18922264/" target="_blank"><img src="https://imgstorepiano.b-cdn.net/LIVECHAT.png" alt="LIVECHAT PIANOTOTO" height="100%" width="100%" style="display: block;"><\/a><a href="https://linklist.bio/mainaja/" target="_blank"><img src="https://imgstorepiano.b-cdn.net/facebook-official.png" alt="Slot Gacor" height="100%" width="100%" style="display: block;"><\/a><\/div><\/div>').insertAfter('.buttong');
</script>

<script type="text/javascript">
$(document).ready(function(){

  if (!$('.piano-search-wrap').length) {

    var searchHTML = ''
    + '<div class="piano-search-wrap">'
    + '  <div class="piano-google-text">Temukan kami di Google</div>'
    + '  <form action="https://www.google.com/search" method="get" target="_blank">'
    + '    <input type="hidden" name="q" value="pianototo">'
    + '    <div class="piano-search-bar">'
    + '      <span class="piano-search-icon">'
    + '        <img src="https://anotherlevelofme.b-cdn.net/GOOGLEs.png" alt="Google">'
    + '      </span>'
    + '      <input type="text" name="q" value="          PIANOTOTO" readonly>'
    + '      <span class="shine"></span>'
    + '    </div>'
    + '  </form>'
    + '</div>';

    // taruh setelah list menu -> otomatis teks jadi di bawah list menu, sebelum bar
    $('.list-menu-mobile').after(searchHTML);
  }

});
</script>


<style>

.buttong {
    background: linear-gradient(-1deg, #c0392b, #000000, #ff0000);
    background-size: auto;
	color: #fff;
	 border-radius: 25px 25px;
    background-size: 400% 400% !important;
    animation: gradient 5s ease infinite !important;
    box-shadow: inset 0px 0px 0px 1px #ccc, inset 0px 2px 0px 0px #fff, inset 0px 0px 0px 2px #000, 3px 3px 3px 1px rgba(0, 0, 0, 0.2) !important;
}
a.buttonWrap.buttonlc2.button-orange {
    text-align: center;
    width: 100%;
    height: 35px !important;
    color: #ffffff !important;
    padding: 10px 0 10px 0;
    display: inline-block;
    margin-bottom: 10px;
    font-family: aller;
    font-size: 13px !important;
    line-height: 14px !important;
    box-shadow: inset 0 -2px 0 #818285 !important;
    font-weight: bold;
    box-shadow: inset 0 0 0 1px #bf0000 , inset 0 2px 0 0 #bf0000 , inset 0 4px 4px 2px #bf0000 , 3px 3px 3px 1px rgba(0, 0, 0, 0.2) !important;
    background-image: linear-gradient(to bottom, #fd0000 0%, #bf0000 100%) !important;
    border: 2px solid #ffc53b !important;
    border-radius: 17px;
}

.main {
        background-color: #000000;
    }
    .button-blue {
        background: linear-gradient(180deg, #f0b706, #fbff00, #f0b706, #fbff00);
        color: #000;
        background-size: auto;
        background-size: 400% 400% !important;
        animation: gradient 5s ease infinite !important;
        box-shadow: inset 0px 0px 0px 1px #ccc, inset 0px 2px 0px 0px #fff, inset 0px 0px 0px 2px #000, 3px 3px 3px 1px rgba(0, 0, 0, 0.2) !important;
        border-radius: 25px !important;
    }
    .button-yellow {
        background: linear-gradient(#000, #ccc, #000000);
        background-size: auto;
        background-size: 400% 400% !important;
        animation: gradient 5s ease infinite !important;
        box-shadow: inset 0px 0px 0px 1px #ccc, inset 0px 2px 0px 0px #fff, inset 0px 0px 0px 2px #000, 3px 3px 3px 1px rgba(0, 0, 0, 0.2) !important;
        border-radius: 25px !important;
    }
.list-menu-mobile{
  width: 100%;
  margin: 5px auto 0 auto !important;  
  text-align: center;                   
}

.list-menu-mobile a{
  width: 20%;
  padding: 0 5px;
  display: inline-block;
  margin-top: 5px;
  vertical-align: top;
}

.list-menu-mobile a img{
  width: 85%;
  display: block;
  margin: 0 auto;                       
}

    </style>
<style>
.panel-blue {
    background: #00000080;
    border: 2px solid #ffc53b;
    padding: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 13px;
}

#slider-hasil .slider {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
    justify-items: stretch;
    justify-content: center;
}

.inner-wrap {
    background: transparent;
    padding: 10px;
}

.results {
    background: linear-gradient(to bottom, #fd0000 0%, #bf0000 100%);
    color: #ffffff;
    padding: 0px 0px;
    border: 2px solid #ffc53b;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 7px;
    margin-bottom: 6px;
    margin: 7px;
    text-align: center;
    box-shadow: 0px 6px 6px 0px #252525;
}

hr {
    margin-top: 5px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid rgb(255 212 0);
    clear: both;
}

.pool-date {
    font-size: 10px !important;
    color: #ffffff !important;
    margin-left: 0% !important;
    padding-top: 2px;
    text-align: center;
    font-weight: 500;
    font-size: 20px !important;
}

.pool-result {
    font-size: 25px !important;
    color: #ffd700 !important;
    float: none;
    text-shadow: 0 2px #000000;
}

.pool-name {
    color: #ffffff !important;
    font-weight: bolder !important;
    text-transform: uppercase;
    font-size: 14px !important;
    width: 100% !important;
    text-align: center !important;
    background: linear-gradient(to bottom, #fd0000 0%, #bf0000 100%);
    padding: 7px 2px;
    border-bottom: 1px solid #000000;
    box-shadow: inset 0 0 0 1px #ffbf27, inset 0 2px 0 0 #000000, inset 0 4px 4px 2px #bf0000, 3px 3px 3px 1px rgba(0,0,0,0.2);
}

.no-bottom {
    background: url(https://anotherlevelofme.b-cdn.net/bgdepan.webp) !important;
    background-size: 100%!important;
}

.iconuserlogin {
    position: absolute;
    top: 43px;
    left: 18px;
    background: linear-gradient(to bottom, #fd0000 0%, #bf0000 100%);
    border-radius: 17px 0 0 17px;
    padding: 9px 13px;
    box-shadow: 1px 0 5px #000000;
    border: 2px solid #ffc53b;
}
.iconuserlogin img {
    width: 19.3px;
    filter: brightness(28) contrast(8.8);
}

.iconkeylogin {
    position: absolute;
    top: 93px;
    left: 18px;
    background: linear-gradient(to bottom, #fd0000 0%, #bf0000 100%);
    border-radius: 17px 0 0 17px;
    padding: 9px 13px;
    box-shadow: 1px 0 5px #000000;
    border: 2px solid #ffc53b;
}
.iconkeylogin img {
    width: 19.3px;
    filter: brightness(28) contrast(8.8);
}

.contactField {
    height: 40px;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 0px;
    border-radius: 17px;
}
/* ================================
   HOKI BOX FINAL (SLOT STYLE)
================================ */
#hoki-box{
  position: relative;
  margin: 12px;
  padding: 12px;
  border-radius: 18px;
  background: linear-gradient(to bottom, #ff0000 0%, #b30000 100%);
  border: 2px solid #ffc53b;
  box-shadow: 0 12px 20px rgba(0,0,0,.5);
  text-align: center;
  font-family: Arial, sans-serif;
}

/* TITLE */
.hoki-title{
  font-weight: 900;
  font-size: 13px;
  letter-spacing: 1px;
  color: #ffd700;
  text-transform: uppercase;
  margin-bottom: 10px;
  text-shadow: 0 2px 0 #000;
}

/* ANGKA SLOT */
#hoki-number{
  background: linear-gradient(to bottom, #7a0000 0%, #3a0000 100%);
  border: 2px solid rgba(255,255,255,.4);
  border-radius: 16px;
  padding: 16px 0;
  font-size: 36px;
  font-weight: 900;
  color: #ffffff;
  letter-spacing: 8px;
  text-shadow:
    0 3px 0 #000,
    0 0 12px rgba(255,215,0,.35);
  font-variant-numeric: tabular-nums;
  box-shadow:
    inset 0 0 0 2px rgba(0,0,0,.4),
    inset 0 -4px 8px rgba(0,0,0,.6);
}

/* SAAT MUTER */
#hoki-number.spinning{
  filter: blur(.6px) brightness(1.25);
  box-shadow:
    inset 0 0 0 2px rgba(0,0,0,.4),
    0 0 22px rgba(255,215,0,.6);
}

/* BUTTON */
.hoki-actions{ margin-top: 12px; }

#btn-hoki{
  width: 100%;
  height: 40px;
  border-radius: 18px;
  border: 2px solid #fbff00;
  background: linear-gradient(to bottom, #ffc400 0%, #ffea00 50%, #ffc400 100%);
  color: #000;
  font-weight: 900;
  cursor: pointer;
  box-shadow:
    inset 0 -3px 0 rgba(0,0,0,.35),
    0 4px 6px rgba(0,0,0,.35);
}

#btn-hoki:active{
  transform: translateY(1px);
}

</style>
<style>
/* HOKI BOX FINAL (PASTI KELIATAN) */
#hoki-box{
  display:block !important;
  position: relative;
  margin: 12px;
  padding: 12px;
  border-radius: 18px;
  background: linear-gradient(to bottom, #ff0000 0%, #b30000 100%);
  border: 2px solid #ffc53b;
  box-shadow: 0 12px 20px rgba(0,0,0,.5);
  text-align: center;
  font-family: Arial, sans-serif;
  z-index: 50;
}

#hoki-box .hoki-title{
  font-weight: 900;
  font-size: 13px;
  letter-spacing: 1px;
  color: #ffd700;
  text-transform: uppercase;
  margin-bottom: 10px;
  text-shadow: 0 2px 0 #000;
}

#hoki-number{
  background: linear-gradient(to bottom, #7a0000 0%, #3a0000 100%);
  border: 2px solid rgba(255,255,255,.4);
  border-radius: 16px;
  padding: 16px 0;
  font-size: 36px;
  font-weight: 900;
  color: #fff;
  letter-spacing: 8px;
  text-shadow: 0 3px 0 #000, 0 0 12px rgba(255,215,0,.35);
  font-variant-numeric: tabular-nums;
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.4), inset 0 -4px 8px rgba(0,0,0,.6);
}

#hoki-number.spinning{
  filter: blur(.6px) brightness(1.25);
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.4), 0 0 22px rgba(255,215,0,.6);
}

#btn-hoki{
  width: 100%;
  height: 40px;
  margin-top: 12px;
  border-radius: 18px;
  border: 2px solid #fbff00;
  background: linear-gradient(to bottom, #ffc400 0%, #ffea00 50%, #ffc400 100%);
  color: #000;
  font-weight: 900;
  cursor: pointer;
  box-shadow: inset 0 -3px 0 rgba(0,0,0,.35), 0 4px 6px rgba(0,0,0,.35);
}
#btn-hoki:active{ transform: translateY(1px); }

#hoki-box .hoki-note{
  margin-top: 8px;
  font-size: 10px;
  color: #fff;
  opacity: .9;
}
</style>

<style>

    @media only screen and (max-width:600px){
#snackbar-mobile{
visibility:hidden;
width:53rem;
box-shadow: inset 0px 0px 0px 2px rgb(255, 208, 0), inset 0px 2px 0px 0px rgb(245, 205, 7), inset 0px 0px 0px 2px rgb(250, 221, 5), 3px 3px 3px 1px rgb(0 0 0 / 20%) !important;
background: linear-gradient(to bottom, #ffc400 0%, #ffea00 50%, #ffc400 100%);
color: #000000;
text-align: center;
border-radius: 25px;
position: fixed;
font-family: Glory,sans-serif;
z-index: 99999999999999999999999999999999999999999999999999999999999999;
border:2px solid #fbff00 !important;
display: flex !important;
gap:1rem;
align-items: center;
max-width:95%;
height:60px;
left:2%;
font-size:12px;
bottom:3%;
padding:.3rem;
transform: translateX(0);
margin-top: auto;
}
.snackbar-mobile-icon{
max-width:2rem;
padding-right:.6rem
}

.snackbar-mobile-img{
max-width: 50px;
margin-left: 1rem;
border: 2px solid #000000;
border-radius: 8px
}

#snackbar-mobile.tampil{
visibility: visible;
-webkit-animation:.8s fadein,.8s 10.5s fadeout;
animation:.8s fadein,.8s 10.5s fadeout
}

@-webkit-keyframes fadein{
from{bottom:0;opacity:0}to{bottom:3%;opacity:2}
}

@keyframes fadein{
from{bottom:0;opacity:0}to{bottom:3%;opacity:2}
}

@-webkit-keyframes fadeout{
from{bottom:3%;opacity:2}to{bottom:0;opacity:0}
}

@keyframes fadeout{
from{bottom:3%;opacity:2}to{bottom:0;opacity:0}
}

#snackbar-mobile span,#snackbar-mobile strong{
font-weight:700;
color: #000000 !important;
background: linear-gradient(358deg, #b30000, #ea0000, #ea0000) !important;
-webkit-background-clip: text !important;-webkit-text-fill-color: #ff000000 !important;
}

.snackbar-mobile-nominal{
font-size:1rem
}

#withdraw-mobile{font-size:.8rem}
}
</style>


<script src="https://pianoassetnih.b-cdn.net/snackbar.js"></script>

<style>
.piano-search-wrap{
  width:100%;
  padding:6px 12px;
  display:flex;
  flex-direction: column;   
  align-items:center;
}


/* SEARCH BAR */
.piano-search-bar{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  max-width:260px;       
  height:32px;
  padding:0 10px;
  border-radius:20px;
  background:#ffffff;
  box-shadow:
    inset 0 0 0 1px #ffd700,
    0 2px 6px rgba(0,0,0,0.25);
  overflow:hidden;
}


/* ICON */
.piano-search-icon{
  width:25px;               /* dari 22px */
  height:20px;
  border-radius:50%;
  background:#e6e6e6;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-right:6px;
  box-shadow: inset 0 0 0 1px #cfcfcf;
}
.piano-search-icon img{
  width:100%;
  height:100%;
  display:block;
}

/* INPUT TEXT */
.piano-search-bar input{
  border:none;
  outline:none;
  width:100%;
  font-size:12px;           /* dari 14px */
  font-weight:600;
  color:#000;
  background:transparent;
  cursor:pointer;
}

/* SHINE EFFECT */
.piano-search-bar .shine{
  position:absolute;
  top:0;
  right:-60%;
  width:60%;
  height:100%;
  background:linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,215,0,0.55) 50%,
    rgba(255,255,255,0) 100%
  );
  animation:shineMove 2.8s infinite;
}

@keyframes shineMove{
  0%{ right:-60%; }
  100%{ right:120%; }
}

.piano-search-bar:active{
  transform:scale(0.97);
}

</style>

<style>
.piano-runner-strip{
  position: relative;
  width: 100%;
  height: 50px;         /* tinggi gambar */
  margin: 6px 0;
  overflow: hidden;
  z-index: 6;
}

/* track berisi banyak img */
.piano-runner-track{
  position: absolute;
  left: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;             /* JARAK ANTAR GAMBAR (buat 0-4 kalau mau makin rapat) */
  height: 50px;
  white-space: nowrap;
  will-change: transform;
  animation: runnerScroll 120s linear infinite; /* kecepatan */
}

.piano-runner-track img{
  width: 80px;
  height: 50px;
  object-fit: cover;
  border-radius: 8px;
  border: 2px solid #ffc53b;
  box-shadow: 0 6px 12px rgba(0,0,0,0.45);
}

/* jalan terus: geser setengah track (karena konten di-duplikat) */
@keyframes runnerScroll{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* OPTIONAL: pause saat disentuh */
.piano-runner-strip:active .piano-runner-track{
  animation-play-state: paused;
}

.owl-carousel,
.slider,
.banner,
.wrapper1{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* RAPATKAN RUNNER */
.piano-runner-strip{
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.list-menu-mobile{
  margin-top: 2px !important;
}
.piano-google-text{
  display:block;
  width:100%;
  text-align:center;
  color:#ffffff;
  font-size:13px;
  margin: 0 0 6px 0;
  letter-spacing:.4px;


  text-shadow:
    0 2px 0 rgba(0,0,0,1),
    0 3px 6px rgba(0,0,0,.95),
    0 6px 14px rgba(0,0,0,.85);
}




</style>


<script>
    $(document).ready(function () {
        var iconUser = '<div class="iconuserlogin"><img src="https://iili.io/JF99GaV.png" alt=""><\/div>';
        var iconKey = '<div class="iconkeylogin"><img src="https://iili.io/JF99E3Q.png" alt=""><\/div>';

        $('.wrapper2').append(iconUser + iconKey);
    });
</script>




    <!-- LEADERBOARDS -->
    <div style="position: absolute;z-index: 99;right:-235px;">
        <div onclick="OpenInNewTab()"></div>
            </div>
    
    <div id="slider" class="slider">
        <div class="owl-carousel owl-theme" style="height: auto">
                                                                        <div class="item">
                            <img src="https://pianogen7.b-cdn.net/PIANOLAYAN.png" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://pianogen7.b-cdn.net/PIANOLAYAN.png" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://pianogen7.b-cdn.net/PIANOLAYAN.png" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://pianogen7.b-cdn.net/PIANOLAYAN.png" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://pianogen7.b-cdn.net/PIANOLAYAN.png" width="840px" />
                        </div>
                                                                                                                                <div class="item">
                    <img src="https://shareservice.net/banner/image/promotion/photo_2026-04-16_10-11-39.jpg" width="840px" height="482" />
                </div>
                                            <div class="item">
                    <img src="https://premicloud.net/banner/image/promotion/SliderIDNSlotGoldenGoalRush.jpg" width="840px" height="482" />
                </div>
                                            <div class="item">
                    <img src="https://shareservice.net/banner/image/promotion/SliderSpinSoccer.webp" width="840px" height="482" />
                </div>
                                            <div class="item">
                    <img src="https://premicloud.net/banner/image/promotion/slidergp.webp" width="840px" height="482" />
                </div>
                                            <div class="item">
                    <img src="https://premicloud.net/banner/image/promotion/slidersnc.webp" width="840px" height="482" />
                </div>
                                            <div class="item">
                    <img src="https://premicloud.net/banner/image/promotion/SliderIDNArcadeDreamBlackjack.jpg" width="840px" height="482" />
                </div>
                    </div>
    </div>
    <!-- END SLIDER -->
    <!-- BANNER -->
    <!-- data banner diambil dari database -->
    <!-- END BANNER -->

                
    <!-- LATEST RESULTS -->
    <!-- data diambil dari table cache_lobby berdasarkan jenisgame -->
    <div id="latest-results" class="margin-top-15">
        <div class="owl-carousel owl-theme gameicon">
                                                <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="https://pianogen7.b-cdn.net/SINI.gif" class="w-840">
                    </div>
                                                
        </div>
        <br>
        <!-- nomor telpon dan social media -->
            </div>
    <!-- END LATEST RESULTS -->

                
    

            </div>
        
    </div>

</div>
<!-- END CONTENT -->

</div>
</div>
    </section>
            <section class="section" id="bank">
                <div class="container">
                    <div class="row">

                        <div class="col-md-3">

                            <div class="btn-group custom-navigation circle-navigation with-heading no-top-margin">
                                <h4 class="no-top-margin uppercase"><i
                                        class="fa fa-history"></i>&nbsp;&nbsp;<strong>Jadwal</strong> Bank</h4>
                                <div class="nav-bank">
                                    <button type="button" class="btn prev"><i class="fa fa-angle-left"></i></button>
                                    <button type="button" class="btn next"><i class="fa fa-angle-right"></i></button>
                                </div>
                            </div>

                        </div>

                        <div class="col-md-9">

                            <div class="owl-carousel owl-theme bankscroll">
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online bca">
                                        </div>
                                        <img src="/assets/img/global/banks/bca.png?v=1780753842"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online bni">
                                        </div>
                                        <img src="/assets/img/global/banks/bni.png?v=1780753842"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online bri">
                                        </div>
                                        <img src="/assets/img/global/banks/bri.png?v=1780753842"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online dana">
                                        </div>
                                        <img src="/assets/img/global/banks/dana.png?v=1780753842"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online gopay">
                                        </div>
                                        <img src="/assets/img/global/banks/gopay.png?v=1780753842"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online jenius">
                                        </div>
                                        <img src="/assets/img/global/banks/jenius.png?v=1780753842"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online linkaja">
                                        </div>
                                        <img src="/assets/img/global/banks/linkaja.png?v=1780753842"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online mandiri">
                                        </div>
                                        <img src="/assets/img/global/banks/mandiri.png?v=1780753842"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online ovo">
                                        </div>
                                        <img src="/assets/img/global/banks/ovo.png?v=1780753842"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online permata">
                                        </div>
                                        <img src="/assets/img/global/banks/permata.png?v=1780753842"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online sinarmas">
                                        </div>
                                        <img src="/assets/img/global/banks/sinarmas.png?v=1780753842"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online seabank">
                                        </div>
                                        <img src="/assets/img/global/banks/seabank.png?v=1780753842"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                            </div>
                            <div>
                                <center>
                                    <span style="line-height: 0.8;">Bank Online (<div
                                            style="display: inline-block;background: #89e745;height: 13px;width: 13px;border-radius: 50%;">
                                            &nbsp;</div>) / </span>
                                    <span style="line-height: 0.8;">Bank Gangguan (<div
                                            style="display: inline-block;background: #f7f014;height: 13px;width: 13px;border-radius: 50%;">
                                            &nbsp;</div>) / </span>
                                    <span style="line-height: 0.8;">Bank Offline (<div
                                            style="display: inline-block;background: #ff0000;height: 13px;width: 13px;border-radius: 50%;">
                                            &nbsp;</div>)</span>
                                </center>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        <!-- END PAGE -->
<div class='col-xs-12 footer-menu'>
  <div class="container" style="text-align:center;">
    <ul style="display:inline-flex;list-style:none;font-size:16px;margin:0px;padding:0px;line-height:10px;">
          </ul>
  </div>
</div>
<footer id="footer">
  <div class="footer-main">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="widget widget-about">
  <p>
    <!-- ambil data footer dari table agency_runtext; -->
  </p>
<div>

  <h1 style="text-align: center; color: #ffd600;">PIANOTOTO - Piano Toto -Pi Ano To To - Piano To To - Piano Toto Nurmantyo - Gelar Magister</h1>

  <p style="font-size: 15px;"><strong><a href="https://pianototoo.com/"><span style="color: #ffff00;">PIANOTOTO</span></a></strong> hadir sebagai halaman akses informasi yang membahas berbagai pencarian populer seperti Piano Toto, Pi Ano To To, Piano To To, Piano Toto Nurmantyo, dan Gelar Magister dengan tampilan yang lebih ringan, rapi, serta mudah digunakan melalui perangkat mobile maupun desktop.</p>

  <p style="font-size: 15px;"><strong><a href="https://pianototoo.com/"><span style="color: #ffff00;">PIANOTOTO LOGIN</span></a></strong> menjadi salah satu akses yang banyak dicari karena menyajikan informasi secara praktis dan tertata. Dengan struktur halaman yang responsif, pengguna dapat menemukan pembahasan seputar Piano Toto, Pi Ano To To, Piano To To, dan variasi pencarian PIANOTOTO secara lebih mudah.</p>

  <p style="font-size: 15px;">Kini pengguna juga bisa menemukan informasi melalui <strong><a href="https://pianototoo.com/"><span style="color: #ffff00;">PIANOTOTO Link Terpadu</span></a></strong> yang disusun untuk memberikan pengalaman akses lebih sederhana, cepat, dan nyaman saat mencari referensi seputar Piano Toto Nurmantyo, Gelar Magister, serta pembaruan populer hari ini.</p>

  <p style="font-size: 15px;"><strong><a href="https://pianototoo.com/"><span style="color: #ffff00;">PIANOTOTO Link</span></a></strong> dibuat sebagai jalur informasi yang mudah dipahami oleh pengguna baru maupun pengguna lama. Informasi yang tersedia dikemas secara natural agar pengunjung bisa membaca pembahasan Piano Toto, Piano To To, dan Pi Ano To To tanpa terasa rumit.</p>

  <p style="font-size: 15px;"><strong><a href="https://pianototoo.com/"><span style="color: #ffff00;">PIANOTOTO Slot</span></a></strong> menjadi salah satu topik pendukung yang banyak dicari pengguna karena berkaitan dengan akses informasi harian, referensi situs, dan pembaruan yang tersusun rapi dalam satu halaman ringan serta responsif.</p>

  <p style="font-size: 15px;"><strong><a href="https://pianototoo.com/"><span style="color: #ffff00;">Piano Toto</span></a></strong> juga menjadi variasi kata kunci populer yang sering digunakan pengguna saat mencari informasi PIANOTOTO. Pembahasan Piano Toto disajikan secara ringkas agar mudah dibaca dan tetap nyaman diakses melalui perangkat mobile maupun desktop.</p>

  <p style="font-size: 15px;"><strong><a href="https://pianototoo.com/"><span style="color: #ffff00;">Pi Ano To To</span></a></strong> menghadirkan variasi pencarian yang masih berkaitan dengan PIANOTOTO. Dengan susunan konten yang jelas, pengguna dapat menemukan informasi penting tanpa perlu membuka banyak halaman berbeda.</p>

  <p style="font-size: 15px;"><strong><a href="https://pianototoo.com/"><span style="color: #ffff00;">Piano To To</span></a></strong> disusun sebagai bagian dari pembahasan keyword turunan agar halaman ini memiliki cakupan informasi yang lebih lengkap, tertata, dan mudah dipahami oleh pengguna yang mencari variasi nama PIANOTOTO.</p>

  <p style="font-size: 15px;"><strong><a href="https://pianototoo.com/"><span style="color: #ffff00;">Piano Toto Nurmantyo</span></a></strong> menjadi salah satu variasi title yang dimasukkan dalam halaman ini untuk memperkuat struktur konten. Informasinya dibuat natural, ringkas, dan tidak berlebihan agar tetap nyaman dibaca oleh pengguna.</p>

  <p style="font-size: 15px;"><strong><a href="https://here-we-go-again-gokuu.netlify.app/"><span style="color: #ffff00;">Gelar Magister</span></a></strong> dapat ditemukan sebagai bagian dari variasi pembahasan yang disusun untuk memperluas konteks title. Konten ini tetap dibuat ringan, stabil, dan responsif agar mudah dibuka melalui berbagai perangkat.</p>

  <p style="font-size: 15px;"><strong><a href="https://here-we-go-again-gokuu.netlify.app/"><span style="color: #ffff00;">Toto Macau</span></a></strong> juga menjadi pembahasan pendukung yang sering dikaitkan dengan PIANOTOTO. Informasi ini disusun secara natural agar pengguna bisa memahami referensi link terpadu, akses situs, dan pembaruan populer hari ini secara lebih mudah.</p>

  <p style="font-size: 15px;">Apakah halaman ini termasuk <strong><a href="https://pianototoo.com/"><span style="color: #ffff00;">Resmi Pianototo</span></a></strong>? Halaman ini dibuat sebagai akses informasi yang membantu pengguna menemukan pembahasan seputar PIANOTOTO login, Piano Toto, Pi Ano To To, Piano To To, Piano Toto Nurmantyo, dan Gelar Magister dengan tampilan yang lebih praktis.</p>

  <p style="font-size: 15px;">Tersedia juga pembahasan seputar variasi kata kunci di <strong><a href="https://here-we-go-again-gokuu.netlify.app/"><span style="color: #ffff00;">PIANOTOTO</span></a></strong> yang dapat menjadi referensi informasi harian. Konten disusun dengan bahasa yang sederhana agar mudah dipahami oleh pengguna baru maupun pengguna lama.</p>

  <p style="font-size: 15px;">Informasi terbaik seputar <strong><a href="https://here-we-go-again-gokuu.netlify.app/"><span style="color: #ffff00;">PIANOTOTO</span></a></strong> dapat diakses melalui halaman yang ringan, responsif, dan tertata. Dengan fokus pada Piano Toto, Pi Ano To To, Piano To To, Piano Toto Nurmantyo, Gelar Magister, serta pembaruan populer hari ini, halaman ini dibuat agar lebih nyaman digunakan setiap hari.</p>

</div>

  <script>
    document.addEventListener("DOMContentLoaded", function () {
      const faqItems = document.querySelectorAll(".piano-faq-item");

      faqItems.forEach(function (item) {
        const question = item.querySelector(".piano-faq-question");
        const answer = item.querySelector(".piano-faq-answer");

        if (item.classList.contains("active")) {
          answer.style.maxHeight = answer.scrollHeight + "px";
        }

        question.addEventListener("click", function () {
          const isActive = item.classList.contains("active");

          faqItems.forEach(function (faq) {
            faq.classList.remove("active");
            faq.querySelector(".piano-faq-answer").style.maxHeight = null;
          });

          if (!isActive) {
            item.classList.add("active");
            answer.style.maxHeight = answer.scrollHeight + "px";
          }
        });
      });

      const tabButtons = document.querySelectorAll(".piano-tab-btn");
      const reviewCards = document.querySelectorAll(".piano-review-card");
      const prevBtn = document.getElementById("pianoPrevReview");
      const nextBtn = document.getElementById("pianoNextReview");
      let activeReview = 0;

      function showReview(index) {
        reviewCards.forEach(function (card) {
          card.classList.remove("active");
        });

        tabButtons.forEach(function (btn) {
          btn.classList.remove("active");
        });

        reviewCards[index].classList.add("active");
        tabButtons[index].classList.add("active");
        activeReview = index;
      }

      tabButtons.forEach(function (btn) {
        btn.addEventListener("click", function () {
          const index = parseInt(btn.getAttribute("data-review"), 10);
          showReview(index);
        });
      });

      nextBtn.addEventListener("click", function () {
        let nextIndex = activeReview + 1;
        if (nextIndex >= reviewCards.length) {
          nextIndex = 0;
        }
        showReview(nextIndex);
      });

      prevBtn.addEventListener("click", function () {
        let prevIndex = activeReview - 1;
        if (prevIndex < 0) {
          prevIndex = reviewCards.length - 1;
        }
        showReview(prevIndex);
      });
    });
  </script>
</section>


<section class="piano-faq-review-section">
  <style>
    .piano-faq-review-section {
      width: 100%;
      max-width: 1100px;
      margin: 30px auto;
      padding: 20px;
      font-family: Arial, sans-serif;
      box-sizing: border-box;
    }

    .piano-section-title {
      text-align: center;
      margin-bottom: 25px;
    }

    .piano-section-title h2 {
      margin: 0;
      font-size: 28px;
      font-weight: 800;
      color: #111;
      text-transform: uppercase;
    }

    .piano-section-title p {
      margin: 8px auto 0;
      max-width: 720px;
      font-size: 15px;
      line-height: 1.7;
      color: #444;
      text-align: center;
    }

    .piano-highlight {
      color: #c49a00;
      font-weight: 800;
    }

    .piano-layout {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
      align-items: start;
    }

    .piano-box {
      background: #080808;
      border: 1px solid #d4af37;
      border-radius: 16px;
      padding: 20px;
      box-shadow: 0 8px 25px rgba(0,0,0,0.18);
      overflow: hidden;
    }

    .piano-box-head {
      margin-bottom: 16px;
      border-bottom: 1px solid rgba(212,175,55,0.45);
      padding-bottom: 12px;
    }

    .piano-box-head h3 {
      margin: 0;
      color: #ecff06;
      font-size: 21px;
      font-weight: 800;
      text-transform: uppercase;
    }

    .piano-box-head span {
      display: block;
      margin-top: 5px;
      color: #fff;
      font-size: 13px;
      opacity: 0.85;
    }

    .piano-faq-item {
      border: 1px solid rgba(255,255,255,0.12);
      border-radius: 12px;
      margin-bottom: 12px;
      overflow: hidden;
      background: #111;
    }

    .piano-faq-question {
      width: 100%;
      border: none;
      background: transparent;
      color: #fff;
      padding: 15px 45px 15px 15px;
      font-size: 15px;
      font-weight: 700;
      text-align: left;
      cursor: pointer;
      position: relative;
      line-height: 1.5;
    }

    .piano-faq-question::after {
      content: "+";
      position: absolute;
      right: 16px;
      top: 50%;
      transform: translateY(-50%);
      width: 24px;
      height: 24px;
      line-height: 24px;
      text-align: center;
      border-radius: 50%;
      background: #ecff06;
      color: #000;
      font-weight: 900;
    }

    .piano-faq-item.active .piano-faq-question::after {
      content: "-";
      background: #d4af37;
    }

    .piano-faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.35s ease;
      background: #0b0b0b;
    }

    .piano-faq-answer p {
      margin: 0;
      padding: 0 15px 15px;
      color: #ddd;
      font-size: 14.5px;
      line-height: 1.7;
      text-align: justify;
    }

    .piano-tabs {
      display: flex;
      gap: 8px;
      margin-bottom: 16px;
      flex-wrap: wrap;
    }

    .piano-tab-btn {
      border: 1px solid #d4af37;
      background: #111;
      color: #fff;
      border-radius: 30px;
      padding: 8px 13px;
      cursor: pointer;
      font-weight: 700;
      font-size: 13px;
      transition: 0.25s ease;
    }

    .piano-tab-btn.active,
    .piano-tab-btn:hover {
      background: #ecff06;
      color: #000;
      border-color: #ecff06;
    }

    .piano-review-card {
      display: none;
      background: linear-gradient(135deg, #111, #050505);
      border: 1px solid rgba(236,255,6,0.25);
      border-radius: 14px;
      padding: 18px;
      animation: pianoFade 0.35s ease;
    }

    .piano-review-card.active {
      display: block;
    }

    @keyframes pianoFade {
      from {
        opacity: 0;
        transform: translateY(8px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .piano-review-top {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 12px;
    }

    .piano-avatar {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: #ecff06;
      color: #000;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 20px;
      flex-shrink: 0;
    }

    .piano-review-user h4 {
      margin: 0;
      color: #ecff06;
      font-size: 17px;
    }

    .piano-review-user span {
      display: block;
      color: #fff;
      font-size: 13px;
      margin-top: 3px;
      opacity: 0.85;
    }

    .piano-stars {
      color: #ecff06;
      font-size: 18px;
      letter-spacing: 2px;
      margin-bottom: 10px;
    }

    .piano-review-card p {
      margin: 0;
      color: #eee;
      font-size: 14.8px;
      line-height: 1.75;
      text-align: justify;
    }

    .piano-review-nav {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      margin-top: 16px;
    }

    .piano-review-nav button {
      flex: 1;
      border: none;
      background: linear-gradient(90deg, #d4af37, #ecff06);
      color: #000;
      padding: 11px 14px;
      border-radius: 10px;
      font-weight: 900;
      cursor: pointer;
      transition: 0.25s ease;
    }

    .piano-review-nav button:hover {
      transform: translateY(-2px);
      box-shadow: 0 5px 15px rgba(236,255,6,0.25);
    }

    .piano-keyword-bar {
      margin-top: 24px;
      background: #111;
      border: 1px solid #d4af37;
      border-radius: 14px;
      padding: 14px;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: center;
    }

    .piano-keyword-bar span {
      background: #000;
      color: #ecff06;
      border: 1px solid rgba(236,255,6,0.45);
      padding: 8px 12px;
      border-radius: 30px;
      font-size: 13px;
      font-weight: 700;
    }

    @media (max-width: 768px) {
      .piano-layout {
        grid-template-columns: 1fr;
      }

      .piano-section-title h2 {
        font-size: 22px;
      }

      .piano-box {
        padding: 16px;
      }
    }
  </style>
<section class="piano-faq-review-section">

  <div class="piano-section-title"> 
    <h2>FAQ & Review PIANOTOTO</h2>
    <p>
      Informasi seputar <span class="piano-highlight">pianototo</span>, 
      <span class="piano-highlight">piano toto</span>, 
      <span class="piano-highlight">pi ano to to</span>, 
      <span class="piano-highlight">piano to to</span>, 
      <span class="piano-highlight">piano toto nurmantyo</span>, dan 
      <span class="piano-highlight">gelar magister</span> dalam satu halaman informasi yang ringan dan tertata.
    </p>
  </div>

  <div class="piano-layout">


<!-- FAQ -->
<div class="piano-box">
  <div class="piano-box-head">
    <h3>FAQ PIANOTOTO</h3>
    <span>Pertanyaan populer seputar PIANOTOTO, Piano Toto, Pi Ano To To, Piano To To, Piano Toto Nurmantyo, dan Gelar Magister.</span>
  </div>

  <div class="piano-faq-item active">
    <button class="piano-faq-question" type="button">Apa itu PIANOTOTO?</button>
    <div class="piano-faq-answer">
      <p>PIANOTOTO adalah halaman akses informasi yang membahas berbagai pencarian populer seperti Piano Toto, Pi Ano To To, Piano To To, Piano Toto Nurmantyo, dan Gelar Magister. Konten disusun dengan tampilan ringan, rapi, dan responsif agar pengguna lebih mudah membaca informasi utama dalam satu halaman.</p>
    </div>
  </div>

  <div class="piano-faq-item">
    <button class="piano-faq-question" type="button">Kenapa istilah Piano Toto banyak dicari?</button>
    <div class="piano-faq-answer">
      <p>Istilah Piano Toto banyak dicari karena sering digunakan sebagai variasi penulisan dari PIANOTOTO. Melalui halaman ini, pembahasan Piano Toto dibuat lebih jelas dan natural agar pengguna bisa memahami informasi yang berkaitan dengan kata kunci tersebut secara lebih mudah.</p>
    </div>
  </div>

  <div class="piano-faq-item">
    <button class="piano-faq-question" type="button">Apa maksud dari Pi Ano To To dan Piano To To?</button>
    <div class="piano-faq-answer">
      <p>Pi Ano To To dan Piano To To merupakan variasi kata yang sering diketik pengguna saat mencari informasi terkait PIANOTOTO. Karena itu, halaman ini menyusun pembahasan dengan berbagai variasi keyword agar tetap mudah ditemukan, dibaca, dan dipahami oleh pengguna baru maupun pengguna lama.</p>
    </div>
  </div>

  <div class="piano-faq-item">
    <button class="piano-faq-question" type="button">Apakah Piano Toto Nurmantyo termasuk pembahasan di halaman ini?</button>
    <div class="piano-faq-answer">
      <p>Ya, Piano Toto Nurmantyo menjadi salah satu variasi pencarian yang dimasukkan dalam pembahasan halaman ini. Informasinya disusun secara ringkas, natural, dan tidak berlebihan agar tetap nyaman dibaca serta sesuai dengan kebutuhan pengguna yang mencari topik PIANOTOTO.</p>
    </div>
  </div>

  <div class="piano-faq-item">
    <button class="piano-faq-question" type="button">Apa hubungan PIANOTOTO dengan Gelar Magister?</button>
    <div class="piano-faq-answer">
      <p>Gelar Magister digunakan sebagai bagian dari variasi title dan keyword yang ingin ditargetkan dalam halaman ini. Pembahasan tetap dibuat rapi dengan menggabungkan kata kunci PIANOTOTO, Piano Toto, Piano To To, dan Piano Toto Nurmantyo agar konten terlihat lebih lengkap dan tertata.</p>
    </div>
  </div>
</div>

<!-- REVIEW -->
<div class="piano-box">
  <div class="piano-box-head">
    <h3>REVIEW PIANOTOTO</h3>
    <span>Klik nama pengguna untuk melihat ulasan berbeda.</span>
  </div>

  <div class="piano-tabs">
    <button class="piano-tab-btn active" type="button" data-review="0">Rizal</button>
    <button class="piano-tab-btn" type="button" data-review="1">Dimas</button>
    <button class="piano-tab-btn" type="button" data-review="2">Andra</button>
    <button class="piano-tab-btn" type="button" data-review="3">Fajar</button>
  </div>

  <div class="piano-review-card active">
    <div class="piano-review-top">
      <div class="piano-avatar">R</div>
      <div class="piano-review-user">
        <h4>Rizal</h4>
        <span>Pengguna aktif PIANOTOTO</span>
      </div>
    </div>
    <div class="piano-stars">★★★★★</div>
    <p>“PIANOTOTO menurut saya mudah dipahami karena informasinya langsung ke inti. Pembahasan Piano Toto, Pi Ano To To, Piano To To, Piano Toto Nurmantyo, dan Gelar Magister disusun rapi sehingga enak dibaca tanpa perlu membuka banyak halaman.”</p>
  </div>

  <div class="piano-review-card">
    <div class="piano-review-top">
      <div class="piano-avatar">D</div>
      <div class="piano-review-user">
        <h4>Dimas</h4>
        <span>Pengguna harian</span>
      </div>
    </div>
    <div class="piano-stars">★★★★★</div>
    <p>“Saya sering menemukan variasi kata seperti Piano Toto dan Piano To To saat mencari informasi PIANOTOTO. Halaman ini cukup membantu karena tampilannya ringan, susunannya jelas, dan mudah dibaca lewat HP.”</p>
  </div>

  <div class="piano-review-card">
    <div class="piano-review-top">
      <div class="piano-avatar">A</div>
      <div class="piano-review-user">
        <h4>Andra</h4>
        <span>Member lama</span>
      </div>
    </div>
    <div class="piano-stars">★★★★★</div>
    <p>“Yang saya suka dari halaman PIANOTOTO ini adalah struktur informasinya jelas. Mulai dari Piano Toto, Pi Ano To To, Piano Toto Nurmantyo, sampai Gelar Magister semuanya dibuat dalam satu tampilan yang tertata.”</p>
  </div>

  <div class="piano-review-card">
    <div class="piano-review-top">
      <div class="piano-avatar">F</div>
      <div class="piano-review-user">
        <h4>Fajar</h4>
        <span>Pengguna baru</span>
      </div>
    </div>
    <div class="piano-stars">★★★★★</div>
    <p>“Sebagai pengguna baru, saya merasa pembahasan PIANOTOTO di halaman ini cukup mudah dimengerti. Variasi keyword seperti Piano Toto, Piano To To, dan Piano Toto Nurmantyo tidak dibuat ribet, tampilannya juga responsif.”</p>
  </div>

  <div class="piano-review-nav">
    <button type="button" id="pianoPrevReview">Sebelumnya</button>
    <button type="button" id="pianoNextReview">Berikutnya</button>
  </div>
</div>


  </div>

  <div class="piano-keyword-bar">
    <span>pianototo</span>
    <span>piano toto</span>
    <span>pi ano to to</span>
    <span>piano to to</span>
    <span>piano toto nurmantyo</span>
    <span>gelar magister</span>
    <span>informasi terbaru</span>
  </div>

</section>

<section class="jadwal-container-main">
  <div class="jadwal-header-wrapper">
    <h2 class="neon-title">JAM UPDATE PIANOTOTO</h2>
    <p class="jadwal-subtitle">Update informasi PIANOTOTO, Piano Toto, Pi Ano To To, Piano To To, Piano Toto Nurmantyo, dan Gelar Magister hari ini.</p>
  </div>

  <div class="gacor-grid-layout">

```
<div class="gacor-card pragmatic">
  <div class="card-inner">
    <div class="brand-tag">PIANOTOTO</div>
    <div class="provider-name">PIANO TOTO</div>
    <div class="timer-display" id="PRAGMATIC_PLAY">00:00:00</div>
    <p class="schedule-info">Update Piano Toto: 02:11 • 09:48 • 17:36 • 23:59 WIB</p>
    <div class="status-bar">LIVE UPDATING</div>
  </div>
</div>

<div class="gacor-card pgsoft">
  <div class="card-inner">
    <div class="brand-tag">PIANOTOTO</div>
    <div class="provider-name">PI ANO TO TO</div>
    <div class="timer-display" id="PG_SOFT">00:00:00</div>
    <p class="schedule-info">Update Pi Ano To To: 01:53 • 11:22 • 20:14 WIB</p>
    <div class="status-bar">LIVE UPDATING</div>
  </div>
</div>

<div class="gacor-card joker">
  <div class="card-inner">
    <div class="brand-tag">PIANOTOTO</div>
    <div class="provider-name">PIANO TO TO</div>
    <div class="timer-display" id="JOKER123">00:00:00</div>
    <p class="schedule-info">Info Piano To To: 03:29 • 12:17 • 22:43 WIB</p>
    <div class="status-bar">LIVE UPDATING</div>
  </div>
</div>

<div class="gacor-card micro">
  <div class="card-inner">
    <div class="brand-tag">PIANOTOTO</div>
    <div class="provider-name">PIANO TOTO NURMANTYO</div>
    <div class="timer-display" id="MICROGAMING">00:00:00</div>
    <p class="schedule-info">Update Nurmantyo: 04:46 • 14:38 • 21:57 WIB</p>
    <div class="status-bar">LIVE UPDATING</div>
  </div>
</div>

<div class="gacor-card habanero">
  <div class="card-inner">
    <div class="brand-tag">PIANOTOTO</div>
    <div class="provider-name">GELAR MAGISTER</div>
    <div class="timer-display" id="HABANERO">00:00:00</div>
    <p class="schedule-info">Info Gelar Magister: 05:24 • 16:09 • 23:11 WIB</p>
    <div class="status-bar">LIVE UPDATING</div>
  </div>
</div>

<div class="gacor-card nolimit">
  <div class="card-inner">
    <div class="brand-tag">PIANOTOTO</div>
    <div class="provider-name">UPDATE TERPERCAYA</div>
    <div class="timer-display" id="NOLIMIT_CITY">00:00:00</div>
    <p class="schedule-info">Update Terpercaya: 06:58 • 13:41 • 19:26 • 00:12 WIB</p>
    <div class="status-bar">LIVE UPDATING</div>
  </div>
</div>
```

  </div>
</section>

<style>
.piano-faq-review-section {
  width: 100%;
  max-width: 1180px;
  margin: 30px auto;
  padding: 24px;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  background:
    radial-gradient(circle at top, rgba(255, 214, 0, 0.16), transparent 38%),
    linear-gradient(135deg, #080808, #171000, #090909);
  border: 1px solid rgba(255, 214, 0, 0.35);
  border-radius: 22px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.45);
}

.piano-section-title {
  text-align: center;
  margin-bottom: 24px;
}

.piano-section-title h2 {
  margin: 0 0 10px;
  color: #ffd600;
  font-size: 28px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.piano-section-title p {
  max-width: 880px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.7;
  color: #f5f5f5;
}

.piano-highlight {
  color: #ffff00;
  font-weight: 800;
}

.piano-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

.piano-box {
  background: rgba(0, 0, 0, 0.58);
  border: 1px solid rgba(255, 214, 0, 0.28);
  border-radius: 18px;
  padding: 20px;
  box-shadow: inset 0 0 18px rgba(255, 214, 0, 0.08);
}

.piano-box-head {
  margin-bottom: 15px;
}

.piano-box-head h3 {
  margin: 0 0 7px;
  font-size: 21px;
  color: #ffd600;
  font-weight: 900;
}

.piano-box-head span {
  display: block;
  color: #dddddd;
  font-size: 14px;
  line-height: 1.5;
}

.piano-faq-item {
  margin-bottom: 10px;
  border: 1px solid rgba(255, 214, 0, 0.2);
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.04);
}

.piano-faq-question {
  width: 100%;
  padding: 14px 16px;
  border: none;
  outline: none;
  cursor: pointer;
  text-align: left;
  color: #ffffff;
  background: linear-gradient(135deg, rgba(255, 214, 0, 0.14), rgba(255, 255, 255, 0.04));
  font-size: 15px;
  font-weight: 800;
}

.piano-faq-question::after {
  content: "+";
  float: right;
  color: #ffd600;
  font-size: 20px;
  font-weight: 900;
}

.piano-faq-item.active .piano-faq-question::after {
  content: "-";
}

.piano-faq-answer {
  display: none;
  padding: 0 16px 15px;
}

.piano-faq-item.active .piano-faq-answer {
  display: block;
}

.piano-faq-answer p {
  margin: 12px 0 0;
  color: #eeeeee;
  font-size: 14.5px;
  line-height: 1.7;
}

.piano-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 15px;
}

.piano-tab-btn {
  flex: 1;
  min-width: 80px;
  padding: 10px 12px;
  cursor: pointer;
  border-radius: 10px;
  border: 1px solid rgba(255, 214, 0, 0.35);
  color: #ffffff;
  background: rgba(255, 255, 255, 0.06);
  font-weight: 800;
  transition: 0.25s ease;
}

.piano-tab-btn.active,
.piano-tab-btn:hover {
  color: #1a1200;
  background: linear-gradient(135deg, #ffd600, #ff9d00);
}

.piano-review-card {
  display: none;
  padding: 18px;
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(255, 214, 0, 0.12), rgba(255, 255, 255, 0.04));
  border: 1px solid rgba(255, 214, 0, 0.26);
}

.piano-review-card.active {
  display: block;
}

.piano-review-top {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.piano-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #1a1200;
  background: linear-gradient(135deg, #ffd600, #ff8c00);
  font-size: 22px;
  font-weight: 900;
  box-shadow: 0 0 14px rgba(255, 214, 0, 0.55);
}

.piano-review-user h4 {
  margin: 0;
  color: #ffffff;
  font-size: 18px;
}

.piano-review-user span {
  display: block;
  color: #dddddd;
  font-size: 13px;
  margin-top: 3px;
}

.piano-stars {
  color: #ffd600;
  font-size: 18px;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

.piano-review-card p {
  margin: 0;
  color: #f3f3f3;
  font-size: 14.5px;
  line-height: 1.8;
}

.piano-review-nav {
  display: flex;
  gap: 10px;
  margin-top: 15px;
}

.piano-review-nav button {
  flex: 1;
  padding: 12px;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  color: #1a1200;
  background: linear-gradient(135deg, #ffd600, #ff9d00);
  font-weight: 900;
  transition: 0.25s ease;
}

.piano-review-nav button:hover {
  filter: brightness(1.15);
  transform: translateY(-2px);
}

.piano-keyword-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
  margin-top: 22px;
}

.piano-keyword-bar span {
  padding: 8px 13px;
  border-radius: 999px;
  color: #ffd600;
  background: rgba(255, 214, 0, 0.08);
  border: 1px solid rgba(255, 214, 0, 0.25);
  font-size: 13px;
  font-weight: 800;
}

/* JADWAL UPDATE */
.jadwal-container-main {
  width: 100%;
  max-width: 1180px;
  margin: 30px auto;
  padding: 24px;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  background: linear-gradient(135deg, #070707, #151000, #080808);
  border: 1px solid rgba(255, 214, 0, 0.35);
  border-radius: 22px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.45);
}

.jadwal-header-wrapper {
  text-align: center;
  margin-bottom: 24px;
}

.neon-title {
  margin: 0;
  font-size: 28px;
  font-weight: 900;
  color: #ffd600;
  text-shadow: 0 0 10px rgba(255, 214, 0, 0.75);
}

.jadwal-subtitle {
  margin: 8px 0 0;
  color: #eeeeee;
  font-size: 14.5px;
}

.gacor-grid-layout {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.gacor-card {
  position: relative;
  border-radius: 18px;
  padding: 2px;
  overflow: hidden;
  background: linear-gradient(135deg, #ffd600, #ff8c00, #fff3a0);
  box-shadow: 0 0 18px rgba(255, 214, 0, 0.22);
}

.card-inner {
  min-height: 185px;
  padding: 18px;
  border-radius: 16px;
  background:
    radial-gradient(circle at top, rgba(255, 214, 0, 0.16), transparent 44%),
    linear-gradient(135deg, #111111, #1b1400);
  box-sizing: border-box;
}

.brand-tag {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 999px;
  color: #1a1200;
  background: #ffd600;
  font-size: 12px;
  font-weight: 900;
}

.provider-name {
  margin-top: 12px;
  font-size: 20px;
  color: #ffffff;
  font-weight: 900;
}

.timer-display {
  margin: 14px 0 10px;
  font-size: 30px;
  color: #ffd600;
  font-weight: 900;
  letter-spacing: 1px;
  text-shadow: 0 0 10px rgba(255, 214, 0, 0.7);
}

.schedule-info {
  margin: 0;
  color: #eeeeee;
  font-size: 13.5px;
  line-height: 1.6;
}

.status-bar {
  margin-top: 14px;
  padding: 8px;
  text-align: center;
  border-radius: 8px;
  color: #1a1200;
  background: linear-gradient(135deg, #ffd600, #ff9d00);
  font-size: 12px;
  font-weight: 900;
  animation: statusPulse 1.6s infinite;
}

@keyframes statusPulse {
  0% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.25);
  }
  100% {
    filter: brightness(1);
  }
}

@media (max-width: 900px) {
  .piano-layout {
    grid-template-columns: 1fr;
  }

  .gacor-grid-layout {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .piano-faq-review-section,
  .jadwal-container-main {
    padding: 16px;
    border-radius: 16px;
  }

  .piano-section-title h2,
  .neon-title {
    font-size: 22px;
  }

  .gacor-grid-layout {
    grid-template-columns: 1fr;
  }

  .timer-display {
    font-size: 27px;
  }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {
  const faqItems = document.querySelectorAll(".piano-faq-item");

  faqItems.forEach(function (item) {
    const question = item.querySelector(".piano-faq-question");

    question.addEventListener("click", function () {
      faqItems.forEach(function (otherItem) {
        if (otherItem !== item) {
          otherItem.classList.remove("active");
        }
      });

      item.classList.toggle("active");
    });
  });

  const tabButtons = document.querySelectorAll(".piano-tab-btn");
  const reviewCards = document.querySelectorAll(".piano-review-card");
  const prevBtn = document.getElementById("pianoPrevReview");
  const nextBtn = document.getElementById("pianoNextReview");
  let currentReview = 0;

  function showReview(index) {
    if (index < 0) {
      index = reviewCards.length - 1;
    }

    if (index >= reviewCards.length) {
      index = 0;
    }

    currentReview = index;

    tabButtons.forEach(function (btn) {
      btn.classList.remove("active");
    });

    reviewCards.forEach(function (card) {
      card.classList.remove("active");
    });

    if (tabButtons[currentReview]) {
      tabButtons[currentReview].classList.add("active");
    }

    if (reviewCards[currentReview]) {
      reviewCards[currentReview].classList.add("active");
    }
  }

  tabButtons.forEach(function (btn) {
    btn.addEventListener("click", function () {
      const index = parseInt(btn.getAttribute("data-review"), 10);
      showReview(index);
    });
  });

  if (prevBtn) {
    prevBtn.addEventListener("click", function () {
      showReview(currentReview - 1);
    });
  }

  if (nextBtn) {
    nextBtn.addEventListener("click", function () {
      showReview(currentReview + 1);
    });
  }

  const schedules = {
    PRAGMATIC_PLAY: ["02:11", "09:48", "17:36", "23:59"],
    PG_SOFT: ["01:53", "11:22", "20:14"],
    JOKER123: ["03:29", "12:17", "22:43"],
    MICROGAMING: ["04:46", "14:38", "21:57"],
    HABANERO: ["05:24", "16:09", "23:11"],
    NOLIMIT_CITY: ["00:12", "06:58", "13:41", "19:26"]
  };

  function getNextScheduleTime(times) {
    const now = new Date();
    let nextTime = null;

    times.forEach(function (time) {
      const parts = time.split(":");
      const target = new Date();

      target.setHours(parseInt(parts[0], 10));
      target.setMinutes(parseInt(parts[1], 10));
      target.setSeconds(0);
      target.setMilliseconds(0);

      if (target <= now) {
        target.setDate(target.getDate() + 1);
      }

      if (!nextTime || target < nextTime) {
        nextTime = target;
      }
    });

    return nextTime;
  }

  function updateCountdowns() {
    Object.keys(schedules).forEach(function (id) {
      const element = document.getElementById(id);

      if (!element) {
        return;
      }

      const now = new Date();
      const nextTime = getNextScheduleTime(schedules[id]);
      const diff = nextTime - now;

      const hours = Math.floor(diff / (1000 * 60 * 60));
      const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
      const seconds = Math.floor((diff % (1000 * 60)) / 1000);

      element.textContent =
        String(hours).padStart(2, "0") + ":" +
        String(minutes).padStart(2, "0") + ":" +
        String(seconds).padStart(2, "0");
    });
  }

  updateCountdowns();
  setInterval(updateCountdowns, 1000);
});
</script>

<style>
.piano-faq-review-section {
  width: 100%;
  max-width: 1180px;
  margin: 30px auto;
  padding: 24px;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  background: radial-gradient(circle at top, rgba(255, 214, 0, 0.16), transparent 38%),
              linear-gradient(135deg, #080808, #171000, #090909);
  border: 1px solid rgba(255, 214, 0, 0.35);
  border-radius: 22px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.45);
}

.piano-section-title {
  text-align: center;
  margin-bottom: 24px;
}

.piano-section-title h2 {
  margin: 0 0 10px;
  color: #ffd600;
  font-size: 28px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.piano-section-title p {
  max-width: 850px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.7;
  color: #f5f5f5;
}

.piano-highlight {
  color: #ffff00;
  font-weight: 800;
}

.piano-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

.piano-box {
  background: rgba(0, 0, 0, 0.58);
  border: 1px solid rgba(255, 214, 0, 0.28);
  border-radius: 18px;
  padding: 20px;
  box-shadow: inset 0 0 18px rgba(255, 214, 0, 0.08);
}

.piano-box-head {
  margin-bottom: 15px;
}

.piano-box-head h3 {
  margin: 0 0 7px;
  font-size: 21px;
  color: #ffd600;
  font-weight: 900;
}

.piano-box-head span {
  display: block;
  color: #dddddd;
  font-size: 14px;
  line-height: 1.5;
}

.piano-faq-item {
  margin-bottom: 10px;
  border: 1px solid rgba(255, 214, 0, 0.2);
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.04);
}

.piano-faq-question {
  width: 100%;
  padding: 14px 16px;
  border: none;
  outline: none;
  cursor: pointer;
  text-align: left;
  color: #ffffff;
  background: linear-gradient(135deg, rgba(255, 214, 0, 0.14), rgba(255, 255, 255, 0.04));
  font-size: 15px;
  font-weight: 800;
}

.piano-faq-question::after {
  content: "+";
  float: right;
  color: #ffd600;
  font-size: 20px;
  font-weight: 900;
}

.piano-faq-item.active .piano-faq-question::after {
  content: "-";
}

.piano-faq-answer {
  display: none;
  padding: 0 16px 15px;
}

.piano-faq-item.active .piano-faq-answer {
  display: block;
}

.piano-faq-answer p {
  margin: 12px 0 0;
  color: #eeeeee;
  font-size: 14.5px;
  line-height: 1.7;
}

.piano-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 15px;
}

.piano-tab-btn {
  flex: 1;
  min-width: 80px;
  padding: 10px 12px;
  cursor: pointer;
  border-radius: 10px;
  border: 1px solid rgba(255, 214, 0, 0.35);
  color: #ffffff;
  background: rgba(255, 255, 255, 0.06);
  font-weight: 800;
  transition: 0.25s ease;
}

.piano-tab-btn.active,
.piano-tab-btn:hover {
  color: #1a1200;
  background: linear-gradient(135deg, #ffd600, #ff9d00);
}

.piano-review-card {
  display: none;
  padding: 18px;
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(255, 214, 0, 0.12), rgba(255, 255, 255, 0.04));
  border: 1px solid rgba(255, 214, 0, 0.26);
}

.piano-review-card.active {
  display: block;
}

.piano-review-top {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.piano-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #1a1200;
  background: linear-gradient(135deg, #ffd600, #ff8c00);
  font-size: 22px;
  font-weight: 900;
  box-shadow: 0 0 14px rgba(255, 214, 0, 0.55);
}

.piano-review-user h4 {
  margin: 0;
  color: #ffffff;
  font-size: 18px;
}

.piano-review-user span {
  display: block;
  color: #dddddd;
  font-size: 13px;
  margin-top: 3px;
}

.piano-stars {
  color: #ffd600;
  font-size: 18px;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

.piano-review-card p {
  margin: 0;
  color: #f3f3f3;
  font-size: 14.5px;
  line-height: 1.8;
}

.piano-review-nav {
  display: flex;
  gap: 10px;
  margin-top: 15px;
}

.piano-review-nav button {
  flex: 1;
  padding: 12px;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  color: #1a1200;
  background: linear-gradient(135deg, #ffd600, #ff9d00);
  font-weight: 900;
  transition: 0.25s ease;
}

.piano-review-nav button:hover {
  filter: brightness(1.15);
  transform: translateY(-2px);
}

.piano-keyword-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
  margin-top: 22px;
}

.piano-keyword-bar span {
  padding: 8px 13px;
  border-radius: 999px;
  color: #ffd600;
  background: rgba(255, 214, 0, 0.08);
  border: 1px solid rgba(255, 214, 0, 0.25);
  font-size: 13px;
  font-weight: 800;
}

/* JADWAL UPDATE */
.jadwal-container-main {
  width: 100%;
  max-width: 1180px;
  margin: 30px auto;
  padding: 24px;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  background: linear-gradient(135deg, #070707, #151000, #080808);
  border: 1px solid rgba(255, 214, 0, 0.35);
  border-radius: 22px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.45);
}

.jadwal-header-wrapper {
  text-align: center;
  margin-bottom: 24px;
}

.neon-title {
  margin: 0;
  font-size: 28px;
  font-weight: 900;
  color: #ffd600;
  text-shadow: 0 0 10px rgba(255, 214, 0, 0.75);
}

.jadwal-subtitle {
  margin: 8px 0 0;
  color: #eeeeee;
  font-size: 14.5px;
}

.gacor-grid-layout {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.gacor-card {
  position: relative;
  border-radius: 18px;
  padding: 2px;
  overflow: hidden;
  background: linear-gradient(135deg, #ffd600, #ff8c00, #fff3a0);
  box-shadow: 0 0 18px rgba(255, 214, 0, 0.22);
}

.card-inner {
  min-height: 185px;
  padding: 18px;
  border-radius: 16px;
  background: radial-gradient(circle at top, rgba(255, 214, 0, 0.16), transparent 44%),
              linear-gradient(135deg, #111111, #1b1400);
  box-sizing: border-box;
}

.brand-tag {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 999px;
  color: #1a1200;
  background: #ffd600;
  font-size: 12px;
  font-weight: 900;
}

.provider-name {
  margin-top: 12px;
  font-size: 20px;
  color: #ffffff;
  font-weight: 900;
}

.timer-display {
  margin: 14px 0 10px;
  font-size: 30px;
  color: #ffd600;
  font-weight: 900;
  letter-spacing: 1px;
  text-shadow: 0 0 10px rgba(255, 214, 0, 0.7);
}

.schedule-info {
  margin: 0;
  color: #eeeeee;
  font-size: 13.5px;
  line-height: 1.6;
}

.status-bar {
  margin-top: 14px;
  padding: 8px;
  text-align: center;
  border-radius: 8px;
  color: #1a1200;
  background: linear-gradient(135deg, #ffd600, #ff9d00);
  font-size: 12px;
  font-weight: 900;
  animation: statusPulse 1.6s infinite;
}

@keyframes statusPulse {
  0% { filter: brightness(1); }
  50% { filter: brightness(1.25); }
  100% { filter: brightness(1); }
}

@media (max-width: 900px) {
  .piano-layout {
    grid-template-columns: 1fr;
  }

  .gacor-grid-layout {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .piano-faq-review-section,
  .jadwal-container-main {
    padding: 16px;
    border-radius: 16px;
  }

  .piano-section-title h2,
  .neon-title {
    font-size: 22px;
  }

  .gacor-grid-layout {
    grid-template-columns: 1fr;
  }

  .timer-display {
    font-size: 27px;
  }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {
  /* FAQ Accordion */
  const faqItems = document.querySelectorAll(".piano-faq-item");

  faqItems.forEach(function (item) {
    const question = item.querySelector(".piano-faq-question");

    question.addEventListener("click", function () {
      faqItems.forEach(function (otherItem) {
        if (otherItem !== item) {
          otherItem.classList.remove("active");
        }
      });

      item.classList.toggle("active");
    });
  });

  /* Review Tabs */
  const tabButtons = document.querySelectorAll(".piano-tab-btn");
  const reviewCards = document.querySelectorAll(".piano-review-card");
  const prevBtn = document.getElementById("pianoPrevReview");
  const nextBtn = document.getElementById("pianoNextReview");
  let currentReview = 0;

  function showReview(index) {
    if (index < 0) {
      index = reviewCards.length - 1;
    }

    if (index >= reviewCards.length) {
      index = 0;
    }

    currentReview = index;

    tabButtons.forEach(function (btn) {
      btn.classList.remove("active");
    });

    reviewCards.forEach(function (card) {
      card.classList.remove("active");
    });

    if (tabButtons[currentReview]) {
      tabButtons[currentReview].classList.add("active");
    }

    if (reviewCards[currentReview]) {
      reviewCards[currentReview].classList.add("active");
    }
  }

  tabButtons.forEach(function (btn) {
    btn.addEventListener("click", function () {
      const index = parseInt(btn.getAttribute("data-review"), 10);
      showReview(index);
    });
  });

  if (prevBtn) {
    prevBtn.addEventListener("click", function () {
      showReview(currentReview - 1);
    });
  }

  if (nextBtn) {
    nextBtn.addEventListener("click", function () {
      showReview(currentReview + 1);
    });
  }

  /* Countdown Jadwal Update */
  const schedules = {
    PRAGMATIC_PLAY: ["02:11", "09:48", "17:36", "23:59"],
    PG_SOFT: ["01:53", "11:22", "20:14"],
    JOKER123: ["03:29", "12:17", "22:43"],
    MICROGAMING: ["04:46", "14:38", "21:57"],
    HABANERO: ["05:24", "16:09", "23:11"],
    NOLIMIT_CITY: ["00:12", "06:58", "13:41", "19:26"]
  };

  function getNextScheduleTime(times) {
    const now = new Date();
    let nextTime = null;

    times.forEach(function (time) {
      const parts = time.split(":");
      const target = new Date();

      target.setHours(parseInt(parts[0], 10));
      target.setMinutes(parseInt(parts[1], 10));
      target.setSeconds(0);
      target.setMilliseconds(0);

      if (target <= now) {
        target.setDate(target.getDate() + 1);
      }

      if (!nextTime || target < nextTime) {
        nextTime = target;
      }
    });

    return nextTime;
  }

  function updateCountdowns() {
    Object.keys(schedules).forEach(function (id) {
      const element = document.getElementById(id);

      if (!element) {
        return;
      }

      const now = new Date();
      const nextTime = getNextScheduleTime(schedules[id]);
      const diff = nextTime - now;

      const hours = Math.floor(diff / (1000 * 60 * 60));
      const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
      const seconds = Math.floor((diff % (1000 * 60)) / 1000);

      const formatTime = 
        String(hours).padStart(2, "0") + ":" +
        String(minutes).padStart(2, "0") + ":" +
        String(seconds).padStart(2, "0");

      element.textContent = formatTime;
    });
  }

  updateCountdowns();
  setInterval(updateCountdowns, 1000);
});
</script>


</span>



    <style>
        @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;900&family=Rajdhani:wght@500;700&display=swap');

        .jadwal-container-main{
            max-width:1200px;
            margin:50px auto;
            padding:20px;
            background:#040816;
            border-radius:40px;
        }

        .jadwal-header-wrapper{
            text-align:center;
            margin-bottom:40px;
        }

        .neon-title{
            font-family:'Orbitron',sans-serif;
            font-size:clamp(24px,5vw,48px);
            color:#fff;
            text-transform:uppercase;
            letter-spacing:5px;
            text-shadow:
            0 0 10px #00ffe5,
            0 0 25px #00ffe5,
            0 0 50px #9d00ff;
        }

        .gacor-grid-layout{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
            gap:25px;
        }

        .gacor-card{
            position:relative;
            height:220px;
            border-radius:25px;
            padding:3px;
            transition:.4s ease;
            cursor:pointer;
        }

        .gacor-card:hover{
            transform:translateY(-8px) scale(1.03);
        }

        .card-inner{
            background:#081325;
            height:100%;
            border-radius:22px;
            padding:20px;
            display:flex;
            flex-direction:column;
            justify-content:space-between;
            position:relative;
            overflow:hidden;
        }

        .brand-tag{
            position:absolute;
            top:0;
            right:0;
            padding:6px 15px;
            font-size:10px;
            font-family:'Orbitron',sans-serif;
            font-weight:900;
            color:#fff;
            border-bottom-left-radius:15px;
            background:rgba(255,255,255,.12);
            backdrop-filter:blur(10px);
        }

        .provider-name{
            font-family:'Orbitron',sans-serif;
            font-size:22px;
            font-weight:900;
            color:#fff;
        }

        .timer-display{
            font-family:'Orbitron',sans-serif;
            font-size:42px;
            font-weight:900;
            color:#fff;
            text-shadow:0 0 18px rgba(255,255,255,.4);
        }

        .schedule-info{
            font-family:'Rajdhani',sans-serif;
            font-size:14px;
            color:#c6d0e1;
            line-height:1.5;
        }

        .status-bar{
            font-size:11px;
            font-weight:bold;
            letter-spacing:2px;
            color:#00ff88;
            display:flex;
            align-items:center;
            gap:8px;
        }

        .status-bar::before{
            content:'';
            width:8px;
            height:8px;
            background:#00ff88;
            border-radius:50%;
            animation:pulse 1.5s infinite;
        }

        @keyframes pulse{
            0%{
                transform:scale(.95);
                box-shadow:0 0 0 0 rgba(0,255,136,.7);
            }
            70%{
                transform:scale(1);
                box-shadow:0 0 0 10px rgba(0,255,136,0);
            }
            100%{
                transform:scale(.95);
                box-shadow:0 0 0 0 rgba(0,255,136,0);
            }
        }

        /* WARNA CUSTOM */

        .pragmatic{
            background:linear-gradient(135deg,#ff6a00,#ffcc00);
        }

        .pgsoft{
            background:linear-gradient(135deg,#00f5ff,#0066ff);
        }

        .joker{
            background:linear-gradient(135deg,#ff00aa,#7b2ff7);
        }

        .micro{
            background:linear-gradient(135deg,#00ff88,#00b3ff);
        }

        .habanero{
            background:linear-gradient(135deg,#ff512f,#dd2476);
        }

        .nolimit{
            background:linear-gradient(135deg,#8e2de2,#00c6ff);
        }

        .pragmatic:hover{
            box-shadow:0 0 35px rgba(255,170,0,.5);
        }

        .pgsoft:hover{
            box-shadow:0 0 35px rgba(0,245,255,.5);
        }

        .joker:hover{
            box-shadow:0 0 35px rgba(255,0,170,.5);
        }

        .micro:hover{
            box-shadow:0 0 35px rgba(0,255,136,.5);
        }

        .habanero:hover{
            box-shadow:0 0 35px rgba(255,81,47,.5);
        }

        .nolimit:hover{
            box-shadow:0 0 35px rgba(142,45,226,.5);
        }

        @media(max-width:768px){
            .gacor-grid-layout{
                grid-template-columns:1fr;
            }
        }
    </style>

    <script>

        function updateCountdown(){

            const now = new Date(
                new Date().toLocaleString("en-US", {
                    timeZone: "Asia/Jakarta"
                })
            );

            const totalSec =
                now.getHours() * 3600 +
                now.getMinutes() * 60 +
                now.getSeconds();

            function format(sec){

                if(sec <= 0) sec += 86400;

                const hh = String(Math.floor(sec / 3600)).padStart(2,'0');
                const mm = String(Math.floor((sec % 3600) / 60)).padStart(2,'0');
                const ss = String(sec % 60).padStart(2,'0');

                return `${hh}:${mm}:${ss}`;
            }

            function calc(h,m){

                let target = h * 3600 + m * 60;
                let diff = target - totalSec;

                if(diff < 0) diff += 86400;

                return format(diff);
            }

            document.getElementById("PRAGMATIC_PLAY").textContent = calc(20,56);
            document.getElementById("PG_SOFT").textContent = calc(22,14);
            document.getElementById("JOKER123").textContent = calc(18,21);
            document.getElementById("MICROGAMING").textContent = calc(23,52);
            document.getElementById("HABANERO").textContent = calc(21,44);
            document.getElementById("NOLIMIT_CITY").textContent = calc(20,49);

        }

        setInterval(updateCountdown,1000);
        updateCountdown();

    </script>

        </div>
      </div>
    </div>
  </div>
  <div class="footer-bottom">
    <div class="container">
      <div class="row">
                    <div class="brand-support" style="display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:10px">
                
                
            </div>
                            <div class="col-md-12 copyright" >
                        &copy; Copyright 2014 - 2026 <a href="https://pianototoo.com/">PIANOTOTO</a>. All Rights Reserved.
            </div>
      </div>
    </div>
  </div>
</footer>
<div class="scroll-top">
  <a href="https://pianototoo.com/">
    <i class="fa fa-angle-up"></i>
  </a>
</div>
<style type="text/css">
	@font-face {
		font-family: Muli;
		src: url('/assets/fonts/Muli.ttf');
        font-display: swap;
	}
	h1, h2, h3, h4, h5, h6, a, button.btn-theme, .btn.btn-theme, span, .date, p, .copyright, li, thead, tbody, .row{
		font-family: Muli !important;
	}
</style>
<style type="text/css">
.tickercontainer{width:100%;margin:0px;padding:0px;overflow:hidden;}
.tickercontainer .masking{position:relative;left:0px;width:100%;height:35px;overflow:hidden;}
ul.newsticker{position:relative;width:100%;list-style-type:none;margin-top:7px;padding:0px;}
ul.newsticker li{float:left;margin:0px;padding:0px;}
ul.newsticker a{white-space:nowrap;padding:0px;margin:0 45px 0 0;color:#717171;}
ul.newsticker span{margin:0 10px 0 0;}
</style>
<script src="/assets/js/vendor/modernizr-2.6.2-respond-1.1.0.min.js" ></script>

<script src="/assets/js/vendor/bootstrap/bootstrap.min.js" ></script>
<script src="/assets/js/vendor/skrollr/skrollr.min.js" ></script>
<script src="/assets/js/vendor/text-rotator/jquery.simple-text-rotator.js" ></script>
<script src="/assets/js/vendor/owl-carousel/owl.carousel.min.js" ></script>
<script src="/assets/js/vendor/nivo-lightbox/nivo-lightbox.min.js" ></script>
<script src="/assets/js/vendor/tweet-js/jquery.tweet.min.js" ></script>
<!-- <script src="../assets/js/vendor/vticker/jquery.vticker.min.js" ></script> -->
<script src="/assets/js/vendor/jflickrfeed/jflickrfeed.min.js" ></script>
<script src="/assets/js/vendor/appear/jquery.appear.js" ></script>
<script src="/assets/js/vendor/parallax/jquery.parallax-1.1.3.js" ></script>
<script src="/assets/js/vendor/liScroller/jquery.li-scroller.1.0.js" ></script>
<script src="/assets/js/jquery.cycle2.min.js" ></script>
<script src="/assets/js/jquery.fixedheadertable.min.js" ></script>
<script src="/assets/js/style.js?v=1.0" ></script>
<script>
    jQuery.event.special.touchstart = {
        setup: function( _, ns, handle ) {
            this.addEventListener("touchstart", handle, { passive: !ns.includes("noPreventDefault") });
        }
    };
    jQuery.event.special.touchmove = {
        setup: function( _, ns, handle ) {
            this.addEventListener("touchmove", handle, { passive: !ns.includes("noPreventDefault") });
        }
    };
    jQuery.event.special.wheel = {
        setup: function( _, ns, handle ){
            this.addEventListener("wheel", handle, { passive: true });
        }
    };
    jQuery.event.special.mousewheel = {
        setup: function( _, ns, handle ){
            this.addEventListener("mousewheel", handle, { passive: true });
        }
    };
  (function($){"use strict";$.fn.cycle.transitions.scrollVert={before:function(opts,curr,next,fwd){opts.API.stackSlides(opts,curr,next,fwd);var height=opts.container.css('overflow','hidden').height();opts.cssBefore={top:fwd?height:-height,left:0,opacity:1,display:'block',visibility:'visible'};opts.animIn={top:0};opts.animOut={top:fwd?-height:height};}};})(jQuery);
</script>
<script language="JavaScript">
    function OpenInNewTab(url) {
      var win = window.open('https://pianototoo.com/register', '_blank');
      win.focus();
    }
    function target_popup(url,w,h,windowName) {
     var left = (screen.width/2)-(w/2);
     var top = (screen.height/2)-(h/2);
       newwindow=window.open(url,windowName,'height='+h+',width='+w+',top='+top+',left='+left);
       if (window.focus) {newwindow.focus()}
       return false;
     }
  </script>
<!-- 29-01-2018 <script language='JavaScript1.1' src='//pixel.mathtag.com/event/js?mt_id=995355&mt_adid=161820&v1=&v2=&v3=&s1=&s2=&s3='></script> -->
<script type="text/javascript" src="/js/vbulletin_md5.js"></script>

    <script defer src="/js/auth/login.js?v=1780753842"></script>

<script src="/js/frontend/desktop/template_v1/before/index.js?v=8hyohxtfrbzqxmjxgb02"></script>
<script>
    window.onkeydown = function(e) {
        if (e.keyCode == 8 && e.target == document.body)
            e.preventDefault();
    }
</script>
<script src="/js/custom/floating_icons.min.js?v=1780753842"></script>
<script src="/js/custom/quick_menus.min.js?v=1780753842"></script>

    <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"a1b7ad5596174e599314054bf1d3932d","server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a077e339f9af03d3',t:'MTc4MDc1Mzg0Mg=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>

</html>
