{% extends 'base.html' %}{% load static %}
{% block title %}Reset Password — Unity Nation{% endblock %}
{% block content %}
<div class="auth-wrap"><div class="auth-card">
  <div style="position:absolute;top:-60px;right:-60px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(123,95,230,.22),transparent 70%);filter:blur(28px);pointer-events:none"></div>
  <div class="auth-logo"><img src="{% static 'images/9.png' %}" alt="Unity Nation"></div>
  <div style="text-align:center;margin-bottom:18px"><div style="width:54px;height:54px;border-radius:14px;background:rgba(123,95,230,.18);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--vlt);margin:0 auto"><i class="fas fa-key"></i></div></div>
  <h1 class="auth-title">Reset Password</h1>
  <p class="auth-sub">Enter your email and we'll send you a reset link.</p>
  <form method="post">{% csrf_token %}
    <div class="form-group"><label class="form-label">Email Address</label><input type="email" name="email" class="form-control" placeholder="your@email.com" required autocomplete="email"></div>
    <button type="submit" class="btn btn-violet btn-block" style="padding:12px"><i class="fas fa-paper-plane"></i>Send Reset Link</button>
  </form>
  <div class="auth-foot"><a href="{% url 'login' %}"><i class="fas fa-arrow-left"></i> Back to Login</a></div>
</div></div>
{% endblock %}