<!-- Low Credit Balance Warning -->
<h1 class="email-title">⚠️ Low Tracecoin Balance</h1>

<p>Hi {{first_name}},</p>
<p>
  Your Tracecoin balance is running low. Don't miss out on lead opportunities!
</p>

<div
  class="amount-display"
  style="background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%)"
>
  <div class="amount-label" style="color: #991b1b">Current Balance</div>
  <div class="amount-value" style="color: #dc2626">
    <span class="amount-currency"></span>{{current_balance}}
  </div>
  <div style="color: #7f1d1d; font-size: 14px; margin-top: 8px">
    Tracecoins remaining
  </div>
</div>

<div
  class="info-box"
  style="background-color: #fef3c7; border-left-color: #d97706"
>
  <p class="info-box-title" style="color: #92400e">💡 What you can do:</p>
  <ul style="margin: 10px 0; padding-left: 20px; color: #78350f">
    <li>Most leads cost <strong>25 Tracecoins</strong> per request</li>
    <li>Purchase more Tracecoins to continue accessing leads</li>
    <li>New requirements are posted daily</li>
  </ul>
</div>

<div style="text-align: center">
  <a href="{{buy_url}}" class="cta-button">Buy Tracecoins Now</a>
</div>

<p
  style="margin-top: 20px; font-size: 14px; color: #6b7280; text-align: center"
>
  <strong>Popular Package:</strong> {{popular_package}} -
  {{popular_package_price}}<br />
  Good for ~{{leads_count}} lead requests
</p>

<p>Best regards,<br /><strong>The Nxtgauge Team</strong></p>
