Your IP : 216.73.216.104


Current Path : /home/angker/public_html/teamjaya.lol/maccslogin/
Upload Files:
Current File: /home/angker/public_html/teamjaya.lol/maccslogin/index.php

<!DOCTYPE html>
<html amp lang="id">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,maximum-scale=1">
  <meta http-equiv="content-language" content="id">
  <title>GELASTOGEL: Login Situs Toto Macau Melalui Link Alternatif Terbaru 2026</title>
  <meta name="description" content="GELASTOGEL adalah platform menyediakan login situs toto macau melalui link alternatif terbaru 2026 yang aman, cepat, dan stabil. Akses tanpa gangguan dengan sistem resmi, data akurat, serta layanan terpercaya untuk pemain indonesia kapan saja.">
  <meta name="keywords" content="gelastogel, daftar gelastogel, login gelastogel,">
  <meta name="robots" content="index, follow">
  <meta name="page-locale" content="id,en">
  <meta content="true" name="HandheldFriendly">
  <meta content="width" name="MobileOptimized">
  <meta property="og:title" content="GELASTOGEL: Login Situs Toto Macau Melalui Link Alternatif Terbaru 2026">
  <meta property="og:description" content="GELASTOGEL adalah platform menyediakan login situs toto macau melalui link alternatif terbaru 2026 yang aman, cepat, dan stabil. Akses tanpa gangguan dengan sistem resmi, data akurat, serta layanan terpercaya untuk pemain indonesia kapan saja.">
  <meta property="og:url" content="https://www.maccsl.org/">
  <meta property="og:site_name" content="GELASTOGEL">
  <meta property="og:author" content="GELASTOGEL">
  <meta property="og:image" content="https://pub-bda4751b607b482388146ab3a2783c4f.r2.dev/gelastogel-2026.jpg">
  <meta property="og:locale" content="id_ID">
  <meta property="og:type" content="website">
  <meta name="rating" content="general">
  <meta name="author" content="GELASTOGEL">
  <meta name="distribution" content="global">
  <meta name="publisher" content="GELASTOGEL">
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap">
  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap" rel="stylesheet">
  <link rel="shortcut icon" href="https://pub-bda4751b607b482388146ab3a2783c4f.r2.dev/favicon.png" type="image/x-icon">
  <link rel="canonical" href="https://www.maccsl.org/">

  <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>
    /* ===== Palet biru laut + biru gelap ===== */
    *{box-sizing:border-box;margin:0;padding:0}
    :focus{outline:0}
    a,a:after,a:hover,a:visited{text-decoration:none;color:#ffffff}

    body{
      font-family:'Noto Sans',arial,sans-serif;
      color:#e6f2ff;
      background:#020617; /* BACKGROUND GELAP */
    }

    /* ===== Layout fix: container responsif dan spacing rapi ===== */
    .GELASTOGEL{
      display:grid;
      min-height:100vh;
      padding:28px 16px;
      background:radial-gradient(circle at top, #102a43 0%, #020617 55%, #00010a 100%); /* gelap tapi tetap ada depth */
    }

    .pro-GELASTOGEL{
      margin:auto;
      text-align:center;
      width:min(92vw, 420px);
    }

    /* Logo responsif tanpa ubah markup besar */
    .logo{margin:0 auto 14px; max-width:280px}

    /* Bar ikon: full width, ada gap, dan klik area proporsional */
    .Pro-GELASTOGEL-container{
      display:flex;
      align-items:center;justify-content:space-between;
      width:100%;
      height:56px;
      padding:0 8px;
      gap:10px;
      border-radius:12px;
      margin:0 auto 14px;
      background: linear-gradient(-45deg, #0a2540 0%, #113457 50%, #1fa2ff 100%);
      box-shadow:0 8px 24px rgba(0,0,0,.55), 0 0 0 1px rgba(31,162,255,.28) inset
    }
    .Pro-GELASTOGEL{
      width:44px;height:44px;border-radius:50%;
      display:flex;align-items:center;justify-content:center;
      background-color:rgba(1,8,20,.9);color:#fff;cursor:pointer;
      transition:transform .25s ease, box-shadow .25s ease, background-color .25s ease;
      box-shadow:0 0 0 1px rgba(255,255,255,.06) inset
    }
    .Pro-GELASTOGEL:hover{
      transform:translateY(-3px);
      background-color:#102844;
      box-shadow:0 6px 16px rgba(0,0,0,.6), 0 0 0 2px rgba(0,188,212,.6) inset
    }

    /* Gambar utama: tetap anim, tapi 100% lebar container */
    .hero{margin:8px 0 10px}
    .hero amp-img{
      border-radius:10px;
      box-shadow:
        0 18px 40px rgba(0,0,0,.7),
        inset 0 0 0 8px rgba(31,162,255,.18)
    }

    /* Judul */
    h2{
      color:#eaf4ff;
      border-bottom:#12d8fa 3px solid;
      border-top:#12d8fa 3px solid;
      border-radius:30px;
      background-color: rgba(18,216,250,.16);
      display:inline-block;
      padding:.3rem .9rem;
      margin:6px 0 10px;
    }

    /* Stack tombol: full-width rapi */
    .s-p{display:grid;gap:10px;margin:10px 0}
    .btn2{
      position:relative;display:flex;justify-content:center;align-items:center;
      width:100%;height:3.2rem;overflow:hidden;border-radius:.5rem;
      transition:.5s;border:double 4px transparent;
      background-image:
        linear-gradient(#050f1c, #050f1c), linear-gradient(137.48deg, #002fd4 10%, #1f51ff 45%, #1260fa 67%, #1f50ff 87%);
      background-origin:border-box;background-clip:content-box, border-box;
      animation:gradient_301 5s ease infinite;
    }
    #container-stars{position:absolute;z-index:-1;width:100%;height:100%;overflow:hidden;transition:.5s;backdrop-filter:blur(1rem);border-radius:.38rem}
    strong{z-index:2;letter-spacing:0;color:#fff;text-shadow:#fff}
    #glow{position:absolute;display:flex;width:12rem}
    .circle{width:100%;height:30px;filter:blur(2rem);animation:pulse_3011 4s infinite;z-index:-1}
    .circle:nth-of-type(1){background:rgba(31,162,255,.55)}
    .circle:nth-of-type(2){background:rgba(0,188,212,.55)}
    .btn2:hover #container-stars{z-index:1;background-color:rgba(3,16,32,.7)}
    .btn2:hover{transform:scale(1.03)}
    .btn2:active{border:double 4px #1fa2ff;animation:none}
    .btn2:active .circle{background:#1fa2ff}

    .block1{
      position:relative;min-width:100px;padding:6px 12px;
      background:linear-gradient(0deg, #020817, #061324);
      color:#eaf4ff;cursor:pointer;border-radius:10px;
      box-shadow:0 0 0 1px rgba(31,162,255,.25) inset, 0 10px 28px rgba(0,0,0,.6)
    }
    .block1:after,.block1:before{
      content:'';position:absolute;right:-3px;bottom:-3px;border-radius:10px;
      background: linear-gradient(45deg, #00bcd4, #1fa2ff, #12d8fa, #00bcd4, #1fa2ff);
      background-size:400%;width:calc(100% + 6px);height:calc(100% + 6px);z-index:-1;animation:steam 5s linear infinite
    }

    .block{
      position:relative;
      display:block;
      width:100%;
      text-align:center;
      min-width:100px;padding:10px 14px;
      background:linear-gradient(0deg, #020817, #07192c);
      color:#eaf4ff;cursor:pointer;border-radius:10px;
      box-shadow:0 0 0 1px rgba(31,162,255,.2) inset, 0 8px 20px rgba(0,0,0,.55)
    }
    .block:after,.block:before{
      content:'';position:absolute;right:-3px;bottom:-3px;
      background:linear-gradient(45deg, #00bcd4, #1fa2ff, #12d8fa, #00bcd4);
      background-size:400%;width:calc(100% + 6px);height:calc(100% + 6px);z-index:-1;animation:steam 5s linear infinite
    }

    /* Copyright */
    .foot{
      margin-top:16px;
      font-size:.9rem;
      color:#f4e25b;
      text-align:center
    }
    .foot a{color:#f4e25b}

    /* Animations (kalau sebelumnya sudah ada di versi lain, tinggal lanjutkan) */
    @keyframes gradient_301{
      0%{background-position:0% 50%}
      50%{background-position:100% 50%}
      100%{background-position:0% 50%}
    }
    @keyframes pulse_3011{
      0%{transform:scale(0.95);opacity:.7}
      50%{transform:scale(1);opacity:1}
      100%{transform:scale(0.95);opacity:.7}
    }
    @keyframes steam{
      0%{background-position:0% 50%}
      50%{background-position:100% 50%}
      100%{background-position:0% 50%}
    }
  </style>
</head>

<body>
  <main>
    <div class="GELASTOGEL">
      <div class="pro-GELASTOGEL">
        <!-- Logo responsif -->
        <div class="logo">
          <amp-img width="300" height="90" layout="responsive" alt="GELASTOGEL" src="https://pub-bda4751b607b482388146ab3a2783c4f.r2.dev/logo-gelastogel.png"></amp-img>
        </div>

        <!-- Bar ikon -->
        <div class="Pro-GELASTOGEL-container block1">
          <a class="Pro-GELASTOGEL" href="https://lnkshort.net/gelaslogin1" target="_blank" rel="noopener nofollow" role="button" aria-label="Chat">
            <amp-img src="https://takenupload.com/icon-chat" width="20" height="20" alt="Chat"></amp-img>
          </a>
          <a class="Pro-GELASTOGEL" href="https://lnkshort.net/gelaslogin2" target="_blank" rel="noopener nofollow" role="button" aria-label="Masuk">
            <amp-img src="https://takenupload.com/icon-masuk" width="20" height="20" alt="Masuk"></amp-img>
          </a>
          <a class="Pro-GELASTOGEL" href="https://lnkshort.net/gelaslogin1" target="_blank" rel="noopener nofollow" role="button" aria-label="Promo">
            <amp-img src="https://takenupload.com/icon-megaphone" width="20" height="20" alt="Promo"></amp-img>
          </a>
          <a class="Pro-GELASTOGEL" href="https://lnkshort.net/gelaslogin2" target="_blank" rel="noopener nofollow" role="button" aria-label="Daftar">
            <amp-img src="https://takenupload.com/icon-regis" width="20" height="20" alt="Daftar"></amp-img>
          </a>
        </div>

        <!-- Gambar utama responsif -->
        <div class="hero">
          <a href="https://www.maccsl.org/" target="_blank" rel="noopener nofollow">
            <amp-img width="700" height="700" layout="responsive" alt="GELASTOGEL"
              src="https://pub-bda4751b607b482388146ab3a2783c4f.r2.dev/gelastogel-2026.jpg"></amp-img>
          </a>
        </div>
        <!-- Tombol stacked full width -->
        <div class="s-p">
          <a href="https://lnkshort.net/gelaslogin1" target="_blank" rel="noopener nofollow">
            <span class="btn2" role="button" aria-label="Link Alternatif">
              <strong>LINK ALTERNATIF</strong>
              <span id="container-stars"><span id="stars"></span></span>
              <span id="glow"><span class="circle"></span><span class="circle"></span></span>
            </span>
          </a>

          <a href="https://lnkshort.net/gelaslogin1" target="_blank" rel="noopener nofollow" class="block">LOGIN</a>
          <a href="https://lnkshort.net/gelaslogin2" target="_blank" rel="noopener nofollow" class="block">DAFTAR</a>
        </div>
      </div>

      <p class="foot">
        Copyright &copy;2026 <strong><a href="https://www.maccsl.org/" rel="noopener">GELASTOGEL</a></strong> All rights Reserved
      </p>
    </div>
  </main>
</body>
</html>