<!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:#0f172a;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;">
<table width="100%" cellpadding="0" cellspacing="0" style="background:#0f172a;padding:40px 0;">
<tr><td align="center">
<table width="600" cellpadding="0" cellspacing="0" style="background:#1e293b;border-radius:16px;overflow:hidden;border:1px solid #334155;">
  <!-- Header -->
  <tr>
    <td style="padding:32px 32px 16px;text-align:center;">
      <img src="cid:biznode_logo" alt="BizNode" style="height:52px;" />
    </td>
  </tr>
  <!-- Subject -->
  <tr>
    <td style="padding:0 32px 24px;text-align:center;">
      <h1 style="margin:0;font-size:22px;font-weight:700;background:linear-gradient(135deg,#818cf8,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;">{{SUBJECT}}</h1>
    </td>
  </tr>
  <!-- Divider -->
  <tr>
    <td style="padding:0 32px;">
      <div style="height:1px;background:linear-gradient(90deg,transparent,#4f46e5,transparent);"></div>
    </td>
  </tr>
  <!-- Body -->
  <tr>
    <td style="padding:28px 32px;color:#cbd5e1;font-size:15px;line-height:1.8;">
      {{BODY}}
    </td>
  </tr>
  <!-- Footer -->
  <tr>
    <td style="padding:24px 32px;text-align:center;border-top:1px solid #334155;">
      <p style="margin:0;color:#64748b;font-size:12px;">Powered by BizNode AI</p>
      <p style="margin:4px 0 0;color:#475569;font-size:11px;">{{BUSINESS_NAME}}</p>
    </td>
  </tr>
</table>
</td></tr>
</table>
</body>
</html>
