<section class="bg-cream py-20"><div class="mx-auto max-w-lg px-5"><div class="rounded-[2rem] border border-slate-100 bg-white p-8 shadow-soft"><span class="grid h-12 w-12 place-items-center rounded-2xl bg-teal-50 text-teal-600"><i data-lucide="key-round" class="h-5 w-5"></i></span><h1 class="mt-5 font-display text-3xl font-extrabold">Reset your password</h1><p class="mt-2 text-sm leading-6 text-slate-500">Enter your account email. If it matches a TibaLeta account, we’ll send a time-limited reset link.</p><form action="/forgot-password" method="post" class="mt-7 space-y-4"><?= csrf_field() ?><input name="email" type="email" required autocomplete="email" class="w-full rounded-xl border border-slate-200 px-4 py-3 text-sm focus:border-teal-500 focus:outline-none" placeholder="you@example.com"><button class="w-full rounded-xl bg-teal-600 px-5 py-3 text-sm font-extrabold text-white">Send reset link</button></form><a href="/login" class="mt-6 block text-center text-sm font-bold text-slate-500">Back to sign in</a></div></div></section>
