<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>eTailorz — Password Help</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
<style>
  body { font-family: 'Inter', sans-serif; background:#FFF9F0; }
  .font-display { font-family: 'Sora', sans-serif; }
</style>
</head>
<body class="min-h-screen flex items-center justify-center p-8">
  <div class="max-w-sm text-center">
    <h1 class="font-display font-semibold text-2xl mb-3" style="color:#1A1625;">Forgot your password?</h1>
    <p class="text-sm mb-6" style="color:#6b6470;">
      For security, passwords can't be reset automatically. Please contact your shop owner (if you're staff) or the eTailorz team (if you're a shop owner) to have your password reset.
    </p>
    <a href="{{ route('login') }}" class="inline-block px-4 py-2 rounded-lg text-sm font-medium text-white" style="background:#C2185B;">← Back to login</a>
  </div>
</body>
</html>
