<html>
  <title>{{ title }}</title>
  <body
    style="
      margin: 0;
      padding: 0;
      background: #eef2f7;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
        'Helvetica Neue', Arial, sans-serif;
    "
  >
    <table
      role="presentation"
      width="100%"
      cellpadding="0"
      cellspacing="0"
      style="padding: 2rem 0"
    >
      <tr>
        <td align="center">
          <table
            role="presentation"
            width="600"
            cellpadding="0"
            cellspacing="0"
            style="
              background: white;
              border-radius: 8px;
              overflow: hidden;
              max-width: 600px;
              box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
            "
          >
            <tr>
              <td style="height: 6px; background: #2563eb"></td>
            </tr>
            <tr>
              <td style="padding: 2rem">
                <h1 style="margin: 0 0 1rem 0; color: #0f172a; font-size: 22px">
                  {{ title }}
                </h1>
                <div
                  style="font-size: 14px; color: #334155; line-height: 1.6"
                >
                  {{ body | raw }}
                </div>
              </td>
            </tr>
            <tr>
              <td
                style="
                  padding: 1rem 2rem;
                  background: #f8fafc;
                  color: #64748b;
                  font-size: 12px;
                  text-align: center;
                "
              >
                &copy; {{ NODE_NAME }} &mdash; All Rights Reserved.
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </body>
</html>
