<!DOCTYPE html>
<html lang="ko" class="dark">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>비밀번호 재설정 | 신라 AMP</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <script>
    tailwind.config = {
      darkMode: 'class',
      theme: {
        extend: {
          fontFamily: {
            sans: ['Inter', 'sans-serif']
          }
        }
      }
    };
  </script>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet" />
</head>
<body class="bg-gradient-to-br from-gray-900 via-gray-800 to-black text-white min-h-screen flex items-center justify-center px-4 font-sans">

  <div class="bg-gray-800 bg-opacity-70 backdrop-blur-lg p-8 rounded-2xl shadow-2xl w-full max-w-sm transition-all">
    <div class="text-center mb-6">
      <h1 class="text-3xl font-bold tracking-tight text-white">신라 AMP</h1>
      <p class="text-sm text-gray-400 mt-2">비밀번호 재설정 이메일 발송</p>
    </div>

    {% if user.is_authenticated %}
      <div class="text-center text-sm text-gray-400 mb-4">
        이미 로그인되어 있습니다.
      </div>
    {% endif %}

    <div class="text-center text-sm text-gray-300 mb-6">
      비밀번호 재설정 이메일을 발송했습니다.<br>
      이메일을 확인하여 비밀번호를 재설정해주세요.<br><br>
      <span class="text-yellow-400">스팸 폴더도 확인해보세요.</span>
    </div>

    <div class="flex justify-center space-x-4 text-sm">
      <a href="{% url 'account_login' %}" class="text-blue-400 hover:text-blue-500 transition">
        로그인으로 돌아가기
      </a>
      <span class="text-gray-500">|</span>
      <a href="{% url 'main' %}" class="text-green-400 hover:text-green-500 transition">
        메인으로
      </a>
    </div>
  </div>

</body>
</html>
