<h2 class="text-2xl font-bold text-gray-900 mb-1">Reset password</h2>
<p class="text-sm text-gray-500 mb-8">Enter your email and we'll send you a reset link</p>

<form method="POST" action="?page=forgot-password" class="space-y-5">
    <?= CSRF::field() ?>

    <div>
        <label class="block text-sm font-medium text-gray-700 mb-1.5">Email address</label>
        <input type="email" name="email" value="<?= e(old('email')) ?>" required autofocus
            class="w-full px-4 py-2.5 text-sm border border-gray-300 rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-500/20 focus:border-blue-400 transition"
            placeholder="you@company.com">
    </div>

    <button type="submit"
        class="w-full py-2.5 px-4 text-sm font-semibold text-white bg-slate-900 rounded-xl hover:bg-slate-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-slate-900 transition">
        Send reset link
    </button>
</form>

<p class="mt-6 text-center text-sm text-gray-500">
    Remember your password? <a href="?page=login" class="text-blue-600 hover:text-blue-700 font-medium">Sign in</a>
</p>
