<?php
	if ($m_access!=1) {
		echo 'No indexed. Error number: 281';
		exit;
	}
?>
<!doctype html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Recuperación de Cuenta - L2JADE</title>
    <link href="https://fonts.googleapis.com/css2?family=Modern+Antiqua&display=swap" rel="stylesheet">
    <style>
      /* Variables y estilos base */
      :root {
        --jade: #38b2ac;
        --jade-light: #4fd1cc;
        --jade-dark: #2c8a86;
        --bg-dark: #0a0a12;
        --bg-darker: #080810;
        --bg-lighter: #1c1e2d;
        --text-light: #ffffff;
        --text-muted: rgba(255, 255, 255, 0.7);
      }
      
      * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }
      
      body {
        font-family: 'Modern Antiqua', serif;
        color: var(--text-light);
        background-color: #f7f7f7;
        line-height: 1.6;
        margin: 0;
        padding: 0;
      }
      
      /* Estructura del email */
      .email-container {
        max-width: 600px;
        margin: 0 auto;
        background-color: var(--bg-darker);
        border: 1px solid rgba(255, 255, 255, 0.05);
      }
      
      /* Logo */
      .logo-container {
        text-align: center;
        padding: 30px 0;
        background-color: var(--bg-dark);
      }
      
      .logo {
        max-width: 150px;
        height: auto;
      }
      
      /* Contenido */
      .content {
        padding: 40px 30px 30px;
        background-color: var(--bg-darker);
        text-align: center;
      }
      
      .title {
        color: var(--text-light);
        font-size: 24px;
        font-weight: normal;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 30px;
      }
      
      p {
        margin-bottom: 25px;
        font-size: 16px;
        color: var(--text-light);
        text-align: center;
        line-height: 1.5;
      }
      
      /* Botón */
      .btn-wrapper {
        text-align: center;
        margin: 30px 0;
      }
      
      .btn-register {
        display: inline-block;
        padding: 12px 30px;
        background: linear-gradient(to right, #38b2ac, #4fd1cc);
        color: #FFFFFF;
        text-decoration: none;
        border-radius: 6px;
        font-size: 16px;
        font-weight: normal;
        margin: 20px 0;
        transition: all 0.3s ease;
        border: none;
        box-shadow: 0 4px 10px rgba(56, 178, 172, 0.3);
      }
      
      .btn-register:hover {
        background: linear-gradient(to right, #4fd1cc, #38b2ac);
        box-shadow: 0 6px 15px rgba(56, 178, 172, 0.4);
      }
      
      .btn-text {
        color: #FFFFFF;
      }
      
      /* Divisor decorativo */
      .divider {
        height: 1px;
        background: linear-gradient(to right, transparent, var(--jade-dark), transparent);
        margin: 30px auto;
        width: 80%;
      }
      
      /* Pie de página */
      .footer {
        padding: 20px;
        text-align: center;
        background-color: var(--bg-dark);
        border-top: 1px solid rgba(255, 255, 255, 0.05);
      }
      
      .footer p {
        color: var(--text-muted);
        font-size: 14px;
        margin-bottom: 0;
      }
      
      /* Estilos responsivos */
      @media only screen and (max-width: 600px) {
        .content {
          padding: 30px 20px;
        }
        
        .title {
          font-size: 22px;
        }
        
        .btn-register {
          padding: 10px 25px;
          font-size: 15px;
        }
      }
    </style>
  </head>
  <body>
    <div class="email-container">
      <!-- Logo -->
      <div class="logo-container">
        <img src="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/logo-wLBB9y6KreoxJBVQKAJj1BZ1eqO9f4.png" alt="L2JADE Logo" class="logo">
      </div>
      
      <!-- Contenido principal -->
      <div class="content">
        <h1 class="title">Recuperación de Cuenta</h1>
        
        <p>Para restablecer su contraseña, por favor acceda al siguiente enlace para crear una nueva.</p>
        
        <div class="btn-wrapper">
          <a href="<?=$url_msg?>" class="btn-register" target="_blank">
            <span class="btn-text">Recuperar Contraseña</span>
          </a>
        </div>
        
        <p>¡Le deseamos una excelente experiencia de juego!</p>
        
        <div class="divider"></div>
      </div>
      
      <!-- Pie de página -->
      <div class="footer">
        <p>&copy; <?php echo date('Y'); ?> L2JADE. Todos los derechos reservados.</p>
      </div>
    </div>
  </body>
</html>