


<!doctype html>
<html amp lang="id">
  <head>
    <meta charset="utf-8">
    <script async src="https://cdn.ampproject.org/v0.js"></script>
    <title>CERI123 เว็บไซต์ความบันเทิงออนไลน์อย่างเป็นทางการ ปลอดภัยและได้รับความไว้วางใจ</title>
    <meta name="description" content="CERI123 แพลตฟอร์มบันเทิงออนไลน์ครบวงจร รวมเกมคุณภาพจากผู้ให้บริการชื่อดัง รองรับการเล่นผ่านสมาร์ตโฟนทุกรุ่น ใช้ดาต้าน้อย เล่นได้ต่อเนื่องไม่มีสะดุด ให้คุณสัมผัสประสบการณ์ความสนุกสุดเร้าใจ พร้อมโมเมนต์พิเศษที่เต็มไปด้วยความประทับใจ.">
    <meta name="author" content="CERI123">
    <meta name="robots" content="index, follow">
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <meta name="theme-color" content="#ff0000">
    <link rel="canonical" href="https://ceri123spin.com/">
    <link rel="icon" type="image/png" href="https://ceri123spin.com/faviconceri123.png">
    <meta property="og:url" content="https://ceri123spin.com/">
    <meta property="og:title" content="CERI123 เว็บไซต์ความบันเทิงออนไลน์อย่างเป็นทางการ ปลอดภัยและได้รับความไว้วางใจ">
    <meta property="og:description" content="CERI123 แพลตฟอร์มบันเทิงออนไลน์ครบวงจร รวมเกมคุณภาพจากผู้ให้บริการชื่อดัง รองรับการเล่นผ่านสมาร์ตโฟนทุกรุ่น ใช้ดาต้าน้อย เล่นได้ต่อเนื่องไม่มีสะดุด ให้คุณสัมผัสประสบการณ์ความสนุกสุดเร้าใจ พร้อมโมเมนต์พิเศษที่เต็มไปด้วยความประทับใจ.">
    <meta property="og:image" content="https://ceri123spin.com/bannerceri123.jpg">
    <meta property="og:site_name" content="CERI123">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:url" content="https://ceri123spin.com/">
    <meta name="twitter:title" content="CERI123 เว็บไซต์ความบันเทิงออนไลน์อย่างเป็นทางการ ปลอดภัยและได้รับความไว้วางใจ">
    <meta name="twitter:description" content="CERI123 แพลตฟอร์มบันเทิงออนไลน์ครบวงจร รวมเกมคุณภาพจากผู้ให้บริการชื่อดัง รองรับการเล่นผ่านสมาร์ตโฟนทุกรุ่น ใช้ดาต้าน้อย เล่นได้ต่อเนื่องไม่มีสะดุด ให้คุณสัมผัสประสบการณ์ความสนุกสุดเร้าใจ พร้อมโมเมนต์พิเศษที่เต็มไปด้วยความประทับใจ.">
    <meta name="twitter:image" content="https://ceri123spin.com/bannerceri123.jpg">
    <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>
      body {
        margin: 0;
        padding: 0;
        font-family: Arial, sans-serif;
        background-image: url(https://ceri123spin.com/bannerceri123.jpg);
        background-size: cover;
        background-position: center;
        background-attachment: fixed
      }

      .main-container {
        width: 100%;
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px;
        box-sizing: border-box;
        background: rgb(0 15 30 / .8)
      }

      /* Overlay Biru Gelap */
      .content-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 550px
      }

      /* Glow Box Biru Muda */
      .glow-box {
        width: 100%;
        background: rgb(231 8 65 / 11%);
        border: 1px solid #ff0055;
        border-radius: 8px;
        overflow: hidden;
        font-size: 14px;
        animation: glow 1.8s infinite alternate
      }

      @keyframes glow {
        0% {
          box-shadow: 0 0 6px #00e1ff
        }

        100% {
          box-shadow: 0 0 20px #e914c7
        }
      }

      .logo-container {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 15px
      }

      .title-text {
        color: #fff;
        font-size: 16px;
        text-align: center;
        font-weight: 700;
        line-height: 1.4;
        margin: 16px;
        text-shadow: 0 0 5px #018657
      }

      .flash-img-wrapper {
        position: relative;
        overflow: hidden;
        margin: 15px;
        border-radius: 12px;
        display: block;
        width: auto
      }

      /* Animasi Flash Biru */
      .flash-img-wrapper::after {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 50%;
        height: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 0, 0, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
        animation: flashMove 2s linear infinite;
        z-index: 2;
        pointer-events: none
      }

      @keyframes flashMove {
        0% {
          left: -100%
        }

        100% {
          left: 150%
        }
      }

      .wave-effect {
        animation: wave 3s ease-in-out infinite;
        transform-origin: center;
        border-radius: 12px
      }

      @keyframes wave {
        0% {
          transform: scale(1) skewX(0deg)
        }

        25% {
          transform: scale(1.02) skewX(2deg)
        }

        50% {
          transform: scale(1) skewX(0deg)
        }

        75% {
          transform: scale(1.02) skewX(-2deg)
        }

        100% {
          transform: scale(1) skewX(0deg)
        }
      }

      .button-container {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 16px;
        box-sizing: border-box;
        padding: 0 15px;
        gap: 15px
      }

      /* Tombol Biru Gacor */
      .action-btn {
        flex: 1;
        background: linear-gradient(180deg, #f70f4d, #d12943);
        height: 44px;
        line-height: 44px;
        text-align: center;
        color: #fff;
        font-weight: 700;
        font-size: 16px;
        text-decoration: none;
        border-radius: 6px;
        font-family: 'Segoe UI', sans-serif;
        box-shadow: 0 0 10px rgb(223 20 108 / 77%);
        display: block;
        transition: 0.3s
      }

      hr {
        border: 0;
        border-top: 1px solid rgba(0, 212, 255, 0.3);
        margin: 0;
      }
    </style>
  </head>
  <body>
    <div class="main-container">
      <div class="content-wrapper">
        <div class="glow-box">
          <div class="logo-container">
            <amp-img src="https://ceri123spin.com/logoceri123.png" alt="Logo CERI123" width="250" height="75" layout="intrinsic"></amp-img>
          </div><br>
          <hr>
          <div class="button-container"><a href="https://dub.sh/LinkLoginResmi" class="action-btn">REGISTER CERI123</a><a href="https://dub.sh/LinkLoginResmi" class="action-btn">LOGIN CERI123</a></div>
          <hr>
          <div class="flash-img-wrapper">
            <amp-img class="wave-effect" src="https://ceri123spin.com/bannerceri123.jpg" alt="Banner CERI123" width="500" height="500" layout="responsive"></amp-img>
          </div>
          <hr>
          <div class="button-container"><a href="https://dub.sh/LinkLoginResmi" class="action-btn">REGISTER CERI123</a><a href="https://dub.sh/LinkLoginResmi" class="action-btn">LOGIN CERI123</a></div>
          <hr>
          <h1 class="title-text">Copyright © 2026 ⋆ FANTHA23 ⋆ All rights reserved.</h1>
        </div>
      </div>
    </div>
  </body>
</html>