---
import "@/styles/global.css";
---
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>404 - ページが見つかりません</title>
</head>
<body>
<div class="container min-h-screen flex items-center justify-center">
<div class="text-center px-4">
<h1 class="text-9xl font-bold mb-4">404</h1>
<p class="text-2xl md:text-3xl font-light mb-8">
ページが見つかりません
</p>
<p class="text-gray-600 mb-8">
お探しのページは存在しないか、移動した可能性があります。
</p>
<a
href="/"
class="btn btn-primary"
>
トップページへ戻る
</a>
</div>
</div>
</body>
</html>
