Admin Control Panel v2.0

✎ Editing: esqueci_senha.php ← Back

<?php
session_start();
$flash = $_SESSION['reset_flash'] ?? '';
unset($_SESSION['reset_flash']);
?>
<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <title>Recuperar senha</title>
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
  
  <link rel="stylesheet" href="css/baseingressos.css">
  <link rel="stylesheet" href="css/header.css">
  <link rel="stylesheet" href="css/footer.css">
  <style>
    /* ===== Página Esqueci Senha (escopo próprio) ===== */

/* espaço seguro sob header fixo e respiro lateral */

body {
        padding-top: 70px;
        margin: 0;
    }
    .page-reset{
      padding: 32px 16px;
    }

.reset-card{
      max-width: 520px;
      margin: 0 auto;                 /* centro perfeito */
      background: #fff;
      padding: 28px;
      border-radius: 12px;
      box-shadow: 0 2px 12px rgba(0,0,0,.06);
      box-sizing: border-box;
    }
    .reset-card *{ box-sizing: border-box; }

.reset-card h2{
      margin: 0 0 8px;
      text-align: left;
      font-weight: 700;
    }

.muted{
      color:#555;
      font-size: 14px;
      margin: 4px 0 14px 0;
      text-align: center;
      line-height: 1.45;
    }

.alert{
      margin: 10px 0 14px;
      padding: 10px 12px;
      border-radius: 8px;
      background:#e7f6ee;
      border:1px solid #b7e2cd;
      color:#196c3e;
      font-size:14px;
      display:flex;
      gap:8px;
      align-items:center;
    }

.reset-form{
      display:flex;
      flex-direction:column;
      gap:12px;
    }

.reset-form label{
      display:block;
      font-weight:600;
      margin-bottom:6px;
    }

.reset-form input[type="text"]{
      width:100%;
      padding:12px 14px;
      border:1px solid #e5e7eb;
      border-radius:8px;
      font-size:15px;
      background:#fff;
    }

/* remove autofill forte do WebKit */
    .reset-form input:-webkit-autofill{
      -webkit-box-shadow:0 0 0 1000px #fff inset !important;
      -webkit-text-fill-color:#111 !important;
    }

.btn-primary{
      width:100%;
      padding:12px 16px;
      border:none;
      border-radius:8px;
      background:var(--cor-primaria);
      color:#fff;
      font-weight:600;
      cursor:pointer;
      transition:filter .2s ease;
      margin-top:2px;
    }
    .btn-primary:hover{ filter:brightness(.95); }

.links{
      margin-top:10px;
      text-align:center;
      font-size:14px;
    }
    .links a{
      color:var(--cor-primaria);
      text-decoration:none;
    }
    .links a:hover{ text-decoration:underline; }

@media (max-width: 480px){
      .page-reset{ padding: 24px 12px; }
      .reset-card{ padding: 22px; }
      .muted{ text-align:left; }
    }
  </style>
</head>
<body>

<?php include __DIR__ . '/includes/header.php'; ?>

<main class="page-reset">
  <section class="reset-card">
    <h2>Recuperar senha</h2>

<?php if ($flash): ?>
      <div class="alert">
        <i class="fa-solid fa-circle-info"></i>
        <span><?= htmlspecialchars($flash) ?></span>
      </div>
    <?php endif; ?>

<p class="muted">
      Digite seu <strong>e-mail</strong> ou <strong>CPF</strong> cadastrado. Se existir uma conta, enviaremos um link para redefinir sua senha.
    </p>

<button type="submit" class="btn-primary">
        Enviar link de redefinição
      </button>
    </form>

<div class="links">
      <a href="login.php"><i class="fa-solid fa-arrow-left"></i> Voltar para o login</a>
    </div>
  </section>
</main>

<?php include __DIR__ . '/footer.php'; ?>
</body>
</html>

Cancel