---
// Internal route used by middleware for unauthenticated users
Astro.response.status = 404;

import GatedLayout from '../layouts/GatedLayout.astro';
import { Card, CardContent, CardHeader, CardTitle } from '../lib/components/ui/card';
---

<GatedLayout title="Not Found - FictionArchive">
	<div class="flex min-h-[50vh] items-center justify-center">
		<Card class="mx-auto max-w-md text-center shadow-md shadow-primary/10">
			<CardHeader>
				<CardTitle class="text-4xl font-bold">404</CardTitle>
			</CardHeader>
			<CardContent class="space-y-4">
				<p class="text-muted-foreground">
					The page you're looking for doesn't exist or has been moved.
				</p>
			</CardContent>
		</Card>
	</div>
</GatedLayout>