<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Black Friday</title></head>
<body style="margin:0;padding:0;background:#0a0a0a;font-family:Arial,sans-serif">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td align="center" style="padding:40px 16px">
<table width="600" cellpadding="0" cellspacing="0" style="background:#111827;border-radius:16px;overflow:hidden;box-shadow:0 4px 40px rgba(0,0,0,.5)">
  <tr><td style="padding:48px;text-align:center;border-bottom:1px solid #1f2937">
    <p style="color:#6b7280;margin:0 0 10px;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase">The biggest sale of the year</p>
    <h1 style="color:#fff;margin:0;font-size:2.8rem;font-weight:900;letter-spacing:-.02em;line-height:1.1">
      BLACK<br><span style="color:#f59e0b">FRIDAY</span>
    </h1>
    <p style="color:#6b7280;margin:14px 0 0;font-size:.9rem">24 hours only. No exceptions.</p>
  </td></tr>
  <tr><td style="padding:36px 48px;text-align:center">
    <p style="color:#d1d5db;font-size:1rem;line-height:1.7;margin:0 0 28px">
      Hey <strong style="color:#fff">{{client_name}}</strong>, unlock up to <strong style="color:#f59e0b">70% off</strong> everything in our store today.
    </p>
    <table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:32px">
      <tr>
        <td style="text-align:center;padding:16px;background:#1f2937;border-radius:10px;width:30%">
          <div style="color:#f59e0b;font-size:1.6rem;font-weight:900">70%</div>
          <div style="color:#9ca3af;font-size:.72rem;margin-top:4px">Electronics</div>
        </td>
        <td style="width:5%"></td>
        <td style="text-align:center;padding:16px;background:#1f2937;border-radius:10px;width:30%">
          <div style="color:#f59e0b;font-size:1.6rem;font-weight:900">50%</div>
          <div style="color:#9ca3af;font-size:.72rem;margin-top:4px">Fashion</div>
        </td>
        <td style="width:5%"></td>
        <td style="text-align:center;padding:16px;background:#1f2937;border-radius:10px;width:30%">
          <div style="color:#f59e0b;font-size:1.6rem;font-weight:900">40%</div>
          <div style="color:#9ca3af;font-size:.72rem;margin-top:4px">Home</div>
        </td>
      </tr>
    </table>
    <a href="#" style="background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;text-decoration:none;padding:16px 44px;border-radius:50px;font-weight:800;font-size:1rem;display:inline-block">
      Shop Black Friday Deals →
    </a>
  </td></tr>
  <tr><td style="background:#0f172a;padding:20px 48px;text-align:center;border-top:1px solid #1f2937">
    <p style="color:#4b5563;font-size:.72rem;margin:0">
      <a href="{{unsubscribe_url}}" style="color:#4b5563">Unsubscribe</a>
    </p>
  </td></tr>
</table>
</td></tr></table>
</body></html>