{% extends "_types/root/index.html" %}
{% block content %}
  <div class="w-full max-w-md">
    <div class="bg-white/70 dark:bg-neutral-900/70 backdrop-blur rounded-2xl shadow p-6 sm:p-8 border border-neutral-200 dark:border-neutral-800">
      <h1 class="text-2xl font-semibold tracking-tight">Check your email</h1>

      <p class="text-base text-stone-700 dark:text-stone-300 mt-3">
        If an account exists for
        <strong class="text-stone-900 dark:text-white">{{ email }}</strong>,
        you’ll receive a link to sign in. It expires in 15 minutes.
      </p>

      {% if email_error %}
        <div
          class="mt-4 rounded-lg border border-red-300 bg-red-50 text-red-700 text-sm px-3 py-2 flex items-start gap-2"
          role="alert"
        >
          <span class="font-medium">Heads up:</span>
          <span>{{ email_error }}</span>
        </div>
      {% endif %}

      <p class="mt-6 text-sm">
        <a
          href="{{ coop_url('/auth/login/') }}"
          class="text-stone-600 dark:text-stone-300 hover:underline"
        >
          ← Back
        </a>
      </p>
    </div>
  </div>
{% endblock %}
