Minimal Reset Form

<!--
  No card, no border - the bare form for embedding in a page that already frames
  it. Still a real <label> and type="email"; stripping the chrome does not strip
  the semantics.
-->
<form class="mx-auto w-full max-w-sm" action="#" method="post">
  <h1 class="text-lg font-semibold tracking-tight text-gray-900 dark:text-gray-100">Reset password</h1>
  <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">We'll email you a link to reset it.</p>

  <div class="mt-5">
    <label for="rp-min-email" class="block text-sm font-medium text-gray-700 dark:text-gray-300">Email</label>
    <input
      id="rp-min-email"
      name="email"
      type="email"
      autocomplete="email"
      required
      placeholder="you@company.com"
      class="mt-1.5 w-full rounded-lg border border-gray-300 bg-white px-3.5 py-2.5 text-sm text-gray-900 placeholder:text-gray-500 focus-visible:border-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-600 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:placeholder:text-gray-400 dark:focus-visible:ring-blue-400"
    />
  </div>

  <button type="submit" class="mt-4 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-900">
    Send link
  </button>
</form>