<!--
                        ░▒▒▓▓▓▓▓▓▓▒▒              ██████╗ ██████╗ ██╗ █████╗     ███████╗ ██████╗ ██╗      ██████╗
                   ░▒▒▓▓█████████████▓░           ██╔══██╗██╔══██╗██║██╔══██╗    ██╔════╝██╔═══██╗██║     ██╔═══██╗
                ░▒██████▓▒▒▒▒▒▒▒    ▒▓█▒          ██████╔╝██████╔╝██║███████║    ███████╗██║   ██║██║     ██║   ██║
               ▒███████░       ░       ▒▒         ██╔═══╝ ██╔══██╗██║██╔══██║    ╚════██║██║   ██║██║     ██║   ██║
              ▒███████▓   ░░░ ░         ░░        ██║     ██║  ██║██║██║  ██║    ███████║╚██████╔╝███████╗╚██████╔╝
             ▒▒▒███████▒░  ░             ░░       ╚═╝     ╚═╝  ╚═╝╚═╝╚═╝  ╚═╝    ╚══════╝ ╚═════╝ ╚══════╝ ╚═════╝
            ▒▒ ▒████▓█▓▒░    ░░           ▒
            ▒▒▓▒▒▒▒░▒▓░░   ▒██▓▓▓▓        ░░      ██╗███████╗    ██████╗  █████╗  ██████╗██╗  ██╗
            ▒▒▓     ▒▒   ░▒▓▒▒▒░ ▓█░░   ▒░░       ██║██╔════╝    ██╔══██╗██╔══██╗██╔════╝██║ ██╔╝
            ▒▒ ░▒       ░░▒▒▒▒▒░░ ▒▒  ░ ▒▓█░      ██║███████╗    ██████╔╝███████║██║     █████╔╝
            ▒▒▒▓▓▓░░░      ░     ▒█▒  ░▒░ ▒░      ██║╚════██║    ██╔══██╗██╔══██║██║     ██╔═██╗
            ░▓▓▒▒   ░    ░░░    ░▓█▓   ░░░░░      ██║███████║    ██████╔╝██║  ██║╚██████╗██║  ██╗
            ░▒░██  ░░      ░   ░▓█▓       ░░      ╚═╝╚══════╝    ╚═════╝ ╚═╝  ╚═╝ ╚═════╝╚═╝  ╚═╝
            ░▒ ▓▒▒           ░ ▒█▒ ░░░░░  ░░
             ░▒  ▒▒         ░ ░   ░░░░    ░        
              ▒█░░▒      ░   ▒   ░░       ░       
              ▒█         ░░ ░█▓▓▒▒░░ ░  ░▒         
              ▒▒           ░ ░▒░▒▒░ ░ ░ ░░         
             ░░ ░           ░       ░   ░
            ░░  ▒              ░       ░
           ░  ░  ▒▒░░░░░      ░      ░░
      ░░░ ▒▒░ ░░  ▒█▓▒▓▓░ ░░ ▒▓▓▓▒ ░░░
   ░░     ░▓▒      ░█▓ ▒▒▒▒▒▒  ▒▒▒▒░░
░░     ░░   ▓▒       ▒▒░   ▒░ ▒
     ░     ░░▓▒       ▒▒░    ▒▓░
  ░  ░        ▓▒       ░▒░   ██▒░░░
░       ░   ░ ░▓░        ▒ ░████▒  ░░
   ░  ▒    ░ ░  ▒         ░▒████▓░░
   ░░ ▓▓░   ▒ ░  ▒         ░▒▓███▒░
▓▒     ██░  ░▒░░ ▒▒      ▒▓█▓ ▒██▓▒
░▒▒░░  ▓██░  ░▓░ ░▓   ░▒▓▓█▓████▓██
  ░░▒  ░███░  ▒▓ ░█▒░▒▒ ░ ░▓███▓▒ █
 ░  ░▒░░███▓  ░▓▒░░░▒    ░████ ░▒ ▒░
  ░  ░░ ▓███▒  ░▓░       ▒███▒
▒▒    ░ ▒████  ░▓░  ░░░  ░███
▓▓▒     ░████▓  ▒▒   ░░   ▓█░
██▓░     ▓████░ ░▒        ▓█░
-->


<!DOCTYPE html>
<html amp lang="en-ID">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Emon77 Hiburan Terbaik Agen Toto 4D & Slot Online Paling Mantul Terbaik</title>
		<meta name="description" content="Jadikan Emon77 pilihan terbaik utama dalam hiburan toto 4d & slot online daring anda. Kami berkomitmen jadi pilihan terrbaik dengan kualitas tinggi untuk menjadi kepuasan dalam bermain untuk seluruh pelanggan kami." />
		<meta name="robots" content="index, follow, nosnippet">
		<meta name="googlebot" content="index, follow, nosnippet">
		<link href="https://asset.punyaemon77.com/faviconemon77.ico" rel="shortcut icon" type="image/x-icon" />
		<link rel="canonical" href="https://emon77mantul.org/" />
		<meta property="og:url" content="https://emon77mantul.org/" />
		<meta property="og:site_name" content="EMON77" />
		<meta property="og:image:alt" content="EMON77" />
		<meta name="publisher" content="EMON77">
		<meta name="keywords" content="EMON77">
		<meta property="og:image" content="https://cdn.punyaemon77.com/asset-images/new/em7%20(8)%20(11).webp" />
		<link rel="preload" as="script" href="https://cdn.ampproject.org/v0.js" />
		<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;
			}

			body {
				font-family: monospace;
				position: relative;
				margin: 0;
				min-height: 100vh;
				color: #fff;
				background-color: #000;
			}

			.container {
				max-width: 400px;
				height: 100vh;
				margin: 0 auto;
				padding: 15px;
				display: flex;
				flex-direction: column;
				justify-content: center;
				overflow: hidden;
				background: rgba(0, 0, 0, 0.6);
				border-radius: 10px;
			}

			.welcome {
				max-width: 350px;
				margin: 0 auto;
			}

			.welcome h1 {
				font-size: 12px;
				color: #fff;
				text-align: center;
				white-space: normal;
				word-wrap: break-word;
				letter-spacing: .09em;
			}

			@keyframes typing {
				from {
					width: 0
				}

				to {
					width: 100%
				}
			}

			@keyframes blink-caret {

				from,
				to {
					border-color: transparent
				}

				50% {
					border-color: linear-gradient(to bottom, #b700ff, #b700ff);
					;
				}
			}

			.banner {
				border-radius: 10px;
			}

			.btn-login,
			.btn-daftar {
				display: block;
				padding: 14px 18px;
				color: #041526;
				font-family: monospace;
				font-size: 18px;
				font-weight: bold;
				letter-spacing: .12em;
				text-decoration: none;
				text-align: center;
				margin-top: 12px;
				border: 1px solid #b700ff;
				border-radius: 12px;
				background: linear-gradient(180deg, #b700ff 0%, #b700ff 45%, #b700ff 100%);
				box-shadow: 0 4px 0 #b700ff, 0 6px 18px #b700ff, inset 0 1px 0 rgba(255, 255, 255, .55);
				text-shadow: 0 1px 0 rgba(255, 255, 255, .35);
				position: relative;
				z-index: 2;
				overflow: hidden;
				transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
			}

			.btn-login::before,
			.btn-daftar::before {
				content: "";
				position: absolute;
				top: 0;
				bottom: 0;
				left: -60%;
				width: 40%;
				background: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .65) 50%, rgba(255, 255, 255, 0) 100%);
				transform: skewX(-20deg);
				animation: btn-shine 3.2s ease-in-out infinite;
			}

			.btn-daftar::before {
				animation-delay: .5s;
			}

			.btn-login:hover,
			.btn-daftar:hover,
			.btn-login:focus,
			.btn-daftar:focus {
				transform: translateY(-2px);
				filter: brightness(1.08);
				box-shadow: 0 6px 0 #b700ff, 0 10px 26px #b700ff, inset 0 1px 0 rgba(255, 255, 255, .7);
			}

			.btn-login:active,
			.btn-daftar:active {
				transform: translateY(2px);
				box-shadow: 0 1px 0 #b700ff, 0 3px 10px #b700ff, inset 0 2px 6px rgba(0, 0, 0, .3);
			}

			@keyframes btn-shine {
				0% {
					left: -60%;
				}

				60%,
				100% {
					left: 130%;
				}
			}

			.copyright {
				text-align: center;
				color: #ffffff96;
			}

			.nagaterbang {
				position: fixed;
				z-index: 1;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				margin: auto;
			}

			.meteors {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				overflow: hidden;
				z-index: -1;
				pointer-events: none;
			}

			.meteor {
				position: absolute;
				top: -10%;
				left: 90%;
				width: 10px;
				height: 5px;
				border-radius: 50%;
				background: #b700ff;
				box-shadow: 0 0 6px 1px #b700ff;
				animation: meteor-fall linear infinite;
			}

			.meteor::before {
				content: "";
				position: absolute;
				top: 50%;
				right: 0;
				transform: translateY(-50%);
				width: 90px;
				height: 1px;
				background: linear-gradient(to left, #b700ff, rgba(212, 175, 55, 0));
			}

			@keyframes meteor-fall {
				0% {
					transform: rotate(215deg) translateX(0);
					opacity: 1;
				}

				70% {
					opacity: 1;
				}

				100% {
					transform: rotate(215deg) translateX(-620px);
					opacity: 0;
				}
			}

			.meteor:nth-child(1) { left: 10%; animation-duration: 3.2s; animation-delay: 0s; }
			.meteor:nth-child(2) { left: 25%; animation-duration: 4.1s; animation-delay: .8s; }
			.meteor:nth-child(3) { left: 40%; animation-duration: 2.8s; animation-delay: 1.6s; }
			.meteor:nth-child(4) { left: 55%; animation-duration: 3.6s; animation-delay: .4s; }
			.meteor:nth-child(5) { left: 65%; animation-duration: 4.4s; animation-delay: 2.2s; }
			.meteor:nth-child(6) { left: 78%; animation-duration: 3s; animation-delay: 1.1s; }
			.meteor:nth-child(7) { left: 88%; animation-duration: 3.9s; animation-delay: 2.7s; }
			.meteor:nth-child(8) { left: 95%; animation-duration: 2.6s; animation-delay: 1.9s; }

		</style>
	</head>
	<body>
		<div class="meteors">
			<span class="meteor"></span>
			<span class="meteor"></span>
			<span class="meteor"></span>
			<span class="meteor"></span>
			<span class="meteor"></span>
			<span class="meteor"></span>
			<span class="meteor"></span>
			<span class="meteor"></span>
		</div>
		<div class="container">
			<header>
				<center>
					<a href="https://emon77.cloudflarerobotasset.com/login1">
						<amp-img id="image" class="animated tada infinite slower" src="https://cdn.punyaemon77.com/asset/js/logo_emon771.png" alt="EMON77" width="400" height="100" layout="intrinsic"></amp-img>
					</a>
				</center>
			</header>
			<div class="welcome">
				<h1>SELAMAT DATANG DI EMON77</h1>
			</div>
			<a href="https://emon77.cloudflarerobotasset.com/login2" target="_blank" rel="noopener noreferrer"> 
				<amp-img src="https://cdn.punyaemon77.com/asset-images/new/em7%20(8)%20(11).webp" width="500" height="500" layout="intrinsic" class="banner" alt="EMON77"> 
				</amp-img> 
			</a>
			<a href="https://emon77.cloudflarerobotasset.com/login1" target="_blank" rel="noreferrer noopener" role="button" class="btn-login">LOGIN EMON77</a>
			<a href="https://emon77.cloudflarerobotasset.com/login2" target="_blank" rel="noreferrer noopener" role="button" class="btn-daftar">DAFTAR EMON77</a>
			<a href="https://emon77.cloudflarerobotasset.com/login1" target="_blank" rel="noreferrer noopener" role="button" class="btn-daftar">LINK ALTERNATIF EMON77</a>
			<div style="background:#000; display:flex; justify-content:center; align-items:center; 
        padding:8px; max-width:320px; margin:0 auto; border-radius:10px;">
			</div>
			<p class="copyright" style="color:#b700ff; font-size:14px; text-align:center; margin-top:8px;">© 2026 EMON77 x PRIA SOLO</a>
			</p>
		</div>
	</body>
</html>