{# pastel-dream password-reset-form — request panel in soft pastel chrome. Endpoint matches the platform (/api/auth/request-password-reset, #reset-message). #}
<div class="password-reset-form pd-card mx-auto max-w-md p-6">
  <div id="reset-message"></div>
  <div id="request-reset-panel">
    <h2 class="pd-display text-2xl text-primary"><span class="pd-doodle-underline">Reset password</span></h2>
    <p class="pd-body mt-2 text-muted-foreground">Enter your email address and we will send you a link to reset your password.</p>
    <form hx-post="/api/auth/request-password-reset" hx-target="#reset-message" hx-swap="innerHTML" class="mt-4">
      <div class="mb-4"><label class="pd-hand mb-1 block text-lg text-accent">Email</label><input type="email" name="email" required class="pd-body w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"></div>
      <button type="submit" class="pd-tag w-full justify-center" hx-disabled-elt="this">Send reset link</button>
    </form>
    <p class="pd-body mt-4 text-center text-sm"><a href="/login" class="text-accent underline decoration-dashed">Back to login</a></p>
  </div>
</div>