<!-- Password Changed -->
<h1 class="email-title">Password Changed Successfully</h1>

<div style="text-align: center; margin: 20px 0">
  <div
    style="
      display: inline-block;
      width: 64px;
      height: 64px;
      background-color: #d1fae5;
      border-radius: 50%;
      text-align: center;
      line-height: 64px;
      font-size: 32px;
    "
  >
    🔒
  </div>
</div>

<p>Hi {{first_name}},</p>
<p>Your Nxtgauge account password has been successfully changed.</p>

<div class="detail-card">
  <div class="detail-row">
    <span class="detail-label">Account</span>
    <span class="detail-value">{{email}}</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">Changed On</span>
    <span class="detail-value">{{changed_at}}</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">Status</span>
    <span class="detail-value" style="color: #059669">✓ Successful</span>
  </div>
</div>

<div
  class="info-box"
  style="background-color: #fee2e2; border-left-color: #dc2626"
>
  <p class="info-box-title" style="color: #991b1b">⚠️ Didn't do this?</p>
  <p style="margin: 0; color: #7f1d1d">
    If you didn't change your password, please
    <strong>contact support immediately</strong> to secure your account.
  </p>
</div>

<div style="text-align: center">
  <a href="{{security_url}}" class="cta-button">Account Security</a>
</div>

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