<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="margin:0;padding:0;background:#111827;font-family:'Trebuchet MS',Arial,sans-serif;">
<table width="100%" cellpadding="0" cellspacing="0" style="background:#111827;padding:40px 0;">
<tr><td align="center">
<table width="600" cellpadding="0" cellspacing="0" style="background:#1f2937;border-radius:12px;overflow:hidden;">
  <!-- Header with gradient -->
  <tr>
    <td style="background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#ec4899 100%);padding:32px;text-align:center;">
      <img src="cid:biznode_logo" alt="BizNode" style="height:56px;margin-bottom:12px;" />
      <h1 style="margin:0;color:#ffffff;font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:2px;">{{SUBJECT}}</h1>
    </td>
  </tr>
  <!-- Body -->
  <tr>
    <td style="padding:32px;color:#d1d5db;font-size:15px;line-height:1.7;">
      {{BODY}}
    </td>
  </tr>
  <!-- CTA area -->
  <tr>
    <td style="padding:0 32px 32px;text-align:center;">
      <div style="display:inline-block;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:12px 32px;border-radius:8px;font-size:14px;font-weight:700;letter-spacing:1px;">BIZNODE AI</div>
    </td>
  </tr>
  <!-- Footer -->
  <tr>
    <td style="background:#111827;padding:20px 32px;text-align:center;border-top:1px solid #374151;">
      <p style="margin:0;color:#6b7280;font-size:12px;">Powered by BizNode Automation</p>
      <p style="margin:4px 0 0;color:#4b5563;font-size:11px;">{{BUSINESS_NAME}}</p>
    </td>
  </tr>
</table>
</td></tr>
</table>
</body>
</html>
