<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
<title>MG-LOIN · Aviator Signal</title>
<!-- Meta Pixel (Facebook) -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2176228589839441');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=2176228589839441&ev=PageView&noscript=1"
/></noscript>
<!-- end Meta Pixel -->
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: radial-gradient(circle at 20% 10%, #1a3a4a, #08161f);
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
margin: 0;
color: #fff;
}
.container {
max-width: 400px;
width: 100%;
margin: 0 auto;
padding: 24px 20px 30px;
background: rgba(10, 25, 35, 0.5);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
border-radius: 48px 48px 32px 32px;
box-shadow: 0 20px 40px rgba(0,0,0,0.7), inset 0 0 0 1px rgba(255,215,0,0.15);
text-align: center;
}
.logo {
width: 130px;
height: auto;
margin: 6px auto 12px;
display: block;
filter: drop-shadow(0 0 16px rgba(255, 215, 0, 0.25));
transition: transform 0.2s ease;
}
.logo:hover {
transform: scale(1.02);
}
h1 {
font-size: 1.7rem;
font-weight: 800;
letter-spacing: -0.5px;
margin: 8px 0 4px;
background: linear-gradient(135deg, #ffe680, #ffb347);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-shadow: 0 2px 10px rgba(255, 200, 0, 0.2);
}
.tagline {
font-size: 0.95rem;
font-weight: 400;
opacity: 0.8;
letter-spacing: 0.3px;
margin-bottom: 18px;
background: rgba(255,255,240,0.03);
padding: 4px 12px;
border-radius: 40px;
display: inline-block;
}
.timer {
display: flex;
justify-content: center;
gap: 18px;
margin: 18px 0 22px;
}
.time-box {
background: linear-gradient(145deg, #f6c445, #e6a800);
color: #0c1f2b;
padding: 10px 6px 6px;
border-radius: 20px;
min-width: 80px;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.6), inset 0 1px 2px rgba(255, 245, 180, 0.6);
border-bottom: 2px solid #ffdd77;
}
.time-box span {
font-size: 2.2rem;
font-weight: 800;
display: block;
line-height: 1.2;
letter-spacing: 2px;
color: #0b1a22;
}
.small {
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 1.5px;
font-weight: 600;
opacity: 0.8;
margin-top: -2px;
color: #1d2f3a;
}
.cta {
margin: 26px 0 16px;
}
.btn {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
background: linear-gradient(135deg, #0099ff, #0066dd);
padding: 18px 20px;
border-radius: 80px;
color: white;
font-weight: 700;
font-size: 1.2rem;
text-decoration: none;
box-shadow: 0 10px 28px rgba(0, 100, 255, 0.4);
transition: all 0.2s ease;
border: none;
width: 100%;
letter-spacing: 0.3px;
background-image: linear-gradient(135deg, #00b4ff, #0066dd);
border: 1px solid rgba(255,255,255,0.15);
cursor: pointer;
position: relative;
overflow: hidden;
}
.btn::after {
content: "⚡";
font-size: 1.5rem;
filter: drop-shadow(0 0 4px rgba(255,255,200,0.6));
}
.btn:hover {
transform: scale(1.02);
box-shadow: 0 12px 32px rgba(0, 120, 255, 0.6);
background: linear-gradient(135deg, #1ab2ff, #0072f0);
}
.btn:active {
transform: scale(0.96);
box-shadow: 0 4px 12px rgba(0, 80, 200, 0.7);
}
.btn .telegram-icon {
display: inline-block;
width: 28px;
height: 28px;
background: white;
border-radius: 50%;
color: #0088cc;
line-height: 28px;
font-size: 18px;
font-weight: bold;
text-align: center;
background: #fff;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
flex-shrink: 0;
}
.btn .btn-text {
flex: 1;
text-align: center;
}
.rating {
font-size: 0.95rem;
margin-top: 6px;
background: rgba(255,215,0,0.08);
padding: 6px 12px;
border-radius: 40px;
display: inline-block;
backdrop-filter: blur(2px);
letter-spacing: 0.5px;
}
.disclaimer {
font-size: 0.7rem;
opacity: 0.6;
margin-top: 24px;
line-height: 1.6;
border-top: 1px solid rgba(255,215,0,0.1);
padding-top: 18px;
letter-spacing: 0.2px;
color: #bcd0db;
}
footer {
font-size: 0.65rem;
margin-top: 16px;
opacity: 0.5;
letter-spacing: 1px;
}
@media (max-width: 420px) {
.container { padding: 20px 14px; }
.time-box { min-width: 70px; }
.time-box span { font-size: 1.9rem; }
.btn { font-size: 1rem; padding: 16px 14px; }
}
.step-hint {
font-size: 0.75rem;
opacity: 0.65;
margin-top: 10px;
background: rgba(0,0,0,0.25);
padding: 6px 14px;
border-radius: 30px;
display: inline-block;
}
</style>
</head>
<body>
<div class="container">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='90' fill='%231a2f3b' stroke='%23ffd966' stroke-width='6'/%3E%3Ctext x='50' y='130' font-family='Arial' font-weight='900' font-size='70' fill='%23ffd966'%3EM%3C/text%3E%3Ctext x='110' y='130' font-family='Arial' font-weight='900' font-size='70' fill='%23ffb84d'%3EG%3C/text%3E%3Ctext x='38' y='170' font-family='Arial' font-weight='600' font-size='30' fill='%23ffd966' opacity='0.8'%3ELOIN%3C/text%3E%3C/svg%3E"
alt="MG LOIN" class="logo">
<h1>AVIATOR HACK SIGNAL</h1>
<div class="tagline">✦ Live insights · Community · 18+ ✦</div>
<div class="timer">
<div class="time-box">
<span id="minutes">01</span>
<div class="small">Min</div>
</div>
<div class="time-box">
<span id="seconds">00</span>
<div class="small">Sec</div>
</div>
</div>
<!-- CTA Button – opens proxy setup directly in Telegram (no new browser tab) -->
<div class="cta">
<a href="https://t.me/proxy?server=168.231.113.245&port=8443&secret=5c2bbfe7a68ea1a8d3a4958d7f2b890b"
class="btn"
id="telegramProxyBtn">
<span class="telegram-icon">✈️</span>
<span class="btn-text">Add Proxy & Join Channel</span>
</a>
</div>
<div class="step-hint">🔹 Tap to add proxy in Telegram · Then join channel</div>
<div class="rating">⭐ 4.9 · Community rated</div>
<div class="disclaimer">
18+ Only · Entertainment & educational purpose<br>
No guarantees · Participate responsibly
</div>
<footer>© 2026 Aviator · MG-LOIN</footer>
</div>
<script>
(function() {
// Timer countdown (60 sec reset)
function startTimer(duration) {
let timer = duration;
const minutesEl = document.getElementById('minutes');
const secondsEl = document.getElementById('seconds');
function updateDisplay() {
let mins = Math.floor(timer / 60);
let secs = timer % 60;
minutesEl.textContent = String(mins).padStart(2, '0');
secondsEl.textContent = String(secs).padStart(2, '0');
}
updateDisplay();
const interval = setInterval(() => {
timer -= 1;
if (timer < 0) {
timer = duration;
}
updateDisplay();
}, 1000);
}
startTimer(60);
// Track button click (optional)
const proxyBtn = document.getElementById('telegramProxyBtn');
if (proxyBtn) {
proxyBtn.addEventListener('click', function(e) {
if (typeof fbq !== 'undefined') {
fbq('track', 'AddProxyClick');
}
// The link will open in the same tab, but Telegram app will intercept it.
// No new browser window opens.
});
}
})();
</script>
</body>
</html>