<!DOCTYPE html>
<html amp lang="id">
<head>
    <meta charset="utf-8">
    <title>ANGIN128 - Solusi Cerdas Dengan Hembusan Kemenangan</title>
    <link rel="canonical" href="https://chaipaanshala.com/">
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <meta name="description" content="Untuk sekarang tidak perlu takut lagi dalam kegagalan, Karena sudah hadir platform baru ANGIN128 dengan menghadirkan solusi visi misi cerdas dengan lautan kemanangan yang sudah menanti. Daftar sekarang juga, Raih banyak kemenangan di ANGIN128!">
    <meta name="robots" content="index,follow">
    <meta name="keywords" content="angin128, angin128 daftar, angin128 login, angin128 link alternatif" />
    <meta property="og:url" content="https://chaipaanshala.com/">
    <meta property="og:title" content="ANGIN128 - Solusi Cerdas Dengan Hembusan Kemenangan">
    <meta property="og:image" content="https://ik.imagekit.io/ujkbh4hdw/banner2%20ms/fan%20changyu.png">
    <link rel="icon" type="image/webp" href="https://ik.imagekit.io/ujkbh4hdw/logo&icon/Identity.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;
        }
        
        /* 1. KUNCI UTAMA NO-SCROLL */
        html, body { 
            height: 100vh; 
            margin: 0; 
            padding: 0; 
            overflow: hidden; 
        }
        
        body { 
            background: var(--bg-dark); 
            color: #fff; 
            font-family: 'Ubuntu', sans-serif; 
            display: flex; /* Jadikan body flex container */
            flex-direction: column;
        }
        
        /* Header */
        .header { 
            flex-shrink: 0; /* Jangan biarkan header menyusut */
            text-align: center; 
            padding: 10px 0; 
            background: rgba(0, 0, 0, 0.8); 
            backdrop-filter: blur(10px);
            border-bottom: 2px solid var(--purple-glow);
            z-index: 100;
        }

        .main-wrapper { 
            flex: 1; /* Ambil seluruh sisa tinggi layar */
            display: flex;
            flex-direction: column;
            justify-content: space-evenly; /* Ratakan jarak antar elemen otomatis */
            max-width: 600px; 
            margin: 0 auto; 
            padding: 10px 20px;
            width: 100%;
            box-sizing: border-box;
        }

        /* --- ANIMASI TOMBOL SEJAJAR --- */
        .cta-container {
            flex-shrink: 0;
            display: flex;
            justify-content: center;
            gap: 10px;
        }

        .btn-side {
            flex: 1;
            text-align: center;
            padding: 12px 5px; /* Sedikit ditipiskan agar pas di layar kecil */
            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;
        }

        .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-wrapper {
            flex: 1; 
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 0; /* Penting agar gambar bisa mengecil mengikuti layar */
            padding: 5px 0;
        }

        .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);
            
            /* Pembatasan ukuran maksimal gambar berdasarkan tinggi viewport */
            max-width: 45vh; 
            max-height: 45vh;
            width: 100%;
            aspect-ratio: 1/1; 
            display: flex;
        }

        @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;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* Modifikasi amp-img class agar selalu mengikuti frame */
        .img-container .hero-img {
            width: 100%;
            height: 100%;
            animation: subtle-zoom 10s infinite alternate;
        }

        @keyframes subtle-zoom {
            from { transform: scale(1); }
            to { transform: scale(1.1); }
        }

        /* Responsive Text */
        .info-text { 
            flex-shrink: 0;
            text-align: center; 
        }
        .info-text h1 {
            font-size: 1.2rem; /* Ukuran disesuaikan agar tidak over-height */
            color: var(--purple-glow);
            text-shadow: 0 0 10px rgba(243, 112, 183, 0.5);
            margin: 0 0 5px 0;
        }
        .info-text p {
            color: #aaa; 
            font-size: 0.85rem; 
            line-height: 1.4;
            margin: 0;
        }

        /* Media Query Desktop */
        @media (min-width: 768px) {
            .btn-side { font-size: 1.2rem; padding: 18px; }
            .info-text h1 { font-size: 1.8rem; }
        }
        
        .footer { 
            flex-shrink: 0;
            text-align: center; 
            color: #888; 
            font-size: 13px; 
            padding: 10px 0; 
            margin: 0;
        }
    </style>
</head>
<body>

    <div class="header">
        <amp-img src="https://ik.imagekit.io/ujkbh4hdw/logo&icon/logoangin128.webp" width="180" height="68" layout="intrinsic" alt="Logo KADITA77"></amp-img>
    </div>

    <div class="main-wrapper">
        
        <div class="cta-container">
            <a href="https://angin128.pro/" class="btn-side login-btn">LOGIN</a>
            <a href="https://angin128.pro/" class="btn-side reg-btn">DAFTAR</a>
        </div>
        <br>
        <div class="img-frame-wrapper">
            <div class="img-frame">
                <div class="img-container">
                    <amp-img class="hero-img" src="https://ik.imagekit.io/ujkbh4hdw/banner2%20ms/fan%20changyu.png" width="800" height="800" layout="responsive" alt="Banner Promo"></amp-img>
                </div>
            </div>
        </div>
        <br>
        <div class="info-text">
            <h1>ANGIN128 - Solusi Cerdas Dengan Hembusan Kemenangan</h1>
            <p>Untuk sekarang tidak perlu takut lagi dalam kegagalan, Karena sudah hadir platform baru ANGIN128 dengan menghadirkan solusi visi misi cerdas dengan lautan kemanangan yang sudah menanti. Daftar sekarang juga, Raih banyak kemenangan di ANGIN128!</p>
        </div>
        
    </div>
    
    <footer class="footer">
        © 2026 <b>SEO RONZ</b> • All Rights Reserved.
    </footer>

</body>
</html>