<!doctype html>
<html>
  <body style="margin:0;background:#f4f5f7;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:#1f2430;">
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:#f4f5f7;padding:32px 12px;">
      <tr>
        <td align="center">
          <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="max-width:480px;background:#ffffff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(16,24,40,.08);">
            <tr>
              <td style="padding:32px 32px 8px;">
                <p style="margin:0 0 20px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0f766e;">%SITE%</p>
                <h1 style="margin:0 0 12px;font-size:26px;line-height:1.25;">Confirm your email</h1>
                <p style="margin:0 0 20px;font-size:15px;line-height:1.6;color:#4b5563;">
                  Hi %NAME%, welcome to %SITE%. Tap the button below to confirm your email and start joining the conversation.
                </p>
                <p style="margin:0 0 24px;">
                  <a href="%VERIFY_URL%" style="display:inline-block;background:#0f766e;color:#ffffff;text-decoration:none;font-size:15px;font-weight:600;padding:12px 22px;border-radius:10px;">Confirm my email</a>
                </p>
                <p style="margin:0 0 8px;font-size:13px;line-height:1.6;color:#6b7280;">
                  Or paste this link into your browser:
                </p>
                <p style="margin:0 0 24px;font-size:13px;line-height:1.6;word-break:break-all;">
                  <a href="%VERIFY_URL%" style="color:#0f766e;">%VERIFY_URL%</a>
                </p>
                <p style="margin:0;font-size:12px;line-height:1.6;color:#9ca3af;border-top:1px solid #eef0f2;padding-top:16px;">
                  This link expires in 24 hours. If you didn't create an account, you can safely ignore this email.
                </p>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </body>
</html>
