{% extends "layouts/auth.html" %}
{% block title %}Email sent — IILMP{% endblock %}
{% block content %}

<div class="text-center">
  <div class="mx-auto mb-5 inline-flex h-12 w-12 items-center justify-center rounded-full bg-emerald-50 text-emerald-600">
    <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.75" aria-hidden="true">
      <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"/>
    </svg>
  </div>
  <h1 class="font-display text-xl font-bold text-ruforum-text">Check your email</h1>
  <p class="mt-2 text-sm leading-relaxed text-ruforum-text-muted">
    If an account exists for that address, we've sent password reset instructions.
  </p>
</div>

<div class="mt-6 rounded-lg border border-ruforum-border bg-ruforum-surface px-4 py-3.5">
  <p class="font-meta text-[0.65rem] font-semibold uppercase tracking-[0.14em] text-ruforum-text-muted">Didn't receive it?</p>
  <p class="mt-1 text-xs leading-relaxed text-ruforum-text-muted">
    Check your spam folder, or wait a few minutes — delivery can take up to 5 minutes.
  </p>
</div>

<p class="mt-6 border-t border-ruforum-border pt-5 text-center text-xs">
  <a href="{% url 'accounts:login' %}" class="font-medium text-ruforum-primary transition-colors hover:text-ruforum-primary-hover focus:outline-none focus:ring-1 focus:ring-ruforum-primary rounded">
    ← Return to sign in
  </a>
</p>

{% endblock %}