<div
  style="font-family: Arial, sans-serif; max-width: 600px; margin: auto; border: 1px solid #ddd; border-radius: 8px; overflow: hidden;"
>
  <div
    style="background-color: {{PRIMARY_COLOR}}; color: white; padding: 20px; text-align: center;"
  >
    <img
      src="cid:logo_image"
      alt="{{BRAND_NAME}} Logo"
      style="max-width: 120px; margin-bottom: 15px;"
    />
    <h1 style="margin: 0; font-size: 24px;">Welcome to {{BRAND_NAME}}</h1>
    <p style="font-size: 14px; color: #f0f0f0;">We're excited to have you on
      board!</p>
  </div>
  <div style="padding: 30px; background-color: #f9f9f9;">
    <p style="font-size: 16px; color: #333;">Hi {{USER_NAME}},</p>
    <p style="font-size: 16px; color: #333;">Thank you for signing up with
      {{BRAND_NAME}}. To complete your registration, please use the following
      One-Time Password (OTP) to verify your account:</p>

    <h2
      style="font-size: 32px; color: {{PRIMARY_COLOR}}; margin: 20px 0;"
    >{{OTP}}</h2>

    <p style="font-size: 16px; color: #333;">Your OTP is valid for the next 10
      minutes. Please make sure to enter it in the provided field on the
      verification page.</p>

    <div
      style="background-color: #e7f3ff; padding: 15px; border-radius: 5px; margin: 20px 0;"
    >
      <h3 style="font-size: 18px; color: #333;">How to Use Your OTP:</h3>
      <ol style="font-size: 14px; color: #333; margin-left: 20px;">
        <li>Go to the {{BRAND_NAME}} verification page.</li>
        <li>Enter the OTP provided above in the designated field.</li>
        <li>Click "Verify" to complete your registration process.</li>
      </ol>
    </div>

    <p style="font-size: 14px; color: #666;">If you did not request this OTP,
      please ignore this message. Your account is secure, and no action is
      required.</p>
  </div>
  <div
    style="background-color: #f8f8f8; padding: 15px; text-align: center; color: #999; font-size: 12px;"
  >
    <p>&copy; {{YEAR}} {{BRAND_NAME}}. All rights reserved.</p>
    <p>
      <a
        href="{{SUPPORT_LINK}}"
        style="color: #333; text-decoration: none;"
      >Contact Support</a>
      |
      <a
        href="{{PRIVACY_POLICY_LINK}}"
        style="color: #333; text-decoration: none;"
      >Privacy Policy</a>
    </p>
  </div>
</div>