% extends 'base.html' %}



<style>
  .et-pw-box { background:#0f172a; color:#fff; font-family:'SF Mono',Menlo,Consolas,monospace; font-size:1.1rem; letter-spacing:.15em; padding:.85rem 1rem; border-radius:.5rem; text-align:center; user-select:all; }
  .et-copy-btn { white-space:nowrap; min-width:90px; }
  .et-copy-btn.copied { background:#16a34a !important; border-color:#16a34a !important; }
  .et-card { max-width:440px; margin:60px auto; padding:30px; background:#fff; border-radius:14px; box-shadow:0 4px 30px rgba(0,0,0,.08); }
  .et-card h4 { margin-top:0; }
  .et-card .form-control { padding:.75rem; border-radius:8px; border:1px solid #e1e8ed; width:100%; }
  .et-card .btn { padding:.75rem; border-radius:8px; font-weight:600; width:100%; border:none; cursor:pointer; }
  .et-btn-primary { background:#6C3AE8; color:white; }
  .et-btn-dark { background:#0f172a; color:white; }
</style>

<div class="et-card">
  
    <h4>Forgot your password?</h4>
    <p style="color:#666;font-size:.9rem;margin-bottom:18px;">Enter your email below. If we find your account, we'll show you a new temporary password and email it as a backup.</p>
    
    <form method="post">
      <input type="hidden" name="csrfmiddlewaretoken" value="N5ELxcXF70CsZj70ahTbI0EyDviIi46awsvkKxZ1q6NC0ZexguDZwV92u8aPHYM8">
      <div style="position:absolute;left:-9999px;height:0;width:0;overflow:hidden;" aria-hidden="true">
        <label>Leave empty: <input type="text" name="website" tabindex="-1" autocomplete="off"></label>
      </div>
      <div style="margin-bottom:14px;">
        <label for="email" style="font-size:.85rem;color:#555;display:block;margin-bottom:6px;">Email address</label>
        <input type="email" class="form-control" id="email" name="email" placeholder="your@email.com" required autocomplete="email">
      </div>
      <button type="submit" class="btn et-btn-primary">Reset password</button>
    </form>
    <p style="text-align:center;margin-top:16px;font-size:.85rem;color:#666;">Remembered it? <a href="/auth/login/" style="color:#6C3AE8;">Sign in</a></p>
  
</div>