Reset Link Sent

<!--
  The confirmation state after a reset request. No form field - the action is
  over. The mail icon is aria-hidden and the heading is the h1, so the screen
  reader announces the outcome, not the decoration.
-->
<div class="mx-auto w-full max-w-sm rounded-2xl border border-gray-200 bg-white p-6 text-center shadow-sm sm:p-8 dark:border-gray-800 dark:bg-gray-950">
  <span class="mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-blue-50 text-blue-600 dark:bg-blue-950 dark:text-blue-400" aria-hidden="true">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="h-6 w-6"><rect x="3" y="5" width="18" height="14" rx="2" /><path d="m3 7 9 6 9-6" /></svg>
  </span>
  <h1 class="mt-4 text-xl font-bold tracking-tight text-gray-900 dark:text-gray-100">Check your email</h1>
  <p class="mt-2 text-sm text-gray-600 dark:text-gray-400">
    We sent a password reset link to <span class="font-medium text-gray-900 dark:text-gray-100">you@company.com</span>. It expires in 30 minutes.
  </p>

  <button type="button" class="mt-6 w-full rounded-lg bg-blue-600 px-5 py-2.5 text-sm font-semibold text-white transition-colors hover:bg-blue-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-600 focus-visible:ring-offset-2 focus-visible:ring-offset-white motion-reduce:transition-none dark:focus-visible:ring-blue-400 dark:focus-visible:ring-offset-gray-950">
    Resend email
  </button>

  <p class="mt-4 text-sm text-gray-600 dark:text-gray-400">
    <a href="#" class="font-medium text-blue-600 hover:text-blue-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-600 dark:text-blue-400 dark:focus-visible:ring-blue-400">Back to sign in</a>
  </p>
</div>