{% extends "layouts/auth.html" %}
{% block title %}Password updated — 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="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
    </svg>
  </div>
  <h1 class="font-display text-xl font-bold text-ruforum-text">Password updated</h1>
  <p class="mt-2 text-sm leading-relaxed text-ruforum-text-muted">
    Your password has been changed. You can now sign in with the new password on any of your devices.
  </p>
</div>

<div class="mt-6">
  <a href="{% url 'accounts:login' %}" class="btn-primary w-full justify-center">
    Sign in
    <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" aria-hidden="true">
      <path stroke-linecap="round" stroke-linejoin="round" d="M17 8l4 4m0 0l-4 4m4-4H3"/>
    </svg>
  </a>
</div>

{% endblock %}