<!DOCTYPE html>
<html lang="en">
<head><meta charset="utf-8"></head>
<body style="margin:0;padding:0;background:#f5f5f4;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">
  <table width="100%" cellpadding="0" cellspacing="0" style="background:#f5f5f4;padding:40px 0;">
    <tr><td align="center">
      <table width="480" cellpadding="0" cellspacing="0" style="background:#ffffff;border-radius:12px;border:1px solid #e7e5e4;padding:40px;">
        <tr><td>
          <h1 style="margin:0 0 8px;font-size:20px;font-weight:600;color:#1c1917;">{{ site_name }}</h1>
          <p style="margin:0 0 24px;font-size:15px;color:#57534e;">Sign in to your account</p>
          <p style="margin:0 0 24px;font-size:15px;line-height:1.5;color:#44403c;">
            Click the button below to sign in. This link will expire in 15&nbsp;minutes.
          </p>
          <table cellpadding="0" cellspacing="0" style="margin:0 0 24px;"><tr><td style="border-radius:8px;background:#1c1917;">
            <a href="{{ link_url }}" target="_blank"
               style="display:inline-block;padding:12px 32px;font-size:15px;font-weight:500;color:#ffffff;text-decoration:none;border-radius:8px;">
              Sign in
            </a>
          </td></tr></table>
          <p style="margin:0 0 8px;font-size:13px;color:#78716c;">Or copy and paste this link into your browser:</p>
          <p style="margin:0 0 24px;font-size:13px;word-break:break-all;">
            <a href="{{ link_url }}" style="color:#1c1917;">{{ link_url }}</a>
          </p>
          <hr style="border:none;border-top:1px solid #e7e5e4;margin:24px 0;">
          <p style="margin:0;font-size:12px;color:#a8a29e;">
            If you did not request this email, you can safely ignore it.
          </p>
        </td></tr>
      </table>
    </td></tr>
  </table>
</body>
</html>
