<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Welcome!</title></head>
<body style="margin:0;padding:0;background:#f8fafc;font-family:'Inter',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:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.08)">
  <tr><td style="background:linear-gradient(135deg,#7c3aed,#ec4899);padding:48px 48px 40px;text-align:center">
    <h1 style="color:#fff;margin:0;font-size:2rem;font-weight:800;letter-spacing:-.02em">Welcome! 🎉</h1>
    <p style="color:rgba(255,255,255,.85);margin:12px 0 0;font-size:1.05rem">We're so glad you're here.</p>
  </td></tr>
  <tr><td style="padding:40px 48px">
    <p style="color:#334155;font-size:1rem;line-height:1.7;margin:0 0 24px">Hi <strong>{{client_name}}</strong>,</p>
    <p style="color:#334155;font-size:1rem;line-height:1.7;margin:0 0 24px">
      Thank you for joining us! We're thrilled to have you on board. You'll find everything you need to get started below.
    </p>
    <div style="text-align:center;margin:32px 0">
      <a href="#" style="background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;text-decoration:none;
         padding:14px 36px;border-radius:50px;font-weight:700;font-size:.95rem;display:inline-block">
        Get Started →
      </a>
    </div>
    <p style="color:#64748b;font-size:.9rem;line-height:1.6;margin:0">
      If you have any questions, just reply to this email — we're always happy to help.
    </p>
  </td></tr>
  <tr><td style="background:#f8fafc;padding:24px 48px;text-align:center;border-top:1px solid #f1f5f9">
    <p style="color:#94a3b8;font-size:.78rem;margin:0">{{unsubscribe_url}}</p>
  </td></tr>
</table>
</td></tr></table>
</body></html>