<!doctype html>
<html amp lang="id">
<head>
    <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">

  <title>RAJABARBAR : Link Akses Situs Slot Thailand & Panduan RAJA BARBAR</title>
  <meta name="description" content="RAJABARBAR hadirkan informasi akses situs Slot Online Thailand pilihan permainan, dan panduan lengkap di RAJA BARBAR dengan navigasi praktis untuk pengguna mobile ataupun desktop.">
  <meta name="robots" content="index, follow">
  <meta name="theme-color" content="#000000">

  <link rel="canonical" href="https://slotonline-thailand.co.uk/">
  <link rel="icon" href="/assets/icon-rajabarbar.png" type="image/webp">

  <meta property="og:url" content="https://slotonline-thailand.co.uk/">
  <meta property="og:site_name" content="RAJABARBAR">
  <meta property="og:title" content="RAJABARBAR : Link Akses Situs Slot Thailand & Panduan RAJA BARBAR">
  <meta property="og:description" content="RAJABARBAR hadirkan informasi akses situs Slot Online Thailand pilihan permainan, dan panduan lengkap di RAJA BARBAR dengan navigasi praktis untuk pengguna mobile ataupun desktop.">
  <meta property="og:image" content="/assets/RB1.png">
  <meta property="og:image:alt" content="Banner RAJABARBAR">

  <script async src="https://cdn.ampproject.org/v0.js"></script>

  <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;margin:0;padding:0}

    :root{
      --bg:#000000;
      --panel:#121212;
      --yellow:#ffff00;
      --white:#ffffff;
      --banner-bg:url("/assets/RB1.png");
    }

    html{min-height:100%;background:var(--bg)}

    body{
      min-height:100vh;
      overflow-x:hidden;
      position:relative;
      color:var(--white);
      font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
      line-height:1.5;
      -webkit-font-smoothing:antialiased;
      background:
        linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,.95)),
        var(--banner-bg) center center / cover fixed no-repeat;
    }

    .fixed-bg{
      position:fixed;
      inset:-34px;
      z-index:0;
      pointer-events:none;
      background:var(--banner-bg) center center / cover no-repeat;
      filter:blur(4px);
      transform:scale(1.08);
    }

    .fixed-bg::after{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 50% 14%,rgba(255,255,0,.15),transparent 32%),
        linear-gradient(90deg,rgba(0,0,0,.9),rgba(20,20,20,.6),rgba(0,0,0,.9)),
        linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(10,10,10,.8) 54%,rgba(0,0,0,.95) 100%);
    }

    .bg-grid{
      position:fixed;
      inset:-40px;
      z-index:1;
      pointer-events:none;
      opacity:.4;
      background-image:
        linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,0,.08) 1px,transparent 1px);
      background-size:32px 32px;
      animation:gridMove 14s linear infinite;
    }

    .bg-ring{
      position:fixed;
      top:-150px;
      right:-160px;
      z-index:1;
      width:420px;
      height:420px;
      pointer-events:none;
      border-radius:50%;
      background:conic-gradient(from 90deg,transparent,rgba(255,255,0,.25),transparent,rgba(255,255,255,.2),transparent);
      filter:blur(4px);
      animation:spin 16s linear infinite;
    }

    .scanline{
      position:fixed;
      inset:0;
      z-index:99;
      pointer-events:none;
      opacity:.25;
      background:
        linear-gradient(rgba(0,0,0,0) 50%,rgba(0,0,0,.2) 50%),
        radial-gradient(circle at 50% 0%,rgba(255,255,255,.1),transparent 42%);
      background-size:100% 4px,100% 100%;
    }

    .min-h-screen{min-height:100vh;position:relative;z-index:2}
    .flex{display:flex}
    .flex-col{flex-direction:column}
    .items-center{align-items:center}
    .justify-center{justify-content:center}
    .w-full{width:100%}
    .max-w-md{max-width:28rem}
    .mx-auto{margin-left:auto;margin-right:auto}
    .px-4{padding-left:1rem;padding-right:1rem}
    .py-8{padding-top:2rem;padding-bottom:2rem}
    .gap-3{gap:.75rem}
    .text-center{text-align:center}
    .text-xs{font-size:.75rem}
    .font-bold{font-weight:700}

    .page-box{
      position: relative;
      width: 100%;
      overflow: hidden;
      padding: 16px;
      border: 2px solid var(--white);
      border-radius: 28px;
      background: radial-gradient(circle at 50% 0%, rgba(255,255,0,0.15), transparent 45%), linear-gradient(180deg, #111111, #000000);
      box-shadow: 0 0 0 1px var(--yellow), 0 24px 60px rgba(0, 0, 0, .9), inset 0 0 30px rgba(255,255,255,.1), 0 0 25px rgba(255,255,0,0.25);
    }

    .page-box::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      border-radius:27px;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
    }

    .page-box-content{
      position:relative;
      z-index:1;
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:1rem;
      width:100%;
    }

    .top-header{width:100%}

    .brand-shell{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:.75rem;
      width:100%;
      padding:10px 12px;
      border:2px solid var(--white);
      border-radius:18px;
      background: linear-gradient(180deg, rgba(20,20,20,.95), rgba(0,0,0,.95));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 15px rgba(255,255,255,.15);
    }

    .brand-logo-link{
      display:flex;
      flex:1 1 auto;
      align-items:center;
      justify-content:flex-start;
      min-width:0;
    }

    .brand-logo-link amp-img{max-width:150px}

    .header-livechat{
      flex:0 0 auto;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:112px;
      padding:10px 14px;
      border-radius:12px;
      text-decoration:none;
      text-transform:uppercase;
      font-weight:700;
      font-size:.76rem;
      letter-spacing:.08em;
      color:#000000;
      border:2px solid var(--white);
      background: var(--yellow);
      box-shadow:0 0 12px rgba(255,255,0,.5);
      white-space:nowrap;
    }

    .marquee-wrapper{
      width:100%;
      overflow:hidden;
      margin:.5rem 0;
      padding:7px 0;
      border-top:2px solid var(--white);
      border-bottom:2px solid var(--white);
      border-radius:12px;
      background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(255,255,0,.2),rgba(255,255,255,.15),rgba(0,0,0,.8));
      box-shadow:0 0 15px rgba(255,255,255,.15);
    }

    .marquee-content{
      display:inline-block;
      white-space:nowrap;
      animation:runText 17s linear infinite;
    }

    .marquee-item{
      display:inline-block;
      padding-right:2rem;
      font-size:.8rem;
      font-weight:bold;
      color:var(--yellow);
      text-shadow:0 0 8px rgba(255,255,0,.8);
    }

    .banner-wrap{
      position:relative;
      width:100%;
      margin-bottom:14px;
      overflow:visible;
    }

    .cyber-card{
      width:100%;
      overflow:hidden;
      padding:5px;
      border:2px solid var(--white);
      border-radius:16px;
      background:linear-gradient(180deg,rgba(20,20,20,.95),rgba(0,0,0,.99));
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.2),
        0 0 20px rgba(255,255,255,.2),
        0 14px 34px rgba(0,0,0,.8);
    }

    .cyber-card amp-img{border-radius:12px}

    .floating-logo{
      position:absolute;
      right:18px;
      bottom:12px;
      z-index:5;
      width:96px;
      height:42px;
      pointer-events:none;
      filter:drop-shadow(0 8px 12px rgba(0,0,0,.8)) drop-shadow(0 0 12px rgba(255,255,255,.4));
      animation:logoFloat 3.2s ease-in-out infinite;
    }

    .floating-logo amp-img{display:block;width:100%;height:auto}
    .actions{margin-top:.5rem}

    .cyber-btn{
      position:relative;
      display:flex;
      align-items:center;
      justify-content:center;
      width:100%;
      overflow:hidden;
      padding:14px;
      border-radius:12px;
      font-size:.9rem;
      font-weight:700;
      letter-spacing:1px;
      text-decoration:none;
      text-transform:uppercase;
      color: #000000;
      border: 2px solid var(--white);
      background: var(--yellow);
      box-shadow: 0 0 15px rgba(255,255,0,.5), 0 4px 0 rgba(255,255,255,.4);
    }

    .cyber-btn::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(120deg,transparent,rgba(255,255,255,.6),transparent);
      transform:translateX(-120%);
      animation:buttonShine 3s linear infinite;
    }

    .trust-badge{
      width:100%;
      padding:10px 11px;
      border:2px solid var(--white);
      border-left:5px solid var(--yellow);
      border-radius:10px;
      color:var(--white);
      font-size:.7rem;
      text-align:left;
      background:linear-gradient(180deg,rgba(15,15,15,.95),rgba(0,0,0,.98));
      box-shadow:inset 0 0 15px rgba(255,255,255,.08),0 0 12px rgba(255,255,255,.1);
    }

    .footer-css{
      margin-top:.5rem;
      color:var(--white);
      text-align:center;
      font-size:.75rem;
    }

    .footer-line{
      display:block;
      color:var(--white);
    }

    .footer-brand{
      color:var(--yellow);
      font-weight:700;
      text-decoration:none;
    }

    .footer-brand:hover,
    .footer-brand:focus{
      color:var(--white);
      text-decoration:underline;
    }

    .footer-sub-css{
      display:block;
      margin-top:4px;
      color:var(--white);
      font-size:10px;
      letter-spacing:1px;
    }

    .footer-sub-css::before{
      content:"Google ";
    }

    @keyframes gridMove{from{transform:translate3d(0,0,0)}to{transform:translate3d(32px,32px,0)}}
    @keyframes spin{to{transform:rotate(360deg)}}
    @keyframes runText{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
    @keyframes buttonShine{to{transform:translateX(120%)}}
    @keyframes logoFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}

    @media (max-width:480px){
      .page-box{padding:11px;border-radius:22px}
      .py-8{padding-top:1rem;padding-bottom:1rem}
      .px-4{padding-left:.65rem;padding-right:.65rem}
      .cyber-btn{padding:13px;font-size:.84rem}
      .brand-shell{padding:9px 10px;gap:.5rem}
      .brand-logo-link amp-img{max-width:128px}
      .header-livechat{min-width:96px;padding:9px 10px;font-size:.7rem}
      .floating-logo{right:12px;bottom:10px;width:78px;height:34px}
      .banner-wrap{margin-bottom:11px}
    }

    @media (prefers-reduced-motion:reduce){
      .bg-grid,.bg-ring,.marquee-content,.floating-logo,.cyber-btn::before{animation:none}
    }
  </style>
</head>
<body>
  <div class="fixed-bg"></div>
  <div class="bg-grid"></div>
  <div class="bg-ring"></div>
  <div class="scanline"></div>

  <main class="min-h-screen flex flex-col items-center justify-center py-8 px-4">
    <div class="w-full max-w-md mx-auto">
      <section class="page-box">
        <div class="page-box-content">
          <header class="top-header">
            <div class="brand-shell">
              <a href="https://slotonline-thailand.co.uk/" class="brand-logo-link" aria-label="Beranda RAJABARBAR">
                <amp-img
                  src="/assets/logo-rajabarbar.png"
                  alt="Logo RAJABARBAR"
                  width="150"
                  height="42"
                  layout="intrinsic">
                </amp-img>
              </a>

              <a href="https://cutt.ly/rajabarbar"
                 target="_blank"
                 rel="noopener noreferrer"
                 class="header-livechat">LIVE CHAT</a>
            </div>
          </header>

          <div class="marquee-wrapper" aria-label="Informasi berjalan">
            <div class="marquee-content">
              <span class="marquee-item">⚡ RAJABARBAR : PLATFORM SITUS TOTO RESMI ⚡</span>
              <span class="marquee-item">💰 MINIMAL DEPOSIT MULAI DARI RP 5.000 💰</span>
              <span class="marquee-item">🛡️ SISTEM PROTEKSI ENKRIPSI TINGGI & AMAN TERVERIFIKASI 100% 🛡️</span>
              <span class="marquee-item">⚡ RAJABARBAR : PLATFORM SITUS TOTO RESMI ⚡</span>
              <span class="marquee-item">💰 MINIMAL DEPOSIT MULAI DARI RP 5.000 💰</span>
              <span class="marquee-item">🛡️ SISTEM PROTEKSI ENKRIPSI TINGGI & AMAN TERVERIFIKASI 100% 🛡️</span>
            </div>
          </div>

          <div class="banner-wrap">
            <div class="cyber-card">
              <amp-img
                src="/assets/RB1.png"
                width="400"
                height="400"
                layout="responsive"
                alt="Banner utama RAJABARBAR">
              </amp-img>
            </div>

            <div class="floating-logo" aria-hidden="true">
              <amp-img
                src="/assets/logo-rajabarbar.png"
                width="120"
                height="100"
                layout="responsive"
                alt="">
              </amp-img>
            </div>
          </div>

          <div class="w-full flex flex-col gap-3 actions">
            <a href="https://cutt.ly/rajabarbar" target="_blank" rel="noopener noreferrer" class="cyber-btn btn-login">LOGIN UTAMA</a>
            <a href="https://cutt.ly/rajabarbar" target="_blank" rel="noopener noreferrer" class="cyber-btn btn-register">DAFTAR AKUN</a>
            <a href="https://cutt.ly/rajabarbar" target="_blank" rel="noopener noreferrer" class="cyber-btn btn-alt">LINK ALTERNATIF</a>
          </div>

          <div class="trust-badge">
            <div class="font-bold">RAJABARBAR : Link Akses Situs Slot Thailand & Panduan RAJA BARBAR</div>
          </div>

          <footer class="footer-css"
                aria-label="© 2026 BY SEO RJBB . RAJABARBAR">
            <span class="footer-line">
              © 2026 BY
              <a href="https://slotonline-thailand.co.uk/"
                 class="footer-brand"
                 aria-label="Buka halaman RAJABARBAR">RJBB</a>
            </span>
            <span class="footer-sub-css">tolong lah</span>
          </footer>
        </div>
      </section>
    </div>
  </main>
</body>
</html>