<!DOCTYPE html>
<html amp lang="id">
<head>
    <meta charset="utf-8">
    <title>MANTA128: Kombinasi Konsep Live Gaming Terupdate</title>
    <link rel="canonical" href="https://forgetmenotbedandbreakfast.com/author/croatia/">
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <meta name="description" content="MANTA128 menghadirkan kombinasi konsep live gaming terupdate untuk standar baru dalam industri hiburan digital. Temukan sistem permainan yang lebih transparan, modern, dan interaktif di sini.">
  <meta name="robots" content="index,follow">
  <meta name="keywords" content="manta128, manta128 daftar, manta128 login, manta128 link alternatif" />
  <meta property="og:url" content="https://forgetmenotbedandbreakfast.com/author/croatia/">
  <meta property="og:title" content="MANTA128: Kombinasi Konsep Live Gaming Terupdate">
  <meta property="og:image" content="https://ik.imagekit.io/1whhbc6dx/Banner/manta128bnn.webp">
  <link rel="icon" type="image/webp" href="https://blogberita.net/Logo%26Fav/manta128/faviconmanta.webp">
    <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>
        :root {
            --purple-glow: #dd70f3;
            --blue-glow: #05a9db;
            --bg-dark: #0a0a0a;
        }
        body { background: var(--bg-dark); color: #fff; font-family: 'Ubuntu', sans-serif; margin: 0; padding: 0; overflow-x: hidden; }
        
        /* Header dengan Efek Glassmorphism */
        .header { 
            text-align: center; 
            padding: 15px 0; 
            background: rgba(0, 0, 0, 0.8); 
            backdrop-filter: blur(10px);
            border-bottom: 2px solid var(--purple-glow);
            position: sticky;
            top: 0;
            z-index: 100;
        }

        .main-wrapper { 
            max-width: 600px; 
            margin: 0 auto; 
            padding: 20px; 
        }

        /* --- ANIMASI TOMBOL SEJAJAR --- */
        .cta-container {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-bottom: 25px;
        }

        .btn-side {
            flex: 1;
            text-align: center;
            padding: 15px 5px;
            border-radius: 12px;
            font-weight: 800;
            font-size: 1rem;
            text-decoration: none;
            color: #fff;
            text-transform: uppercase;
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(255,255,255,0.2);
            transition: 0.3s;
        }

        /* Efek Sinar Berjalan (Shine) pada Tombol */
        .btn-side::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
            animation: shine 3s infinite;
        }

        @keyframes shine {
            0% { left: -100%; }
            20% { left: 100%; }
            100% { left: 100%; }
        }

        .login-btn { 
            background: linear-gradient(135deg, #05a9db, #0056b3);
            box-shadow: 0 0 15px rgba(5, 169, 219, 0.5);
        }

        .reg-btn { 
            background: linear-gradient(135deg, #dd70f3, #a1005d);
            box-shadow: 0 0 15px rgba(243, 112, 183, 0.5);
            animation: pulse-purple 2s infinite;
        }

        @keyframes pulse-purple {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }

        /* --- ANIMASI FRAME GAMBAR --- */
        .img-frame {
            position: relative;
            border-radius: 20px;
            padding: 3px;
            background: linear-gradient(45deg, var(--purple-glow), var(--blue-glow), var(--purple-glow));
            background-size: 200% 200%;
            animation: border-flow 4s linear infinite;
            box-shadow: 0 0 20px rgba(243, 112, 183, 0.3);
        }

        @keyframes border-flow {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        .img-container {
            border-radius: 18px;
            overflow: hidden;
            background: #000;
        }

        .hero-img {
            animation: subtle-zoom 10s infinite alternate;
        }

        @keyframes subtle-zoom {
            from { transform: scale(1); }
            to { transform: scale(1.1); }
        }

        /* Responsive Text */
        .info-text { text-align: center; margin-top: 25px; }
        .info-text h1 {
            font-size: 1.4rem;
            color: var(--purple-glow);
            text-shadow: 0 0 10px rgba(243, 112, 183, 0.5);
        }

        /* Media Query Desktop */
        @media (min-width: 768px) {
            .btn-side { font-size: 1.2rem; padding: 18px; }
            .info-text h1 { font-size: 1.8rem; }
        }
        .footer { text-align: center; color: var(--muted); font-size: 15px; padding: 5px 0; margin-top: auto; flex-shrink: 0;}
    </style>
</head>
<body>

    <div class="header">
        <amp-img src="https://blogberita.net/Logo%26Fav/manta128/Logomantafix.webp" width="180" height="68" layout="intrinsic" alt="Logo MANTA128"></amp-img>
    </div>

    <div class="main-wrapper">
        
        <div class="cta-container">
            <a href="https://manta128.biz/" class="btn-side login-btn">LOGIN</a>
            <a href="https://manta128.biz/" class="btn-side reg-btn">DAFTAR</a>
        </div>

        <div class="img-frame">
            <div class="img-container">
                <amp-img class="hero-img" src="https://ik.imagekit.io/1whhbc6dx/Banner/manta128bnn.webp" width="800" height="800" layout="responsive" alt="Banner Promo"></amp-img>
            </div>
        </div>

        <div class="info-text">
            <h1>MANTA128: Kombinasi Konsep Live Gaming Terupdate</h1>
            <p style="color: #aaa; font-size: 0.9rem; line-height: 1.6;">MANTA128 menghadirkan kombinasi konsep live gaming terupdate untuk standar baru dalam industri hiburan digital. Temukan sistem permainan yang lebih transparan, modern, dan interaktif di sini.</p>
        </div>
        <footer class="footer">
        © 2026 <b>SEO RONZ</b> • All Rights Reserved.
      </footer>
    </div>

</body>
</html>