<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>페이지를 찾을 수 없습니다 - ReportClinic</title>

  <link rel="stylesheet" href="/auth/static/lib/fonts/noto-sans-kr/noto-sans-kr.css">
  <link rel="stylesheet" href="/auth/static/css/base.css">
  <script src="/auth/static/lib/tailwindcss/tailwind-browser.js"></script>
  <script src="/auth/static/lib/lucide/lucide.js"></script>
  
    <style type="text/tailwindcss">
      @theme {
        /* clinic-web tailwind.config.ts 와 동일한 설정 */
        --color-primary: #FF6B6B;
        --color-primary-50: #FFF5F5;
        --color-primary-100: #FFE0E0;
        --color-primary-200: #FFBDBD;
        --color-primary-300: #FF9494;
        --color-primary-400: #FF6B6B;
        --color-primary-500: #FF4444;
        --color-primary-600: #E03333;
        --color-primary-700: #C02222;
        --color-primary-800: #A01515;
        --color-primary-900: #800A0A;
        --font-sans: 'Noto Sans KR', sans-serif;
      }
    </style>
  
</head>

<body class="bg-gray-50 text-slate-800 antialiased font-['Noto_Sans_KR',sans-serif]">
  <div class="max-w-md mx-auto bg-white min-h-screen relative shadow-2xl">

    <header class="bg-white px-4 py-3 sticky top-0 z-40 flex items-center justify-between border-b border-gray-100">
      <a href="/" class="text-xl font-bold tracking-tight text-primary">ReportClinic</a>
    </header>

    <main class="flex flex-col items-center justify-center px-6 py-20 text-center">
      <div class="w-20 h-20 bg-primary-50 rounded-full flex items-center justify-center mb-6">
        <i data-lucide="map-pin-off" class="w-10 h-10 text-primary"></i>
      </div>

      <p class="text-5xl font-bold text-primary mb-4">404</p>
      <h1 class="text-xl font-bold text-slate-800 mb-2">페이지를 찾을 수 없습니다</h1>
      <p class="text-sm text-gray-400 mb-8">요청하신 페이지가 존재하지 않거나 이동되었습니다.</p>

      <a href="/"
         class="inline-flex items-center gap-2 bg-primary text-white font-medium px-6 py-3 rounded-full text-sm">
        <i data-lucide="home" class="w-4 h-4"></i>
        홈으로 돌아가기
      </a>
    </main>

  </div>

  <script>lucide.createIcons();</script>
</body>
</html>
