<!--                ░▓████████████████████████▒
                 ░▓█████▓▒░░░░SUAYMAK░░░░▒██████▒
               ░████▒░░░░░░░░░░░░░░░░░░░░░░░░░▓███▒
              ░███░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░███░
             ▒██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒██░
            ▒██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░██░
           ░██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░██░
          ░██▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒░░██░
          ░██░░██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░██░░██░
          ░██░░██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░██░░██░
          ░██░░██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░██░░██░
          ░██▒░██▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░██▓░▒██░
           ░██░░██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░██░░██░
           ░██▒░██░░░░░▒▒▓███▒░░░░░░░▒███▓▒▒░░░░░██░▓██░
            ░██░██░░██████████▒░░░░░▓██████████░░██▒██░
             ░████░████████████░░░░░████████████░████░
     ░▒░      ░███░▒██████████░░░░░░░██████████▒░██▒        ░▒░
   ▒████░     ░▓█▒░░█████████░░░░░░░░░█████████░░▒█▓░    ░▓████░
  ░██░▒██▒░   ░██░░░░██████▓░░░░█░█░░░░███████░░░░██░   ░███░░██░
 ░░██░░░██▓░░░░██░░░░░░▒▓▓░░░░▒██░██░░░░░▓▓▒░░░░░▒██░░░░███░░░██░░
░▓██▒░░░░████▓░░██░░░░░░░░░░░░███░███░░░░░░░░░░░░██░░█████░░░░▓██▒░
██▓░░░░░░░░▒████████▓░░░░░░░░████░███▓░░░░░░░▒▓████████░░░░░░░░░███
██▓▒▓███▓░░░░░░▓████████▓░░░░████░███▓░░░░▓████████▓░░░░░░████▓▓███
░███████████▒░░░░░░███████░░░░██░░░██░░░░██████▓░░░░░░▓███████████░
         ░▓█████░░░░██▓▓░██░░░░░░░░░░░░░██░█▒██░░░▒█████▓░
            ░▒█████▒▒█▓█░███▓▓▒▒▒▓▒▒▓▓▓███▒███░▓█████░
                ░▒████▒▓█▒▒█░█▒█░█░█▓█▒█▓░█░█████▒░
                 ░░░██░░██▓█▓█▓█▒█▒█▓█▓████░▓█▓░░░
              ░░░▓████▓░▓█▓█░█▒█░█░█▒█▒███▒░██████░░░
     ░░░░░░░░▓█████░░██░░░▒█████▓█▓█████▒░░░██░▒█████▓░░░░░░░░
   ░▒██████████▓░░░░░███░░░░░░░░░░░░░░░░░░░██▒░░░░░▓██████████▒░
   ░██░░░▓▓▓░░░░░░▒██████▓░░░░░░░░░░░░░░▓███████▒░░░░░░▓▓▒░░▒██░
   ░▓██░░░░░░░░▓████▓░░░█████▒░░░░░░▒▓█████░░░▓████▓░░░░░░░▒██▓░
    ░░███░░░░████▒░      ░▓█████████████▒░      ░▒████░░░░███░░
     ░░██░░░██▒░                                   ░▓██░░░██░░
      ░██▒▓██░                                       ▒██▒▓██░
       ░████░                                         ░████░  --> 

<!doctype html>
<html ⚡ lang="id-ID">
<head>
  <meta charset="utf-8">
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,viewport-fit=cover">

  <title>Panduan ORIONTOTO — Cara Akses Slot, Togel & Live Casino</title>
  <meta name="description" content="Panduan ORIONTOTO untuk mengakses slot online, togel, dan live casino melalui jalur utama atau alternatif dengan langkah yang sederhana dan mudah dipahami.">
  <meta name="robots" content="index,follow,max-image-preview:large">
  <meta name="theme-color" content="#060606">

  <link rel="canonical" href="https://oriontotoindo.site/panduan/">
  <link rel="shortcut icon" href="https://hq.oriontotoindo.site/images/favicon.ico" type="image/x-icon">

  <meta property="og:type" content="website">
  <meta property="og:locale" content="id_ID">
  <meta property="og:site_name" content="ORIONTOTO">
  <meta property="og:title" content="Panduan ORIONTOTO — Cara Akses Slot, Togel & Live Casino">
  <meta property="og:description" content="Akses ORIONTOTO dengan desain futuristik, cepat, mobile friendly, dan tampilan premium.">
  <meta property="og:url" content="https://oriontotoindo.site/panduan/">
  <meta property="og:image" content="https://oriontotoindo.site/assets/images/oriontoto-banner.webp">
  <meta property="og:image:alt" content="ORIONTOTO Spesialis Bandar Togel Online">

  <style amp-boilerplate>
    body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}
    @-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
    @-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
    @-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
    @-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
    @keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
  </style>
  <noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>

  <style amp-custom>

    *{box-sizing:border-box}
    html,body{margin:0;padding:0;min-height:100%}
    body{
      --accent:#ffd000;
      --accent2:#55b9ff;
      --status:#00ff66;
      --panel:rgba(13,13,16,.94);
      --panel-edge:rgba(255,255,255,.09);
      --muted:#818181;
      --flash-time:9s;
      position:relative;
      overflow-x:hidden;
      color:#fff;
      font-family:Arial,Helvetica,sans-serif;
      background:#040404;
    }
    a{text-decoration:none}

    .scene{
      position:fixed;
      inset:0;
      z-index:0;
      pointer-events:none;
      background:var(--scene-bg);
    }
    .scene-grid{
      position:absolute;
      inset:0;
      opacity:var(--grid-opacity,.28);
      background-image:
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
      background-size:30px 30px;
    }
    .scene-accent{
      position:absolute;
      inset:0;
      background:var(--scene-accent);
      opacity:.95;
    }

    /* LIGHTNING: opacity-only animation, no animated filters */
    .lightning-flash{
      position:fixed;
      inset:0;
      z-index:1;
      pointer-events:none;
      background:var(--flash-bg,rgba(180,215,255,.08));
      opacity:0;
      animation:flashStorm var(--flash-time) steps(1,end) infinite;
    }
    @keyframes flashStorm{
      0%,7%,9%,24%,26%,54%,56%,100%{opacity:0}
      8%{opacity:.55}
      8.4%{opacity:.12}
      8.8%{opacity:.70}
      25%{opacity:.42}
      25.4%{opacity:.10}
      25.8%{opacity:.52}
      55%{opacity:.34}
      55.4%{opacity:.08}
      55.8%{opacity:.46}
    }
    .bolt{
      position:fixed;
      z-index:2;
      width:3px;
      border-radius:4px;
      pointer-events:none;
      opacity:0;
      background:linear-gradient(#fff,#9edcff);
      box-shadow:0 0 7px rgba(255,255,255,.78),0 0 15px rgba(63,164,255,.48);
    }
    .bolt:before,.bolt:after{
      content:"";
      position:absolute;
      width:3px;
      border-radius:4px;
      background:linear-gradient(#fff,#9edcff);
      box-shadow:0 0 6px rgba(255,255,255,.68),0 0 12px rgba(63,164,255,.38);
    }
    .bolt-a{top:-28px;left:14%;height:150px;transform:rotate(18deg);animation:strikeA var(--flash-time) steps(1,end) infinite}
    .bolt-a:before{top:56px;left:19px;height:70px;transform:rotate(31deg)}
    .bolt-a:after{top:105px;left:-5px;height:54px;transform:rotate(-25deg)}
    .bolt-b{top:-18px;right:16%;height:138px;transform:rotate(-14deg);animation:strikeB var(--flash-time) steps(1,end) infinite}
    .bolt-b:before{top:42px;left:-15px;height:64px;transform:rotate(-29deg)}
    .bolt-b:after{top:94px;left:11px;height:56px;transform:rotate(24deg)}
    .bolt-c{top:88px;left:50%;height:112px;transform:translateX(-50%) rotate(7deg);animation:strikeC var(--flash-time) steps(1,end) infinite}
    .bolt-c:before{top:34px;left:11px;height:54px;transform:rotate(27deg)}
    .bolt-c:after{top:68px;left:-7px;height:44px;transform:rotate(-27deg)}
    @keyframes strikeA{0%,7.8%,8.2%,8.7%,9.1%,100%{opacity:0}8%{opacity:1}8.5%{opacity:.42}8.9%{opacity:1}}
    @keyframes strikeB{0%,24.7%,25.1%,25.5%,25.9%,100%{opacity:0}25%{opacity:1}25.3%{opacity:.35}25.7%{opacity:1}}
    @keyframes strikeC{0%,54.7%,55.1%,55.5%,55.9%,100%{opacity:0}55%{opacity:1}55.3%{opacity:.4}55.7%{opacity:.9}}

    .page{
      position:relative;
      z-index:3;
      width:100%;
      max-width:460px;
      min-height:100vh;
      min-height:100dvh;
      margin:0 auto;
      padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));
      display:flex;
      flex-direction:column;
      justify-content:center;
    }
    .topbar{
      display:flex;
      justify-content:space-between;
      align-items:center;
      margin-bottom:13px;
      padding:0 4px;
      font-size:9px;
      letter-spacing:1.4px;
      font-weight:700;
      text-transform:uppercase;
      color:var(--muted);
    }
    .top-left{display:flex;align-items:center;gap:7px}
    .online-dot{
      width:7px;height:7px;border-radius:50%;background:var(--status);
      box-shadow:0 0 8px var(--status);
      animation:pulse 1.8s ease-in-out infinite;
    }
    @keyframes pulse{0%,100%{opacity:.55}50%{opacity:1}}

    .main-card{
      position:relative;
      overflow:hidden;
      border-radius:26px;
      padding:18px;
      border:1px solid var(--panel-edge);
      background:var(--panel);
      box-shadow:0 18px 45px rgba(0,0,0,.55),0 0 22px var(--card-glow,rgba(255,208,0,.05));
    }
    .main-card:before{
      content:"";
      position:absolute;
      top:0;left:10%;width:80%;height:1px;
      background:linear-gradient(90deg,transparent,var(--accent),transparent);
      opacity:.8;
    }
    .main-card:after{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:var(--card-overlay,linear-gradient(135deg,rgba(255,255,255,.035),transparent 35%));
    }
    .content{position:relative;z-index:2}

    .logo-wrap{text-align:center}
    .logo{width:min(310px,92%);margin:0 auto;filter:drop-shadow(0 0 8px var(--logo-glow,rgba(255,208,0,.18)))}
    .hero-text{margin:8px auto 15px;text-align:center}
    .eyebrow{
      display:inline-block;
      margin-bottom:7px;
      padding:6px 12px;
      border-radius:999px;
      color:var(--eyebrow-text,#ffe38a);
      font-size:10px;
      font-weight:800;
      letter-spacing:1.4px;
      text-transform:uppercase;
      border:1px solid var(--eyebrow-border,rgba(255,217,79,.18));
      background:var(--eyebrow-bg,rgba(255,208,0,.05));
    }
    .typing-wrap{display:flex;justify-content:center;overflow:hidden}
    .typing{
      display:inline-block;
      max-width:100%;
      overflow:hidden;
      white-space:nowrap;
      padding-right:4px;
      border-right:2px solid var(--accent);
      color:#bdbdbd;
      font-size:clamp(10px,3vw,12px);
      font-family:"Courier New",monospace;
      font-weight:700;
      animation:typing 2.8s steps(28,end) both,blink .8s step-end infinite;
    }
    .typing strong{color:var(--accent)}
    @keyframes typing{from{width:0}to{width:28ch}}
    @keyframes blink{0%,100%{border-color:transparent}50%{border-color:var(--accent)}}

    .hero-frame{
      position:relative;
      overflow:hidden;
      border-radius:20px;
      border:1px solid var(--hero-border,rgba(255,215,80,.16));
      background:#090909;
      box-shadow:0 12px 26px rgba(0,0,0,.52),0 0 16px var(--hero-glow,rgba(64,126,255,.05));
    }
    .hero-frame:after{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:var(--hero-overlay,linear-gradient(to bottom,rgba(255,255,255,.045),transparent 25%,transparent 78%,rgba(255,255,255,.02)));
    }
    .banner{display:block}

    .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 14px}
    .stat{
      padding:10px 6px;
      text-align:center;
      border-radius:12px;
      border:1px solid rgba(255,255,255,.06);
      background:rgba(255,255,255,.025);
    }
    .stat small{display:block;margin-bottom:3px;color:#666;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:1px}
    .stat strong{display:block;font-size:10px;color:#fff;letter-spacing:.4px}
    .stat.highlight{border-color:var(--stat-border,rgba(0,255,90,.10));background:var(--stat-bg,rgba(0,255,90,.025))}
    .stat.highlight strong{color:var(--status)}

    .buttons{display:grid;gap:10px}
    .btn{
      position:relative;
      overflow:hidden;
      display:flex;
      justify-content:space-between;
      align-items:center;
      min-height:54px;
      padding:0 16px;
      border-radius:15px;
      font-size:13px;
      font-weight:900;
      letter-spacing:.7px;
      text-transform:uppercase;
      box-shadow:0 8px 18px rgba(0,0,0,.26);
    }

    .btn:before{
      content:"";
      position:absolute;
      top:-45%;left:-28%;
      width:18%;height:190%;
      background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);
      transform:translateX(-380%) rotate(22deg);
      animation:shine 5.2s ease-in-out infinite;
      will-change:transform;
    }
    @keyframes shine{0%,70%{transform:translateX(-380%) rotate(22deg)}100%{transform:translateX(900%) rotate(22deg)}}
    .btn-left{position:relative;z-index:2;display:flex;align-items:center;gap:10px}
    .btn-no{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;font-size:10px;font-weight:900;background:rgba(0,0,0,.15)}
    .btn-arrow{position:relative;z-index:2;width:29px;height:29px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;background:rgba(0,0,0,.13)}
    .btn-daftar{color:#130d00;border:1px solid rgba(255,232,128,.72);background:linear-gradient(135deg,#ffe866,#ffc714 52%,#e99d00);box-shadow:0 8px 18px rgba(255,184,0,.14)}
    .btn-login{color:#fff;border:1px solid rgba(255,84,84,.38);background:linear-gradient(135deg,#ff3434,#d90000 55%,#870000);box-shadow:0 8px 18px rgba(255,0,0,.12)}
    .btn-livechat{color:#fff;border:1px solid rgba(91,125,255,.32);background:linear-gradient(135deg,#263b93,#111b4d 55%,#080d25);box-shadow:0 8px 18px rgba(55,91,255,.10)}

    .mini-note{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:14px;color:#606060;font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
    .chip{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.02)}
    footer{margin-top:14px;padding:0 6px;text-align:center;color:#4f4f4f;font-size:9px;line-height:1.7}
    footer a{color:var(--footer-link,#d6ad17);font-weight:800}

    @media(max-width:360px){
      .page{padding-left:10px;padding-right:10px}
      .main-card{padding:14px;border-radius:22px}
      .btn{min-height:50px;padding:0 13px;font-size:11px}
      .btn-no{width:24px;height:24px;font-size:9px}
      .stats{gap:6px}
      .stat strong{font-size:9px}
    }
    @media(prefers-reduced-motion:reduce){
      .online-dot,.typing,.btn:before,.lightning-flash,.bolt{animation:none}
      .typing{width:auto;border-right:0}
    }

    body{
      --accent:#8affb3;--accent2:#5d79ff;--status:#55ff97;--flash-time:6.5s;
      --panel:rgba(5,7,11,.97);--panel-edge:rgba(126,255,175,.10);--muted:#69747d;
      --scene-bg:linear-gradient(180deg,#010102 0%,#03060a 40%,#05080d 70%,#010203 100%);
      --scene-accent:repeating-linear-gradient(180deg,rgba(126,255,175,.018) 0 1px,transparent 1px 5px);
      --grid-opacity:.34;--flash-bg:rgba(155,210,255,.08);--card-glow:rgba(85,255,151,.045);--logo-glow:rgba(85,255,151,.13);
      --eyebrow-text:#b8ffc9;--eyebrow-border:rgba(85,255,151,.14);--eyebrow-bg:rgba(85,255,151,.035);
      --hero-border:rgba(85,255,151,.12);--hero-glow:rgba(85,255,151,.05);
      --hero-overlay:linear-gradient(180deg,rgba(85,255,151,.035),transparent 20%,transparent 78%,rgba(38,73,255,.035));
      --stat-border:rgba(85,255,151,.12);--stat-bg:rgba(85,255,151,.025);--footer-link:#72eaa1;
    }
    .scene-grid{background-size:22px 22px}
    .main-card{border-radius:22px;box-shadow:0 18px 44px rgba(0,0,0,.72)}
    .main-card:before{background:linear-gradient(90deg,transparent,rgba(85,255,151,.65),rgba(91,120,255,.55),transparent)}
    .btn{border-radius:12px}

  </style>
</head>
<body>
  <div class="scene">
    <div class="scene-grid"></div>
    <div class="scene-accent"></div>
  </div>
  <div class="lightning-flash"></div>
  <div class="bolt bolt-a"></div>
  <div class="bolt bolt-b"></div>
  <div class="bolt bolt-c"></div>

  <main class="page">
    <div class="topbar">
      <div class="top-left">
        <span class="online-dot"></span>
        <span>Gacor Mode Active</span>
      </div>
      <div>⚡Powered by Suaymak</div>
    </div>

    <section class="main-card">
      <div class="content">
        <header class="logo-wrap">
          <a href="https://oriontotoindo.site/panduan/" aria-label="ORIONTOTO">
            <amp-img class="logo" src="https://veldrive.com/53ShPWUu/situs-slot-gacor.webp" width="300" height="100" layout="responsive" alt="ORIONTOTO x SLOT GACOR"></amp-img>
          </a>
        </header>

        <div class="hero-text">
          <span class="eyebrow">Selamat Datang di ORIONTOTO tuan muda!</span>
          <div class="typing-wrap"><div class="typing">Cari di Google: <strong>ORIONTOTO</strong></div></div>
        </div>

        <div class="hero-frame">
          <amp-img class="banner" src="https://oriontotoindo.site/assets/images/oriontoto-banner.webp" width="600" height="600" layout="responsive" alt="ORIONTOTO Spesialis Bandar Togel Online"></amp-img>
        </div>

        <div class="stats">
          <div class="stat highlight"><small>Status</small><strong>Online 24/7</strong></div>
          <div class="stat"><small>Access</small><strong>Mobile Ready</strong></div>
          <div class="stat"><small>System</small><strong>Cepat & Aman</strong></div>
        </div>

        <div class="buttons">
          <a href="https://access-center.pages.dev/oriontoto" target="_blank" rel="noopener noreferrer" class="btn btn-daftar"><span class="btn-left"><span class="btn-no">01</span><span>Daftar Sekarang</span></span><span class="btn-arrow">›</span></a>
          <a href="https://access-center.pages.dev/oriontoto" target="_blank" rel="noopener noreferrer" class="btn btn-login"><span class="btn-left"><span class="btn-no">02</span><span>Login Member</span></span><span class="btn-arrow">›</span></a>
          <a href="https://access-center.pages.dev/oriontoto" target="_blank" rel="noopener noreferrer" class="btn btn-livechat"><span class="btn-left"><span class="btn-no">03</span><span>Livechat 24 Jam</span></span><span class="btn-arrow">›</span></a>
        </div>

        <div class="mini-note"><span class="chip">TOGEL ONLINE</span><span class="chip">SLOT ONLINE</span><span class="chip">LIVE CASINO</span></div>
      </div>
    </section>

    <footer>© 2026 <a href="https://oriontotoindo.site/panduan/">ORIONTOTO</a> · All Rights Reserved</footer>
  </main>
</body>
</html>