diff --git a/app/Http/Controllers/AccountDeletionController.php b/app/Http/Controllers/AccountDeletionController.php
new file mode 100644
index 00000000..7c407345
--- /dev/null
+++ b/app/Http/Controllers/AccountDeletionController.php
@@ -0,0 +1,60 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\User;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Inertia\Inertia;
+
+class AccountDeletionController extends Controller
+{
+    /**
+     * Show the signed account deletion confirmation page.
+     */
+    public function showConfirm(Request $request, User $user)
+    {
+        $hasValidSignature = $request->hasValidSignature();
+        $hasValidHash = ! empty($user->email) && hash_equals(sha1($user->email), (string) $request->query('hash'));
+
+        if (! $hasValidSignature || ! $hasValidHash) {
+            return Inertia::render('Account/ConfirmDeletion', [
+                'isValid' => false,
+                'user' => null,
+                'confirmUrl' => '',
+            ]);
+        }
+
+        return Inertia::render('Account/ConfirmDeletion', [
+            'isValid' => true,
+            'user' => [
+                'id' => $user->id,
+                'name' => $user->name,
+                'email' => $user->email,
+            ],
+            'confirmUrl' => $request->fullUrl(),
+        ]);
+    }
+
+    /**
+     * Process the permanent deletion requested via signed URL.
+     */
+    public function confirmDelete(Request $request, User $user)
+    {
+        if (! hash_equals(sha1($user->email), (string) $request->query('hash'))) {
+            abort(403, 'Invalid deletion token.');
+        }
+
+        // If currently authenticated as this user, log them out and invalidate session
+        if (Auth::id() === $user->id) {
+            Auth::logout();
+            $request->session()->invalidate();
+            $request->session()->regenerateToken();
+        }
+
+        $user->delete();
+
+        return redirect('/')
+            ->with('success', 'আপনার অ্যাকাউন্টটি সফলভাবে মুছে ফেলা হয়েছে।');
+    }
+}
diff --git a/app/Http/Controllers/Admin/UserController.php b/app/Http/Controllers/Admin/UserController.php
index 7b2f420d..cade5e36 100644
--- a/app/Http/Controllers/Admin/UserController.php
+++ b/app/Http/Controllers/Admin/UserController.php
@@ -6,12 +6,14 @@
 use App\Http\Requests\User\StoreUserRequest;
 use App\Http\Requests\User\UpdateUserRequest;
 use App\Mail\AccountDeletedMail;
+use App\Mail\AccountDeletionLinkMail;
 use App\Models\User;
 use App\Notifications\WelcomeNotification;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\Facades\Mail;
 use Illuminate\Support\Facades\Storage;
+use Illuminate\Support\Facades\URL;
 use Inertia\Inertia;
 use Spatie\Permission\Models\Permission;
 
@@ -170,6 +172,29 @@ public function destroy(User $user)
             ->with('success', 'User deleted successfully.');
     }
 
+    /**
+     * Send a temporary signed account deletion link to the user.
+     */
+    public function sendDeleteLink(User $user)
+    {
+        if (empty($user->email)) {
+            return back()->with('error', 'This user does not have an email address.');
+        }
+
+        $signedUrl = URL::temporarySignedRoute(
+            'account.delete.verify',
+            now()->addDays(7),
+            [
+                'user' => $user->id,
+                'hash' => sha1($user->email),
+            ]
+        );
+
+        Mail::to($user->email)->queue(new AccountDeletionLinkMail($user, $signedUrl));
+
+        return back()->with('success', "Deletion link sent successfully to {$user->email}.");
+    }
+
     /**
      * Log in as the specified user.
      */
diff --git a/app/Mail/AccountDeletionLinkMail.php b/app/Mail/AccountDeletionLinkMail.php
new file mode 100644
index 00000000..18e41075
--- /dev/null
+++ b/app/Mail/AccountDeletionLinkMail.php
@@ -0,0 +1,49 @@
+<?php
+
+namespace App\Mail;
+
+use App\Models\User;
+use Illuminate\Bus\Queueable;
+use Illuminate\Contracts\Queue\ShouldQueue;
+use Illuminate\Mail\Mailable;
+use Illuminate\Mail\Mailables\Content;
+use Illuminate\Mail\Mailables\Envelope;
+use Illuminate\Queue\SerializesModels;
+
+class AccountDeletionLinkMail extends Mailable implements ShouldQueue
+{
+    use Queueable, SerializesModels;
+
+    public function __construct(
+        public User $user,
+        public string $signedUrl,
+    ) {}
+
+    public function envelope(): Envelope
+    {
+        return new Envelope(
+            subject: 'আপনার অ্যাকাউন্ট মুছে ফেলার কনফার্মেশন লিংক',
+        );
+    }
+
+    public function content(): Content
+    {
+        $name = $this->user->name ? "Hello {$this->user->name}," : 'প্রিয় শিক্ষার্থী,';
+
+        return new Content(
+            view: 'emails.default',
+            with: [
+                'subject' => 'আপনার অ্যাকাউন্ট মুছে ফেলার কনফার্মেশন লিংক',
+                'greeting' => $name,
+                'lines' => [
+                    'আমরা আপনার অ্যাকাউন্ট মুছে ফেলার অনুরোধটি পেয়েছি।',
+                    'আপনি যদি আপনার HSCStack অ্যাকাউন্টটি ডিলিট করতে চান, তাহলে নিচের বাটনে ক্লিক করে কনফার্মেশন সম্পন্ন করুন।',
+                    '<strong>সতর্কতা:</strong> এই লিংকের মেয়াদ আগামী <strong>৭ দিন</strong> পর্যন্ত কার্যকর থাকবে। অ্যাকাউন্ট মুছে ফেলার পর আপনার সব ডাটা স্থায়ীভাবে ডিলিট হয়ে যাবে এবং তা আর পুনরুদ্ধার করা সম্ভব হবে না।',
+                    'আপনি যদি অ্যাকাউন্ট ডিলিট করতে না চান, তবে এই ইমেইলটি উপেক্ষা করুন। আপনার অ্যাকাউন্ট সুরক্ষিত থাকবে।',
+                ],
+                'actionText' => 'অ্যাকাউন্ট ডিলিট করুন (Confirm Deletion)',
+                'actionUrl' => $this->signedUrl,
+            ],
+        );
+    }
+}
diff --git a/resources/js/components/admin/UserRow.vue b/resources/js/components/admin/UserRow.vue
index af7221c0..37f7c3e3 100644
--- a/resources/js/components/admin/UserRow.vue
+++ b/resources/js/components/admin/UserRow.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import { Link, router, usePage } from '@inertiajs/vue3';
-import { LogIn, Pencil, Trash2, Ban } from 'lucide-vue-next';
+import { LogIn, Pencil, Trash2, Ban, Mail } from 'lucide-vue-next';
 import { ref } from 'vue';
+import BaseModal from '@/components/BaseModal.vue';
 import ChatBanModal from '@/components/ChatBanModal.vue';
 import StatusBadge from '@/components/StatusBadge.vue';
 import VerifiedBadge from '@/components/VerifiedBadge.vue';
@@ -16,6 +17,8 @@ defineProps({
 const page = usePage();
 const userId = page.props.auth.user.id;
 const isBanModalOpen = ref(false);
+const isDeleteModalOpen = ref(false);
+const isSendingDeleteLink = ref(false);
 
 const isBanned = (user: any) => {
     const banUntil = user?.banned_until;
@@ -41,11 +44,42 @@ const loginAsUser = (targetUser: any) => {
     }
 };
 
-const deleteUser = (id: number) => {
-    if (confirm('Are you sure you want to delete this user?')) {
+const openDeleteModal = () => {
+    isDeleteModalOpen.value = true;
+};
+
+const handleHardDelete = (id: number) => {
+    if (
+        confirm(
+            'Are you absolutely sure you want to permanently delete this user now? This action cannot be undone.',
+        )
+    ) {
+        isDeleteModalOpen.value = false;
         router.delete(`/admin/users/${id}`);
     }
 };
+
+const handleSendDeleteLink = (id: number) => {
+    if (
+        !confirm(
+            'Are you sure you want to send a signed account deletion link to this user? They will receive an email to confirm deletion.',
+        )
+    ) {
+        return;
+    }
+
+    isSendingDeleteLink.value = true;
+    router.post(
+        `/admin/users/${id}/send-delete-link`,
+        {},
+        {
+            onFinish: () => {
+                isSendingDeleteLink.value = false;
+                isDeleteModalOpen.value = false;
+            },
+        },
+    );
+};
 </script>
 
 <template>
@@ -178,7 +212,7 @@ const deleteUser = (id: number) => {
 
             <button
                 v-if="user.id !== userId && can('delete users')"
-                @click="deleteUser(user.id)"
+                @click="openDeleteModal"
                 type="button"
                 class="rounded-lg p-1.5 text-slate-400 transition-colors hover:bg-rose-50 hover:text-rose-600 dark:text-gray-500 dark:hover:bg-rose-500/10 dark:hover:text-rose-400"
                 title="Delete user"
@@ -193,5 +227,116 @@ const deleteUser = (id: number) => {
             :user="user"
             @close="isBanModalOpen = false"
         />
+
+        <!-- Account Deletion Action Modal -->
+        <BaseModal
+            :is-open="isDeleteModalOpen"
+            title="Delete User Account"
+            description="Choose how you want to handle the deletion of this account."
+            maxWidth="md"
+            @close="isDeleteModalOpen = false"
+        >
+            <div class="space-y-4 p-4 sm:p-6">
+                <div
+                    class="rounded-xl border border-slate-100 bg-slate-50 p-3.5 dark:border-gray-800 dark:bg-gray-800/50"
+                >
+                    <p
+                        class="text-xs font-medium tracking-wider text-slate-500 uppercase dark:text-gray-400"
+                    >
+                        Target User
+                    </p>
+                    <p
+                        class="text-sm font-semibold text-slate-900 dark:text-white"
+                    >
+                        {{ user.name }}
+                    </p>
+                    <p
+                        v-if="user.email"
+                        class="font-mono text-xs text-slate-600 dark:text-gray-400"
+                    >
+                        {{ user.email }}
+                    </p>
+                </div>
+
+                <div class="space-y-3">
+                    <!-- Option 1: Send Deletion Link -->
+                    <button
+                        type="button"
+                        :disabled="!user.email || isSendingDeleteLink"
+                        @click="handleSendDeleteLink(user.id)"
+                        class="group flex w-full items-start gap-3 rounded-xl border border-indigo-100 bg-indigo-50/50 p-3.5 text-left transition hover:border-indigo-300 hover:bg-indigo-50 disabled:cursor-not-allowed disabled:opacity-50 dark:border-indigo-950/50 dark:bg-indigo-950/20 dark:hover:border-indigo-800"
+                    >
+                        <div
+                            class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-indigo-100 text-indigo-600 group-hover:bg-indigo-200 dark:bg-indigo-900/40 dark:text-indigo-400"
+                        >
+                            <Mail class="h-5 w-5" />
+                        </div>
+                        <div class="min-w-0 flex-1">
+                            <div class="flex items-center justify-between">
+                                <span
+                                    class="text-sm font-bold text-indigo-950 dark:text-indigo-200"
+                                    >Send Deletion Link to User</span
+                                >
+                                <span
+                                    class="rounded-full bg-indigo-100 px-2 py-0.5 text-[10px] font-semibold text-indigo-700 uppercase dark:bg-indigo-900/60 dark:text-indigo-300"
+                                    >Recommended</span
+                                >
+                            </div>
+                            <p
+                                class="mt-0.5 text-xs leading-relaxed text-slate-600 dark:text-gray-400"
+                            >
+                                Sends a secure, 7-day signed authorization link
+                                to their email address. The user confirms and
+                                deletes the account themselves.
+                            </p>
+                            <p
+                                v-if="!user.email"
+                                class="mt-1 text-[11px] font-medium text-amber-600 dark:text-amber-400"
+                            >
+                                User has no email address configured.
+                            </p>
+                        </div>
+                    </button>
+
+                    <!-- Option 2: Delete Instantly (Hard Delete) -->
+                    <button
+                        type="button"
+                        @click="handleHardDelete(user.id)"
+                        class="group flex w-full items-start gap-3 rounded-xl border border-rose-100 bg-rose-50/50 p-3.5 text-left transition hover:border-rose-300 hover:bg-rose-50 dark:border-rose-950/50 dark:bg-rose-950/20 dark:hover:border-rose-800"
+                    >
+                        <div
+                            class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-rose-100 text-rose-600 group-hover:bg-rose-200 dark:bg-rose-900/40 dark:text-rose-400"
+                        >
+                            <Trash2 class="h-5 w-5" />
+                        </div>
+                        <div class="min-w-0 flex-1">
+                            <span
+                                class="text-sm font-bold text-rose-950 dark:text-rose-200"
+                                >Delete Instantly (Hard Delete)</span
+                            >
+                            <p
+                                class="mt-0.5 text-xs leading-relaxed text-slate-600 dark:text-gray-400"
+                            >
+                                Permanently wipe the account and all associated
+                                data immediately. Sends a farewell notification
+                                email if email is present.
+                            </p>
+                        </div>
+                    </button>
+                </div>
+            </div>
+
+            <template #footer>
+                <div class="flex justify-end">
+                    <button
+                        type="button"
+                        @click="isDeleteModalOpen = false"
+                        class="rounded-lg border border-slate-200 bg-white px-4 py-2 text-xs font-semibold text-slate-700 transition hover:bg-slate-50 dark:border-gray-800 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
+                    >
+                        Cancel
+                    </button>
+                </div>
+            </template>
+        </BaseModal>
     </div>
 </template>
diff --git a/resources/js/pages/Account/ConfirmDeletion.vue b/resources/js/pages/Account/ConfirmDeletion.vue
new file mode 100644
index 00000000..e438f382
--- /dev/null
+++ b/resources/js/pages/Account/ConfirmDeletion.vue
@@ -0,0 +1,204 @@
+<script setup lang="ts">
+import { Head, Link, router } from '@inertiajs/vue3';
+import {
+    AlertTriangle,
+    Trash2,
+    ArrowLeft,
+    ShieldAlert,
+    Link2Off,
+    Home,
+} from 'lucide-vue-next';
+import { ref } from 'vue';
+
+interface UserInfo {
+    id: number;
+    name: string;
+    email?: string;
+}
+
+const props = withDefaults(
+    defineProps<{
+        isValid?: boolean;
+        user?: UserInfo | null;
+        confirmUrl?: string;
+    }>(),
+    {
+        isValid: true,
+        user: null,
+        confirmUrl: '',
+    },
+);
+
+const isProcessing = ref(false);
+
+const handleConfirmDelete = () => {
+    if (!props.confirmUrl) {
+        return;
+    }
+
+    isProcessing.value = true;
+    router.post(
+        props.confirmUrl,
+        {},
+        {
+            onFinish: () => {
+                isProcessing.value = false;
+            },
+        },
+    );
+};
+</script>
+
+<template>
+    <Head title="অ্যাকাউন্ট মুছে ফেলার নিশ্চিতকরণ - HSCStack" />
+
+    <div
+        class="flex min-h-[calc(100vh-4rem)] items-center justify-center px-4 py-12 sm:px-6 lg:px-8"
+    >
+        <div class="w-full max-w-lg">
+            <!-- INVALID / EXPIRED LINK STATE -->
+            <div
+                v-if="!isValid"
+                class="overflow-hidden rounded-2xl border border-slate-200/80 bg-white p-6 text-center shadow-xl sm:p-8 dark:border-gray-800 dark:bg-gray-900"
+            >
+                <div
+                    class="mx-auto flex h-14 w-14 items-center justify-center rounded-2xl bg-amber-50 text-amber-600 shadow-inner dark:bg-amber-950/40 dark:text-amber-400"
+                >
+                    <Link2Off class="h-7 w-7" />
+                </div>
+                <h1
+                    class="mt-4 text-lg font-bold text-slate-900 sm:text-xl dark:text-white"
+                >
+                    লিংকটি সঠিক নয় বা মেয়াদ উত্তীর্ণ হয়েছে
+                </h1>
+                <p
+                    class="mt-2 text-xs leading-relaxed text-slate-600 sm:text-sm dark:text-gray-400"
+                >
+                    অ্যাকাউন্ট মুছে ফেলার এই কনফার্মেশন লিংকটির মেয়াদ শেষ হয়ে
+                    গেছে অথবা লিংকটি পরিবর্তিত হয়েছে। নতুন লিংকের জন্য পুনরায়
+                    আবেদন জমা দিন বা আমাদের সাপোর্টে যোগাযোগ করুন।
+                </p>
+
+                <div class="mt-6 flex justify-center">
+                    <Link
+                        href="/"
+                        class="inline-flex items-center justify-center gap-2 rounded-xl bg-slate-900 px-5 py-2.5 text-xs font-semibold text-white shadow-xs transition hover:bg-slate-800 dark:bg-white dark:text-slate-900 dark:hover:bg-slate-100"
+                    >
+                        <Home class="h-4 w-4" />
+                        <span>হোমে ফিরে যান</span>
+                    </Link>
+                </div>
+            </div>
+
+            <!-- VALID CONFIRMATION MODAL -->
+            <div
+                v-else
+                class="overflow-hidden rounded-2xl border border-rose-200/80 bg-white shadow-xl dark:border-rose-900/40 dark:bg-gray-900"
+            >
+                <!-- Header / Warning Banner -->
+                <div
+                    class="border-b border-rose-100 bg-rose-50/60 p-6 text-center dark:border-rose-900/30 dark:bg-rose-950/20"
+                >
+                    <div
+                        class="mx-auto flex h-14 w-14 items-center justify-center rounded-2xl bg-rose-100 text-rose-600 shadow-inner dark:bg-rose-900/40 dark:text-rose-400"
+                    >
+                        <AlertTriangle class="h-7 w-7" />
+                    </div>
+                    <h1
+                        class="mt-4 text-xl font-bold tracking-tight text-slate-900 dark:text-white"
+                    >
+                        অ্যাকাউন্ট স্থায়ীভাবে মুছে ফেলা
+                    </h1>
+                    <p class="mt-1 text-sm text-slate-600 dark:text-gray-400">
+                        এই প্রক্রিয়াটি সম্পন্ন হলে আপনার অ্যাকাউন্ট এবং ডাটা
+                        চিরতরে মুছে যাবে
+                    </p>
+                </div>
+
+                <!-- Content Body -->
+                <div class="space-y-6 p-6 sm:p-8">
+                    <!-- Account info notice -->
+                    <div
+                        class="rounded-xl border border-slate-200 bg-slate-50 p-4 dark:border-gray-800 dark:bg-gray-800/60"
+                    >
+                        <p
+                            class="text-xs font-semibold tracking-wider text-slate-500 uppercase dark:text-gray-400"
+                        >
+                            চিহ্নিত অ্যাকাউন্ট:
+                        </p>
+                        <p
+                            class="mt-1 text-base font-bold text-slate-900 dark:text-white"
+                        >
+                            {{ user.name }}
+                        </p>
+                        <p
+                            v-if="user.email"
+                            class="font-mono text-sm text-slate-600 dark:text-gray-400"
+                        >
+                            {{ user.email }}
+                        </p>
+                    </div>
+
+                    <!-- Warning Details -->
+                    <div
+                        class="space-y-3 rounded-xl border border-amber-200/80 bg-amber-50/50 p-4 text-xs text-amber-800 dark:border-amber-900/40 dark:bg-amber-950/20 dark:text-amber-300"
+                    >
+                        <div class="flex items-start gap-2.5">
+                            <ShieldAlert
+                                class="mt-0.5 h-4 w-4 shrink-0 text-amber-600 dark:text-amber-400"
+                            />
+                            <div class="space-y-1 leading-relaxed">
+                                <p class="font-semibold">
+                                    গুরুত্বপূর্ণ সতর্কতা:
+                                </p>
+                                <ul
+                                    class="list-inside list-disc space-y-1 pl-1"
+                                >
+                                    <li>
+                                        আপনার প্রোফাইল, অ্যাক্টিভিটি ও ব্যক্তিগত
+                                        ডেটা স্থায়ীভাবে মুছে যাবে (আপলোডকৃত
+                                        রিসোর্স ব্যতীত, যা আমাদের নীতিমালা
+                                        অনুযায়ী অক্ষত থাকবে)।
+                                    </li>
+                                    <li>
+                                        এই কাজটি পূর্বাবস্থায় ফিরিয়ে নেওয়া
+                                        (Undo) সম্ভব নয়।
+                                    </li>
+                                    <li>
+                                        আপনি যদি অ্যাকাউন্ট ডিলিট করতে না চান,
+                                        তবে পেজটি বন্ধ করুন অথবা নিরাপদে ফিরে
+                                        যান।
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- Action Buttons -->
+                    <div
+                        class="flex flex-col-reverse items-center gap-3 pt-2 sm:flex-row"
+                    >
+                        <a
+                            href="/"
+                            class="inline-flex w-full items-center justify-center gap-2 rounded-xl border border-slate-200 bg-white px-4 py-2.5 text-sm font-semibold text-slate-700 shadow-sm transition hover:bg-slate-50 hover:text-slate-900 sm:w-1/2 dark:border-gray-800 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700 dark:hover:text-white"
+                        >
+                            <ArrowLeft class="h-4 w-4" />
+                            ফিরে যান (বাতিল)
+                        </a>
+
+                        <button
+                            type="button"
+                            :disabled="isProcessing"
+                            @click="handleConfirmDelete"
+                            class="inline-flex w-full items-center justify-center gap-2 rounded-xl bg-rose-600 px-4 py-2.5 text-sm font-semibold text-white shadow-sm transition hover:bg-rose-500 focus:ring-2 focus:ring-rose-500/20 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 sm:w-1/2"
+                        >
+                            <Trash2 class="h-4 w-4" />
+                            <span v-if="isProcessing">মুছে ফেলা হচ্ছে...</span>
+                            <span v-else>স্থায়ীভাবে মুছুন</span>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
diff --git a/resources/js/pages/Account/Delete.vue b/resources/js/pages/Account/Delete.vue
index 978838fb..34df7af2 100644
--- a/resources/js/pages/Account/Delete.vue
+++ b/resources/js/pages/Account/Delete.vue
@@ -4,14 +4,17 @@ import {
     AlertTriangle,
     Trash2,
     ArrowLeft,
+    ArrowRight,
     Loader2,
     ChevronDown,
     User,
-    MessageSquare,
     ShieldAlert,
+    Clock,
+    MailCheck,
+    CheckCircle2,
+    FileText,
 } from 'lucide-vue-next';
 import { computed, ref } from 'vue';
-import BaseModal from '@/components/BaseModal.vue';
 
 interface UserInfo {
     id: number;
@@ -33,10 +36,12 @@ const authUser = computed<UserInfo>(
 
 const isTicketLimitReached = computed(() => (props.openTicketsCount ?? 0) >= 3);
 
+// Stepper State (1: সতর্কতা, 2: কারণ, 3: প্রক্রিয়া, 4: নিশ্চিতকরণ)
+const currentStep = ref(1);
+
 const selectedReason = ref('');
 const feedback = ref('');
 const isConfirmed = ref(false);
-const showConfirmModal = ref(false);
 
 const reasons = [
     {
@@ -72,16 +77,20 @@ const form = useForm({
     general: '' as string | undefined,
 });
 
-const openConfirmModal = () => {
-    if (isTicketLimitReached.value || !isConfirmed.value) {
-        return;
+const goToNextStep = () => {
+    if (currentStep.value < 4) {
+        currentStep.value++;
     }
+};
 
-    showConfirmModal.value = true;
+const goToPrevStep = () => {
+    if (currentStep.value > 1) {
+        currentStep.value--;
+    }
 };
 
 const submitDeleteTicket = () => {
-    if (isTicketLimitReached.value) {
+    if (isTicketLimitReached.value || !isConfirmed.value) {
         return;
     }
 
@@ -98,7 +107,7 @@ const submitDeleteTicket = () => {
         `Reason: ${reasonLabel}`,
         `Feedback/Note: ${feedback.value.trim() || 'None provided'}`,
         '',
-        'User confirmed permanent account deletion request after reviewing legal policies and timeline notice.',
+        'User completed 4-step deletion request flow agreeing to 48h signed email confirmation.',
     ].join('\n');
 
     form.category = 'account_issue';
@@ -107,9 +116,6 @@ const submitDeleteTicket = () => {
 
     form.post('/support/tickets', {
         preserveScroll: true,
-        onSuccess: () => {
-            showConfirmModal.value = false;
-        },
     });
 };
 </script>
@@ -123,14 +129,14 @@ const submitDeleteTicket = () => {
         />
     </Head>
 
-    <div class="mx-auto w-full max-w-xl px-4 py-8 sm:px-6">
-        <!-- Back Link -->
-        <div class="mb-6">
+    <div class="mx-auto w-full max-w-xl px-3 py-3 sm:px-6 sm:py-8">
+        <!-- Back Link & Header Row -->
+        <div class="mb-3 flex items-center justify-between sm:mb-4">
             <Link
                 href="/profile"
                 class="inline-flex items-center gap-1.5 text-xs font-semibold text-slate-500 transition-colors hover:text-slate-900 dark:text-gray-400 dark:hover:text-gray-100"
             >
-                <ArrowLeft class="h-4 w-4" />
+                <ArrowLeft class="h-3.5 w-3.5" />
                 <span>অ্যাকাউন্ট সেটিংসে ফিরে যান</span>
             </Link>
         </div>
@@ -138,26 +144,25 @@ const submitDeleteTicket = () => {
         <!-- Limit Alert if user has >= 3 open tickets -->
         <div
             v-if="isTicketLimitReached"
-            class="mb-6 rounded-2xl border border-amber-200 bg-amber-50/90 p-4 text-xs text-amber-900 dark:border-amber-900/50 dark:bg-amber-950/30 dark:text-amber-200"
+            class="mb-3 rounded-2xl border border-amber-200 bg-amber-50/90 p-3.5 text-xs text-amber-900 dark:border-amber-900/50 dark:bg-amber-950/30 dark:text-amber-200"
         >
-            <div class="flex items-start gap-3">
+            <div class="flex items-start gap-2.5">
                 <AlertTriangle
-                    class="h-4 w-4 shrink-0 text-amber-600 dark:text-amber-400"
+                    class="mt-0.5 h-4 w-4 shrink-0 text-amber-600 dark:text-amber-400"
                 />
-                <div class="space-y-2">
-                    <p class="font-bold">
-                        আপনার ইতিমধ্যে ৩টি খোলা সাপোর্ট টিকেট রয়েছে।
-                    </p>
-                    <p class="text-amber-800 dark:text-amber-300">
-                        নতুন টিকেট খোলার আগে অনুগ্রহ করে পূর্ববর্তী টিকেটের
-                        সমাধান হওয়া পর্যন্ত অপেক্ষা করুন।
+                <div class="space-y-1">
+                    <p class="font-bold">সাপোর্ট টিকিট সীমা পূর্ণ হয়েছে</p>
+                    <p class="leading-relaxed">
+                        আপনার ইতিমধ্যে ৩টি সক্রিয় সাপোর্ট টিকিট উন্মুক্ত
+                        রয়েছে। নতুন রিকোয়েস্ট পাঠাতে পূর্বের টিকিট নিষ্পত্তি
+                        হওয়া পর্যন্ত অপেক্ষা করুন।
                     </p>
                     <Link
-                        href="/support/my-tickets"
-                        class="inline-flex items-center gap-1.5 rounded-lg bg-amber-600 px-3 py-1.5 text-[11px] font-bold text-white shadow-2xs hover:bg-amber-700"
+                        href="/support"
+                        class="mt-1.5 inline-flex items-center gap-1 font-semibold text-amber-800 underline hover:text-amber-950 dark:text-amber-300 dark:hover:text-amber-200"
                     >
-                        <MessageSquare class="h-3.5 w-3.5" />
-                        <span>আমার টিকেটসমূহ</span>
+                        <span>আমার টিকিটগুলো দেখুন</span>
+                        <ArrowLeft class="h-3 w-3 rotate-180" />
                     </Link>
                 </div>
             </div>
@@ -165,43 +170,180 @@ const submitDeleteTicket = () => {
 
         <!-- Main Card -->
         <div
-            class="overflow-hidden rounded-2xl border border-slate-200/80 bg-white p-6 shadow-xs sm:p-8 dark:border-gray-800 dark:bg-gray-900"
+            class="overflow-hidden rounded-2xl border border-slate-200/80 bg-white p-4.5 shadow-sm sm:p-7 dark:border-gray-800 dark:bg-gray-900"
         >
             <!-- Header -->
-            <div class="mb-6 flex items-start gap-4">
+            <div
+                class="mb-4 flex items-center gap-3 sm:mb-6 sm:items-start sm:gap-4"
+            >
                 <div
-                    class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-rose-100 text-rose-600 dark:bg-rose-500/15 dark:text-rose-400"
+                    class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-rose-100 text-rose-600 sm:h-11 sm:w-11 dark:bg-rose-500/15 dark:text-rose-400"
                 >
                     <Trash2 class="h-5 w-5" />
                 </div>
                 <div>
                     <h1
-                        class="text-xl font-bold text-slate-900 dark:text-gray-100"
+                        class="text-lg font-bold text-slate-900 sm:text-xl dark:text-gray-100"
                     >
                         অ্যাকাউন্ট ডিলিট রিকোয়েস্ট
                     </h1>
-                    <p class="mt-1 text-xs text-slate-500 dark:text-gray-400">
-                        অ্যাকাউন্ট ও সংশ্লিষ্ট সকল ডেটা স্থায়ীভাবে মুছে ফেলার
-                        জন্য সরাসরি সাপোর্ট টিকেট তৈরি হবে।
+                    <p
+                        class="text-[11px] text-slate-500 sm:text-xs dark:text-gray-400"
+                    >
+                        অ্যাকাউন্ট ও সংশ্লিষ্ট সকল ডেটা স্থায়ীভাবে মুছে ফেলার
+                        জন্য আবেদন জমা নেওয়া হবে।
                     </p>
                 </div>
             </div>
 
+            <!-- 4-Step Progress Indicator -->
+            <div
+                class="mb-4 rounded-xl border border-slate-100 bg-slate-50/70 p-2.5 sm:mb-6 sm:p-3 dark:border-gray-800 dark:bg-gray-800/40"
+            >
+                <div class="flex items-center justify-between">
+                    <!-- Step 1: সতর্কতা -->
+                    <div class="flex items-center gap-1.5 sm:gap-2">
+                        <div
+                            class="flex h-6 w-6 items-center justify-center rounded-full text-xs font-bold transition-colors"
+                            :class="[
+                                currentStep === 1
+                                    ? 'bg-rose-600 text-white shadow-xs'
+                                    : currentStep > 1
+                                      ? 'bg-emerald-600 text-white'
+                                      : 'bg-slate-200 text-slate-600 dark:bg-gray-700 dark:text-gray-400',
+                            ]"
+                        >
+                            <CheckCircle2
+                                v-if="currentStep > 1"
+                                class="h-3.5 w-3.5"
+                            />
+                            <span v-else>১</span>
+                        </div>
+                        <span
+                            class="text-xs font-medium"
+                            :class="[
+                                currentStep === 1
+                                    ? 'font-bold text-slate-900 dark:text-white'
+                                    : 'text-slate-500 dark:text-gray-400',
+                            ]"
+                        >
+                            সতর্কতা
+                        </span>
+                    </div>
+
+                    <div
+                        class="h-0.5 w-4 bg-slate-200 sm:w-8 dark:bg-gray-700"
+                    ></div>
+
+                    <!-- Step 2: কারণ -->
+                    <div class="flex items-center gap-1.5 sm:gap-2">
+                        <div
+                            class="flex h-6 w-6 items-center justify-center rounded-full text-xs font-bold transition-colors"
+                            :class="[
+                                currentStep === 2
+                                    ? 'bg-rose-600 text-white shadow-xs'
+                                    : currentStep > 2
+                                      ? 'bg-emerald-600 text-white'
+                                      : 'bg-slate-200 text-slate-600 dark:bg-gray-700 dark:text-gray-400',
+                            ]"
+                        >
+                            <CheckCircle2
+                                v-if="currentStep > 2"
+                                class="h-3.5 w-3.5"
+                            />
+                            <span v-else>২</span>
+                        </div>
+                        <span
+                            class="text-xs font-medium"
+                            :class="[
+                                currentStep === 2
+                                    ? 'font-bold text-slate-900 dark:text-white'
+                                    : 'text-slate-500 dark:text-gray-400',
+                            ]"
+                        >
+                            কারণ
+                        </span>
+                    </div>
+
+                    <div
+                        class="h-0.5 w-4 bg-slate-200 sm:w-8 dark:bg-gray-700"
+                    ></div>
+
+                    <!-- Step 3: প্রক্রিয়া -->
+                    <div class="flex items-center gap-1.5 sm:gap-2">
+                        <div
+                            class="flex h-6 w-6 items-center justify-center rounded-full text-xs font-bold transition-colors"
+                            :class="[
+                                currentStep === 3
+                                    ? 'bg-rose-600 text-white shadow-xs'
+                                    : currentStep > 3
+                                      ? 'bg-emerald-600 text-white'
+                                      : 'bg-slate-200 text-slate-600 dark:bg-gray-700 dark:text-gray-400',
+                            ]"
+                        >
+                            <CheckCircle2
+                                v-if="currentStep > 3"
+                                class="h-3.5 w-3.5"
+                            />
+                            <span v-else>৩</span>
+                        </div>
+                        <span
+                            class="text-xs font-medium"
+                            :class="[
+                                currentStep === 3
+                                    ? 'font-bold text-slate-900 dark:text-white'
+                                    : 'text-slate-500 dark:text-gray-400',
+                            ]"
+                        >
+                            প্রক্রিয়া
+                        </span>
+                    </div>
+
+                    <div
+                        class="h-0.5 w-4 bg-slate-200 sm:w-8 dark:bg-gray-700"
+                    ></div>
+
+                    <!-- Step 4: নিশ্চিতকরণ -->
+                    <div class="flex items-center gap-1.5 sm:gap-2">
+                        <div
+                            class="flex h-6 w-6 items-center justify-center rounded-full text-xs font-bold transition-colors"
+                            :class="[
+                                currentStep === 4
+                                    ? 'bg-rose-600 text-white shadow-xs'
+                                    : 'bg-slate-200 text-slate-600 dark:bg-gray-700 dark:text-gray-400',
+                            ]"
+                        >
+                            <span>৪</span>
+                        </div>
+                        <span
+                            class="text-xs font-medium"
+                            :class="[
+                                currentStep === 4
+                                    ? 'font-bold text-slate-900 dark:text-white'
+                                    : 'text-slate-500 dark:text-gray-400',
+                            ]"
+                        >
+                            নিশ্চিতকরণ
+                        </span>
+                    </div>
+                </div>
+            </div>
+
             <!-- User Info Pill -->
             <div
-                class="mb-6 flex items-center gap-3 rounded-xl bg-slate-50 p-3 text-xs dark:bg-gray-800/60"
+                class="mb-4 flex items-center gap-2.5 rounded-xl bg-slate-50 p-2.5 text-xs sm:p-3 dark:bg-gray-800/60"
             >
                 <img
                     v-if="authUser?.image_url"
                     :src="authUser.image_url"
                     :alt="authUser.name"
-                    class="h-8 w-8 rounded-full object-cover ring-1 ring-slate-200 dark:ring-gray-700"
+                    class="h-7 w-7 rounded-full object-cover ring-1 ring-slate-200 sm:h-8 sm:w-8 dark:ring-gray-700"
                 />
                 <div
                     v-else
-                    class="flex h-8 w-8 items-center justify-center rounded-full bg-slate-200 text-slate-600 dark:bg-gray-700 dark:text-gray-300"
+                    class="flex h-7 w-7 items-center justify-center rounded-full bg-slate-200 text-slate-600 sm:h-8 sm:w-8 dark:bg-gray-700 dark:text-gray-300"
                 >
-                    <User class="h-4 w-4" />
+                    <User class="h-3.5 w-3.5 sm:h-4 sm:w-4" />
                 </div>
                 <div class="min-w-0 flex-1">
                     <p
@@ -215,7 +357,7 @@ const submitDeleteTicket = () => {
                         @{{ authUser?.username }}
                         <span
                             v-if="authUser?.email"
-                            class="ml-1 text-slate-400 dark:text-gray-500"
+                            class="ml-1 font-mono text-slate-400 dark:text-gray-500"
                         >
                             • {{ authUser.email }}
                         </span>
@@ -223,174 +365,296 @@ const submitDeleteTicket = () => {
                 </div>
             </div>
 
-            <!-- Form -->
-            <form @submit.prevent="openConfirmModal" class="space-y-4">
-                <div
-                    v-if="form.errors.general"
-                    class="rounded-xl border border-rose-200 bg-rose-50/80 p-3 text-xs font-medium text-rose-700 dark:border-rose-500/30 dark:bg-rose-500/10 dark:text-rose-400"
-                >
-                    {{ form.errors.general }}
-                </div>
+            <!-- Error banner -->
+            <div
+                v-if="form.errors.general"
+                class="mb-4 rounded-xl border border-rose-200 bg-rose-50/80 p-3 text-xs font-medium text-rose-700 dark:border-rose-500/30 dark:bg-rose-500/10 dark:text-rose-400"
+            >
+                {{ form.errors.general }}
+            </div>
 
-                <!-- Reason dropdown (Optional) -->
-                <div>
-                    <label
-                        for="reason"
-                        class="mb-1.5 block text-xs font-semibold text-slate-700 dark:text-gray-300"
+            <!-- STEP 1: সতর্কতা (Warnings & Data loss scope) -->
+            <div
+                v-show="currentStep === 1"
+                class="flex min-h-[360px] flex-col justify-between"
+            >
+                <div class="space-y-4">
+                    <div
+                        class="rounded-xl border border-rose-200/80 bg-rose-50/50 p-4 text-xs text-rose-900 dark:border-rose-900/40 dark:bg-rose-950/20 dark:text-rose-200"
                     >
-                        কারণ নির্বাচন করুন (ঐচ্ছিক)
-                    </label>
-                    <div class="relative">
-                        <select
-                            id="reason"
-                            v-model="selectedReason"
-                            class="w-full appearance-none rounded-xl border border-slate-200 bg-white px-3.5 py-2.5 pr-10 text-xs text-slate-800 shadow-2xs focus:border-rose-500 focus:ring-2 focus:ring-rose-500/20 focus:outline-none dark:border-gray-800 dark:bg-gray-950 dark:text-gray-200"
-                        >
-                            <option value="">
-                                -- কারণ বেছে নিন (ঐচ্ছিক) --
-                            </option>
-                            <option
-                                v-for="r in reasons"
-                                :key="r.value"
-                                :value="r.value"
-                            >
-                                {{ r.label }}
-                            </option>
-                        </select>
-                        <ChevronDown
-                            class="pointer-events-none absolute top-1/2 right-3.5 h-4 w-4 -translate-y-1/2 text-slate-400"
-                        />
+                        <div class="flex items-start gap-2.5">
+                            <ShieldAlert
+                                class="mt-0.5 h-4 w-4 shrink-0 text-rose-600 dark:text-rose-400"
+                            />
+                            <div class="space-y-2 leading-relaxed">
+                                <p class="font-bold">গুরুত্বপূর্ণ সতর্কতা:</p>
+                                <ul
+                                    class="list-inside list-disc space-y-1.5 pl-0.5"
+                                >
+                                    <li>
+                                        আপনার প্রোফাইল, স্টাডি ট্র্যাকার ও
+                                        ব্যক্তিগত তথ্যসহ যাবতীয় সবকিছু
+                                        স্থায়ীভাবে মুছে যাবে।
+                                    </li>
+                                    <li>
+                                        আমাদের
+                                        <Link
+                                            href="/terms-service"
+                                            target="_blank"
+                                            class="font-semibold underline hover:text-rose-950 dark:hover:text-white"
+                                            >Terms & Conditions</Link
+                                        >
+                                        ও
+                                        <Link
+                                            href="/privacy-policy"
+                                            target="_blank"
+                                            class="font-semibold underline hover:text-rose-950 dark:hover:text-white"
+                                            >Privacy Policy</Link
+                                        >
+                                        অনুসারে আপনার আপলোড করা রিসোর্স ও নোট
+                                        প্ল্যাটফর্মে অক্ষত থাকবে।
+                                    </li>
+                                    <li>
+                                        অ্যাকাউন্ট মুছে ফেলার প্রক্রিয়া সম্পন্ন
+                                        হওয়ার পর তা কোনোভাবেই পূর্বাবস্থায়
+                                        ফিরিয়ে আনা সম্ভব হবে না।
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
                     </div>
                 </div>
 
-                <!-- Feedback Textarea (Optional) -->
-                <div>
-                    <label
-                        for="feedback"
-                        class="mb-1.5 block text-xs font-semibold text-slate-700 dark:text-gray-300"
-                    >
-                        মতামত বা মন্তব্য (ঐচ্ছিক)
-                    </label>
-                    <textarea
-                        id="feedback"
-                        v-model="feedback"
-                        rows="3"
-                        placeholder="কোনো মতামত বা কারণ শেয়ার করতে চাইলে লিখতে পারেন..."
-                        class="w-full rounded-xl border border-slate-200 bg-white px-3.5 py-2.5 text-xs text-slate-900 placeholder:text-slate-400 focus:border-rose-500 focus:ring-2 focus:ring-rose-500/20 focus:outline-none dark:border-gray-800 dark:bg-gray-950 dark:text-gray-100 dark:placeholder:text-gray-500"
-                    ></textarea>
-                </div>
-
-                <!-- Privacy & Terms Notice & Processing Time in Bengali -->
                 <div
-                    class="rounded-xl border border-slate-200/70 bg-slate-50/70 p-3.5 text-xs text-slate-600 dark:border-gray-800 dark:bg-gray-800/40 dark:text-gray-400"
+                    class="flex items-center justify-end gap-2.5 border-t border-slate-100 pt-4 dark:border-gray-800"
                 >
-                    <p class="leading-relaxed">
-                        আমরা আপনার ডেটা কীভাবে পরিচালনা ও প্রসেস করি তা
-                        বিস্তারিত জানতে আমাদের
-                        <Link
-                            href="/privacy-policy"
-                            class="font-semibold text-indigo-600 underline hover:text-indigo-700 dark:text-indigo-400 dark:hover:text-indigo-300"
-                        >
-                            Privacy Policy
-                        </Link>
-                        এবং
-                        <Link
-                            href="/terms-service"
-                            class="font-semibold text-indigo-600 underline hover:text-indigo-700 dark:text-indigo-400 dark:hover:text-indigo-300"
-                        >
-                            Terms & Conditions
-                        </Link>
-                        পড়ুন।
-                    </p>
-                    <p
-                        class="mt-1.5 text-[11px] text-slate-500 dark:text-gray-400"
-                    >
-                        অ্যাকাউন্ট ডিলিট সম্পন্ন হতে সর্বোচ্চ
-                        <strong>৪৮ ঘণ্টা</strong> পর্যন্ত সময় লাগতে পারে।
-                        অ্যাকাউন্ট ডিলিট হওয়ার পর আপনার ইমেইলে একটি নিশ্চিতকরণ
-                        মেসেজ যাবে।
-                    </p>
-                </div>
-
-                <!-- Confirmation Checkbox -->
-                <div class="pt-1">
-                    <label
-                        class="flex cursor-pointer items-start gap-2.5 text-xs text-slate-700 dark:text-gray-300"
-                    >
-                        <input
-                            v-model="isConfirmed"
-                            type="checkbox"
-                            class="mt-0.5 h-4 w-4 rounded border-slate-300 text-rose-600 focus:ring-rose-500 dark:border-gray-700 dark:bg-gray-900"
-                        />
-                        <span class="leading-relaxed select-none">
-                            আমি নিশ্চিত করছি যে আমি আমার অ্যাকাউন্ট মুছে ফেলার
-                            জন্য সাপোর্ট টিকেট পাঠাতে চাই।
-                        </span>
-                    </label>
-                </div>
-
-                <!-- Actions -->
-                <div class="flex items-center justify-end gap-2.5 pt-4">
                     <Link
                         href="/profile"
                         class="rounded-xl border border-slate-200 bg-white px-4 py-2 text-xs font-semibold text-slate-600 transition hover:bg-slate-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
                     >
                         বাতিল
                     </Link>
-
                     <button
-                        type="submit"
-                        :disabled="
-                            !isConfirmed ||
-                            form.processing ||
-                            isTicketLimitReached
-                        "
-                        class="inline-flex cursor-pointer items-center justify-center gap-1.5 rounded-xl bg-rose-600 px-4 py-2 text-xs font-bold text-white shadow-2xs transition hover:bg-rose-700 focus:ring-4 focus:ring-rose-500/20 focus:outline-none active:scale-95 disabled:cursor-not-allowed disabled:opacity-50"
+                        type="button"
+                        @click="goToNextStep"
+                        class="inline-flex items-center gap-1.5 rounded-xl bg-slate-900 px-4 py-2 text-xs font-bold text-white shadow-xs transition hover:bg-slate-800 dark:bg-white dark:text-slate-900 dark:hover:bg-slate-100"
                     >
-                        <Trash2 class="h-3.5 w-3.5" />
-                        <span>ডিলিট রিকোয়েস্ট পাঠান</span>
+                        <span>পরবর্তী ধাপ</span>
+                        <ArrowRight class="h-3.5 w-3.5" />
                     </button>
                 </div>
-            </form>
-        </div>
+            </div>
+
+            <!-- STEP 2: কারণ (Reason & Feedback) -->
+            <div
+                v-show="currentStep === 2"
+                class="flex min-h-[360px] flex-col justify-between"
+            >
+                <div class="space-y-4">
+                    <!-- Reason dropdown (Optional) -->
+                    <div>
+                        <label
+                            for="reason"
+                            class="mb-1.5 block text-xs font-semibold text-slate-700 dark:text-gray-300"
+                        >
+                            কারণ নির্বাচন করুন (ঐচ্ছিক)
+                        </label>
+                        <div class="relative">
+                            <select
+                                id="reason"
+                                v-model="selectedReason"
+                                class="w-full appearance-none rounded-xl border border-slate-200 bg-white px-3.5 py-2.5 pr-10 text-xs text-slate-800 shadow-2xs focus:border-rose-500 focus:ring-2 focus:ring-rose-500/20 focus:outline-none dark:border-gray-800 dark:bg-gray-950 dark:text-gray-200"
+                            >
+                                <option value="">
+                                    -- কারণ বেছে নিন (ঐচ্ছিক) --
+                                </option>
+                                <option
+                                    v-for="reason in reasons"
+                                    :key="reason.value"
+                                    :value="reason.value"
+                                >
+                                    {{ reason.label }}
+                                </option>
+                            </select>
+                            <ChevronDown
+                                class="pointer-events-none absolute top-1/2 right-3 h-4 w-4 -translate-y-1/2 text-slate-400"
+                            />
+                        </div>
+                    </div>
+
+                    <!-- Feedback / Notes (Optional) -->
+                    <div>
+                        <label
+                            for="feedback"
+                            class="mb-1.5 block text-xs font-semibold text-slate-700 dark:text-gray-300"
+                        >
+                            মতামত বা অতিরিক্ত তথ্য (ঐচ্ছিক)
+                        </label>
+                        <textarea
+                            id="feedback"
+                            v-model="feedback"
+                            rows="4"
+                            maxlength="1000"
+                            class="w-full rounded-xl border border-slate-200 bg-white p-3 text-xs text-slate-800 placeholder-slate-400 shadow-2xs focus:border-rose-500 focus:ring-2 focus:ring-rose-500/20 focus:outline-none dark:border-gray-800 dark:bg-gray-950 dark:text-gray-200 dark:placeholder-gray-500"
+                            placeholder="প্ল্যাটফর্ম সম্পর্কে আপনার কোনো অভিযোগ বা পরামর্শ থাকলে জানাতে পারেন..."
+                        ></textarea>
+                    </div>
+                </div>
 
-        <!-- Final Confirmation Modal (Aligned with Legal Policy) -->
-        <BaseModal
-            :is-open="showConfirmModal"
-            title="অ্যাকাউন্ট মুছে ফেলার চূড়ান্ত নিশ্চিতকরণ"
-            description="সতর্কতা: এই পদক্ষেপটি স্থায়ী ও অপরিবর্তনীয়"
-            max-width="md"
-            @close="showConfirmModal = false"
-        >
-            <div class="space-y-4 p-5 text-slate-800 dark:text-gray-200">
                 <div
-                    class="flex items-start gap-3 rounded-2xl border border-rose-200 bg-rose-50/80 p-3.5 text-xs text-rose-900 dark:border-rose-900/50 dark:bg-rose-950/40 dark:text-rose-200"
+                    class="flex items-center justify-between gap-2.5 border-t border-slate-100 pt-4 dark:border-gray-800"
                 >
-                    <AlertTriangle
-                        class="h-5 w-5 shrink-0 text-rose-600 dark:text-rose-400"
-                    />
-                    <div class="space-y-1">
-                        <p class="font-bold">আপনি কি নিশ্চিত?</p>
-                        <p class="leading-relaxed">
-                            অনুরোধ সাবমিট করলে আমাদের সাপোর্ট টিমের কাছে একটি
-                            অফিশিয়াল টিকেট পাঠানো হবে এবং সর্বোচ্চ
-                            <strong>৪৮ ঘণ্টার</strong> মধ্যে অ্যাকাউন্ট মুছে
-                            ফেলা হবে।
+                    <button
+                        type="button"
+                        @click="goToPrevStep"
+                        class="inline-flex items-center gap-1.5 rounded-xl border border-slate-200 bg-white px-4 py-2 text-xs font-semibold text-slate-600 transition hover:bg-slate-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
+                    >
+                        <ArrowLeft class="h-3.5 w-3.5" />
+                        <span>পূর্ববর্তী ধাপ</span>
+                    </button>
+                    <button
+                        type="button"
+                        @click="goToNextStep"
+                        class="inline-flex items-center gap-1.5 rounded-xl bg-slate-900 px-4 py-2 text-xs font-bold text-white shadow-xs transition hover:bg-slate-800 dark:bg-white dark:text-slate-900 dark:hover:bg-slate-100"
+                    >
+                        <span>পরবর্তী ধাপ</span>
+                        <ArrowRight class="h-3.5 w-3.5" />
+                    </button>
+                </div>
+            </div>
+
+            <!-- STEP 3: প্রক্রিয়া (Process Timeline) -->
+            <div
+                v-show="currentStep === 3"
+                class="flex min-h-[360px] flex-col justify-between"
+            >
+                <div class="space-y-3">
+                    <div
+                        class="rounded-xl border border-indigo-100 bg-indigo-50/60 p-3.5 text-xs text-indigo-950 dark:border-indigo-900/40 dark:bg-indigo-950/20 dark:text-indigo-200"
+                    >
+                        <p
+                            class="text-xs leading-relaxed text-slate-700 dark:text-gray-300"
+                        >
+                            ব্যবহারকারীদের নিরাপত্তার স্বার্থে নিচের পদ্ধতি
+                            অনুসারে অ্যাকাউন্ট মুছে ফেলা হয়:
                         </p>
                     </div>
+
+                    <!-- Process Timeline Cards -->
+                    <div class="space-y-2.5">
+                        <div
+                            class="flex items-start gap-3 rounded-xl border border-slate-100 bg-slate-50/80 p-3 dark:border-gray-800 dark:bg-gray-800/40"
+                        >
+                            <div
+                                class="flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-indigo-100 text-indigo-600 dark:bg-indigo-900/40 dark:text-indigo-400"
+                            >
+                                <Clock class="h-3.5 w-3.5" />
+                            </div>
+                            <div>
+                                <p
+                                    class="text-xs font-bold text-slate-900 dark:text-white"
+                                >
+                                    ১. আবেদন পর্যালোচনা (সর্বোচ্চ ৪৮ ঘণ্টা)
+                                </p>
+                                <p
+                                    class="mt-0.5 text-[11px] leading-relaxed text-slate-500 dark:text-gray-400"
+                                >
+                                    আপনার অনুরোধটি পাওয়ার পর অ্যাডমিন টিম
+                                    সর্বোচ্চ ৪৮ ঘণ্টার মধ্যে প্রসেস করবে।
+                                </p>
+                            </div>
+                        </div>
+
+                        <div
+                            class="flex items-start gap-3 rounded-xl border border-slate-100 bg-slate-50/80 p-3 dark:border-gray-800 dark:bg-gray-800/40"
+                        >
+                            <div
+                                class="flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-amber-100 text-amber-600 dark:bg-amber-900/40 dark:text-amber-400"
+                            >
+                                <MailCheck class="h-3.5 w-3.5" />
+                            </div>
+                            <div>
+                                <p
+                                    class="text-xs font-bold text-slate-900 dark:text-white"
+                                >
+                                    ২. ইমেইলে সিকিউর কনফার্মেশন লিংক
+                                </p>
+                                <p
+                                    class="mt-0.5 text-[11px] leading-relaxed text-slate-500 dark:text-gray-400"
+                                >
+                                    সর্বোচ্চ ৪৮ ঘণ্টার মধ্যে আপনার ইমেইলে একটি
+                                    সুরক্ষিত কনফার্মেশন লিংক পাঠানো হবে। ইনবক্সে
+                                    না পেলে অনুগ্রহ করে স্প্যাম (Spam/Junk)
+                                    ফোল্ডার চেক করুন।
+                                </p>
+                            </div>
+                        </div>
+
+                        <div
+                            class="flex items-start gap-3 rounded-xl border border-slate-100 bg-slate-50/80 p-3 dark:border-gray-800 dark:bg-gray-800/40"
+                        >
+                            <div
+                                class="flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-rose-100 text-rose-600 dark:bg-rose-900/40 dark:text-rose-400"
+                            >
+                                <Trash2 class="h-3.5 w-3.5" />
+                            </div>
+                            <div>
+                                <p
+                                    class="text-xs font-bold text-slate-900 dark:text-white"
+                                >
+                                    ৩. চূড়ান্ত ডিলিট সম্পন্ন
+                                </p>
+                                <p
+                                    class="mt-0.5 text-[11px] leading-relaxed text-slate-500 dark:text-gray-400"
+                                >
+                                    লিংকে ক্লিক করে কনফার্ম করলে তাৎক্ষণিকভাবে
+                                    অ্যাকাউন্ট স্থায়ীভাবে ডিলিট হয়ে যাবে।
+                                </p>
+                            </div>
+                        </div>
+                    </div>
                 </div>
 
-                <!-- Policy highlights -->
                 <div
-                    class="space-y-2 rounded-xl border border-slate-100 bg-slate-50/80 p-3 text-[11px] text-slate-600 dark:border-gray-800 dark:bg-gray-800/40 dark:text-gray-400"
+                    class="flex items-center justify-between gap-2.5 border-t border-slate-100 pt-4 dark:border-gray-800"
                 >
-                    <div class="flex items-start gap-2">
-                        <ShieldAlert
-                            class="mt-0.5 h-3.5 w-3.5 shrink-0 text-rose-500"
-                        />
-                        <span>
-                            আপনার প্রোফাইল ও ব্যক্তিগত ডেটা স্থায়ীভাবে অপসারিত
-                            হবে (
+                    <button
+                        type="button"
+                        @click="goToPrevStep"
+                        class="inline-flex items-center gap-1.5 rounded-xl border border-slate-200 bg-white px-4 py-2 text-xs font-semibold text-slate-600 transition hover:bg-slate-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
+                    >
+                        <ArrowLeft class="h-3.5 w-3.5" />
+                        <span>পূর্ববর্তী ধাপ</span>
+                    </button>
+                    <button
+                        type="button"
+                        @click="goToNextStep"
+                        class="inline-flex items-center gap-1.5 rounded-xl bg-slate-900 px-4 py-2 text-xs font-bold text-white shadow-xs transition hover:bg-slate-800 dark:bg-white dark:text-slate-900 dark:hover:bg-slate-100"
+                    >
+                        <span>এগিয়ে যান</span>
+                        <ArrowRight class="h-3.5 w-3.5" />
+                    </button>
+                </div>
+            </div>
+
+            <!-- STEP 4: নিশ্চিতকরণ (Final Consent & Submit) -->
+            <div
+                v-show="currentStep === 4"
+                class="flex min-h-[360px] flex-col justify-between"
+            >
+                <div class="space-y-4">
+                    <!-- Legal info summary -->
+                    <div
+                        class="space-y-2 rounded-xl border border-slate-100 bg-slate-50/80 p-3.5 text-xs text-slate-600 dark:border-gray-800 dark:bg-gray-800/40 dark:text-gray-400"
+                    >
+                        <div
+                            class="flex items-center gap-1.5 font-semibold text-slate-900 dark:text-white"
+                        >
+                            <FileText class="h-4 w-4 text-slate-500" />
+                            <span>আইনি নির্দেশিকা ও পলিসি:</span>
+                        </div>
+                        <p class="text-[11px] leading-relaxed">
+                            মুছে ফেলার আবেদন জমা করার পূর্বে অনুগ্রহ করে আমাদের
                             <Link
                                 href="/privacy-policy"
                                 target="_blank"
@@ -398,73 +662,77 @@ const submitDeleteTicket = () => {
                             >
                                 Privacy Policy
                             </Link>
-                            ধারা ৯)।
-                        </span>
-                    </div>
-                    <div class="flex items-start gap-2">
-                        <span class="font-bold text-indigo-500">•</span>
-                        <span>
-                            আপনার পূর্বের আপলোডকৃত কনটেন্ট
+                            এবং
                             <Link
-                                href="/content-policy"
+                                href="/terms-service"
                                 target="_blank"
                                 class="font-semibold text-indigo-600 underline hover:text-indigo-700 dark:text-indigo-400"
                             >
-                                Content Policy
+                                Terms & Conditions
                             </Link>
-                            অনুযায়ী প্রসেস হবে।
-                        </span>
+                            পড়ুন।
+                        </p>
+                    </div>
+
+                    <!-- Confirmation Checkbox -->
+                    <div
+                        class="rounded-xl border border-rose-100 bg-rose-50/40 p-3.5 dark:border-rose-900/30 dark:bg-rose-950/20"
+                    >
+                        <label
+                            class="flex cursor-pointer items-start gap-2.5 text-xs text-slate-700 dark:text-gray-300"
+                        >
+                            <input
+                                v-model="isConfirmed"
+                                type="checkbox"
+                                class="mt-0.5 h-4 w-4 rounded border-slate-300 text-rose-600 focus:ring-rose-500 dark:border-gray-700 dark:bg-gray-900"
+                            />
+                            <span
+                                class="leading-relaxed font-medium text-slate-900 select-none dark:text-gray-100"
+                            >
+                                আমি নিশ্চিত করছি যে আমি আমার অ্যাকাউন্ট মুছে
+                                ফেলার আবেদন করতে চাই।
+                            </span>
+                        </label>
                     </div>
                 </div>
 
+                <!-- Action Buttons -->
                 <div
-                    class="flex items-center justify-between text-[11px] text-slate-500 dark:text-gray-400"
+                    class="flex items-center justify-between gap-2.5 border-t border-slate-100 pt-4 dark:border-gray-800"
                 >
-                    <span>
-                        অ্যাকাউন্ট:
-                        <strong class="text-slate-800 dark:text-gray-200">
-                            @{{ authUser?.username || authUser?.name }}
-                        </strong>
-                    </span>
-                    <Link
-                        href="/privacy-policy"
-                        target="_blank"
-                        class="text-indigo-600 underline hover:text-indigo-700 dark:text-indigo-400"
+                    <button
+                        type="button"
+                        @click="goToPrevStep"
+                        :disabled="form.processing"
+                        class="inline-flex items-center gap-1.5 rounded-xl border border-slate-200 bg-white px-4 py-2 text-xs font-semibold text-slate-600 transition hover:bg-slate-50 disabled:opacity-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
                     >
-                        Privacy Policy পড়ুন
-                    </Link>
-                </div>
-            </div>
+                        <ArrowLeft class="h-3.5 w-3.5" />
+                        <span>পূর্ববর্তী ধাপ</span>
+                    </button>
 
-            <div
-                class="flex items-center justify-end gap-2 border-t border-slate-100 bg-slate-50/60 px-5 py-3 dark:border-gray-800 dark:bg-gray-900/60"
-            >
-                <button
-                    type="button"
-                    @click="showConfirmModal = false"
-                    :disabled="form.processing"
-                    class="cursor-pointer rounded-xl border border-slate-200 bg-white px-3.5 py-2 text-xs font-semibold text-slate-600 transition hover:bg-slate-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
-                >
-                    ফিরে যান
-                </button>
-                <button
-                    type="button"
-                    @click="submitDeleteTicket"
-                    :disabled="form.processing"
-                    class="inline-flex cursor-pointer items-center justify-center gap-1.5 rounded-xl bg-rose-600 px-4 py-2 text-xs font-semibold text-white shadow-2xs transition hover:bg-rose-700 active:scale-95 disabled:opacity-50"
-                >
-                    <Loader2
-                        v-if="form.processing"
-                        class="h-3.5 w-3.5 animate-spin"
-                    />
-                    <Trash2 v-else class="h-3.5 w-3.5" />
-                    <span>{{
-                        form.processing
-                            ? 'সাবমিট হচ্ছে...'
-                            : 'হ্যাঁ, ডিলিট রিকোয়েস্ট পাঠান'
-                    }}</span>
-                </button>
+                    <button
+                        type="button"
+                        @click="submitDeleteTicket"
+                        :disabled="
+                            !isConfirmed ||
+                            form.processing ||
+                            isTicketLimitReached
+                        "
+                        class="inline-flex cursor-pointer items-center justify-center gap-1.5 rounded-xl bg-rose-600 px-4 py-2 text-xs font-bold text-white shadow-2xs transition hover:bg-rose-700 focus:ring-4 focus:ring-rose-500/20 focus:outline-none active:scale-95 disabled:cursor-not-allowed disabled:opacity-50"
+                    >
+                        <Loader2
+                            v-if="form.processing"
+                            class="h-3.5 w-3.5 animate-spin"
+                        />
+                        <Trash2 v-else class="h-3.5 w-3.5" />
+                        <span>{{
+                            form.processing
+                                ? 'সাবমিট হচ্ছে...'
+                                : 'ডিলিট রিকোয়েস্ট পাঠান'
+                        }}</span>
+                    </button>
+                </div>
             </div>
-        </BaseModal>
+        </div>
     </div>
 </template>
diff --git a/routes/admin.php b/routes/admin.php
index e0cee254..530c05cf 100644
--- a/routes/admin.php
+++ b/routes/admin.php
@@ -89,6 +89,7 @@
 });
 
 Route::delete('/users/{user}', [AdminUserController::class, 'destroy'])->middleware('permission:delete users')->name('users.destroy');
+Route::post('/users/{user}/send-delete-link', [AdminUserController::class, 'sendDeleteLink'])->middleware('permission:delete users')->name('users.send-delete-link');
 Route::post('/users/{user}/login', [AdminUserController::class, 'loginAs'])->middleware('permission:impersonate users')->name('users.login-as');
 
 // Emails
diff --git a/routes/web.php b/routes/web.php
index d1705118..64ddefc7 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,6 +1,7 @@
 <?php
 
 use App\Http\Controllers\AboutUsController;
+use App\Http\Controllers\AccountDeletionController;
 use App\Http\Controllers\AuthController;
 use App\Http\Controllers\BlogController;
 use App\Http\Controllers\ChatController;
@@ -37,6 +38,12 @@
     Route::get('/account/delete', [ProfileController::class, 'deleteAccount'])->name('account.delete');
     Route::post('/api/short-urls', [ShortUrlController::class, 'store'])->name('short-urls.store');
 
+    // Signed Account Deletion by User
+    Route::withoutMiddleware(['auth'])->middleware(['throttle:6,1'])->group(function () {
+        Route::get('/account/delete/verify/{user}', [AccountDeletionController::class, 'showConfirm'])->name('account.delete.verify');
+        Route::post('/account/delete/verify/{user}', [AccountDeletionController::class, 'confirmDelete'])->middleware('signed')->name('account.delete.confirm');
+    });
+
     // Blog Authoring & Management
     Route::middleware('permission:create blogs|manage blogs')->group(function () {
         Route::get('/blogs/create', [BlogController::class, 'create'])->name('blogs.create');
diff --git a/tests/Feature/AccountDeletionSignedUrlTest.php b/tests/Feature/AccountDeletionSignedUrlTest.php
new file mode 100644
index 00000000..d8558cbd
--- /dev/null
+++ b/tests/Feature/AccountDeletionSignedUrlTest.php
@@ -0,0 +1,226 @@
+<?php
+
+namespace Tests\Feature;
+
+use App\Mail\AccountDeletedMail;
+use App\Mail\AccountDeletionLinkMail;
+use App\Models\User;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Mail;
+use Illuminate\Support\Facades\URL;
+use Spatie\Permission\Models\Permission;
+use Tests\TestCase;
+
+class AccountDeletionSignedUrlTest extends TestCase
+{
+    use RefreshDatabase;
+
+    protected User $admin;
+
+    protected User $targetUser;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        Permission::findOrCreate('view admin');
+        Permission::findOrCreate('view users');
+        Permission::findOrCreate('delete users');
+
+        $this->admin = User::factory()->create([
+            'email' => 'admin@example.com',
+        ]);
+        $this->admin->givePermissionTo(['view admin', 'view users', 'delete users']);
+
+        $this->targetUser = User::factory()->create([
+            'name' => 'Target User',
+            'email' => 'target@example.com',
+        ]);
+    }
+
+    public function test_admin_can_send_deletion_link_to_user(): void
+    {
+        Mail::fake();
+
+        $response = $this->actingAs($this->admin)
+            ->post(route('admin.users.send-delete-link', $this->targetUser));
+
+        $response->assertSessionHas('success');
+
+        Mail::assertQueued(AccountDeletionLinkMail::class, function ($mail) {
+            return $mail->hasTo('target@example.com')
+                && str_contains($mail->signedUrl, 'account/delete/verify/'.$this->targetUser->id)
+                && str_contains($mail->signedUrl, 'signature=');
+        });
+    }
+
+    public function test_cannot_send_deletion_link_without_permission(): void
+    {
+        Mail::fake();
+
+        $regularUser = User::factory()->create();
+
+        $response = $this->actingAs($regularUser)
+            ->post(route('admin.users.send-delete-link', $this->targetUser));
+
+        $response->assertStatus(302);
+        $response->assertSessionHas('error');
+        Mail::assertNothingQueued();
+    }
+
+    public function test_cannot_send_deletion_link_if_user_has_no_email(): void
+    {
+        Mail::fake();
+
+        $userId = DB::table('users')->insertGetId([
+            'name' => 'User Without Email',
+            'email' => '',
+            'username' => 'user_no_email_'.uniqid(),
+            'google_id' => 'no_email_'.uniqid(),
+            'created_at' => now(),
+            'updated_at' => now(),
+        ]);
+        $user = User::findOrFail($userId);
+
+        $response = $this->actingAs($this->admin)
+            ->post(route('admin.users.send-delete-link', $user));
+
+        $response->assertSessionHas('error');
+        Mail::assertNothingQueued();
+    }
+
+    public function test_user_can_access_confirmation_page_with_valid_signed_url(): void
+    {
+        $this->withoutVite();
+
+        $signedUrl = URL::temporarySignedRoute(
+            'account.delete.verify',
+            now()->addHours(24),
+            [
+                'user' => $this->targetUser->id,
+                'hash' => sha1($this->targetUser->email),
+            ]
+        );
+
+        $response = $this->get($signedUrl);
+
+        $response->assertStatus(200);
+        $response->assertInertia(fn ($page) => $page
+            ->component('Account/ConfirmDeletion')
+            ->has('user')
+            ->where('user.id', $this->targetUser->id)
+            ->where('user.email', $this->targetUser->email)
+        );
+    }
+
+    public function test_access_denied_with_tampered_or_invalid_signature(): void
+    {
+        $this->withoutVite();
+
+        $signedUrl = URL::temporarySignedRoute(
+            'account.delete.verify',
+            now()->addHours(24),
+            [
+                'user' => $this->targetUser->id,
+                'hash' => sha1($this->targetUser->email),
+            ]
+        );
+
+        // Tamper with the URL
+        $tamperedUrl = $signedUrl.'&extra=bad';
+
+        $response = $this->get($tamperedUrl);
+        $response->assertStatus(200);
+        $response->assertInertia(fn ($page) => $page
+            ->component('Account/ConfirmDeletion')
+            ->where('isValid', false)
+        );
+    }
+
+    public function test_access_denied_with_expired_signature(): void
+    {
+        $this->withoutVite();
+
+        $expiredUrl = URL::temporarySignedRoute(
+            'account.delete.verify',
+            now()->subHour(),
+            [
+                'user' => $this->targetUser->id,
+                'hash' => sha1($this->targetUser->email),
+            ]
+        );
+
+        $response = $this->get($expiredUrl);
+        $response->assertStatus(200);
+        $response->assertInertia(fn ($page) => $page
+            ->component('Account/ConfirmDeletion')
+            ->where('isValid', false)
+        );
+    }
+
+    public function test_access_denied_with_mismatched_hash(): void
+    {
+        $this->withoutVite();
+
+        $signedUrl = URL::temporarySignedRoute(
+            'account.delete.verify',
+            now()->addHours(24),
+            [
+                'user' => $this->targetUser->id,
+                'hash' => sha1('different-email@example.com'),
+            ]
+        );
+
+        $response = $this->get($signedUrl);
+        $response->assertStatus(200);
+        $response->assertInertia(fn ($page) => $page
+            ->component('Account/ConfirmDeletion')
+            ->where('isValid', false)
+        );
+    }
+
+    public function test_user_can_permanently_delete_account_via_signed_post(): void
+    {
+        Mail::fake();
+
+        $signedUrl = URL::temporarySignedRoute(
+            'account.delete.confirm',
+            now()->addHours(24),
+            [
+                'user' => $this->targetUser->id,
+                'hash' => sha1($this->targetUser->email),
+            ]
+        );
+
+        $response = $this->actingAs($this->targetUser)->post($signedUrl);
+
+        $response->assertRedirect('/');
+        $response->assertSessionHas('success');
+
+        $this->assertDatabaseMissing('users', [
+            'id' => $this->targetUser->id,
+        ]);
+
+        $this->assertGuest();
+
+        Mail::assertNothingQueued();
+    }
+
+    public function test_admin_instant_hard_delete_still_works(): void
+    {
+        Mail::fake();
+
+        $response = $this->actingAs($this->admin)
+            ->delete(route('admin.users.destroy', $this->targetUser));
+
+        $response->assertRedirect(route('admin.users.index'));
+        $this->assertDatabaseMissing('users', [
+            'id' => $this->targetUser->id,
+        ]);
+
+        Mail::assertQueued(AccountDeletedMail::class, function ($mail) {
+            return $mail->hasTo('target@example.com');
+        });
+    }
+}