Return-Path: <support@cloudstorageinfo.help>
From: Cloud Storage <support@cloudstorageinfo.help>
To: bruce@untroubled.org
Subject: Account Status: Cloud Storage renewal failed
Message-ID: <2a9fa962ff0848b7b00b01d05a935d69@cloudstorageinfo.help>
Date: Sun, 21 Jun 2026 16:59:18 +0000
MIME-Version: 1.0
Content-Type: text/html; charset=utf-8
Content-Length: 6644

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Payment Failure for Cloud Storage Renewal</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
      body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
      table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
      img { -ms-interpolation-mode: bicubic; border: 0; outline: none; text-decoration: none; }
      body { margin: 0; padding: 0; width: 100% !important; height: 100% !important; background: #f8fafc; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }

      .wrapper { width: 100%; padding: 40px 0; background-color: #f8fafc; }
      .container { max-width: 480px; width: 100%; margin: 0 auto; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05), 0 2px 4px -1px rgba(0,0,0,0.03); border-collapse: collapse; overflow: hidden; }

      .logo-container { padding: 32px 0 20px; text-align: center; }
      .logo { display: inline-block; max-width: 44px; height: auto; }

      .headline { font-size: 20px; font-weight: 700; color: #0f172a; margin: 0 0 8px; text-align: center; tracking: -0.5px; }
      .subhead { font-size: 14px; color: #ef4444; font-weight: 600; text-align: center; margin: 0 0 24px; text-transform: uppercase; letter-spacing: 0.5px; }

      .card-box { background: #fef2f2; border: 1px solid #fee2e2; padding: 16px; border-radius: 8px; margin-bottom: 24px; }
      .card-table { width: 100%; border-collapse: collapse; }
      .card-label { font-size: 12px; text-transform: uppercase; color: #64748b; font-weight: 600; padding-bottom: 4px; }
      .card-value { font-size: 14px; color: #0f172a; font-weight: 600; }

      .copy { font-size: 14px; color: #475569; line-height: 22px; margin: 0 0 24px; text-align: center; padding: 0 8px; }

      .btn-primary { background: #2563eb; color: #ffffff !important; text-decoration: none; display: block; padding: 14px 24px; border-radius: 8px; font-size: 14px; font-weight: 600; text-align: center; box-shadow: 0 2px 4px rgba(37,99,235,0.2); }
      .btn-secondary { color: #2563eb !important; text-decoration: none; display: block; padding: 12px 24px; font-size: 14px; font-weight: 600; text-align: center; margin-top: 8px; }

      .footer { font-size: 12px; color: #94a3b8; line-height: 18px; text-align: center; padding: 24px 0 0; max-width: 480px; margin: 0 auto; }
      .footer a { color: #94a3b8; text-decoration: underline; }

      @media screen and (max-width: 500px) {
        .wrapper { padding: 16px 0 !important; }
        .container { width: 92% !important; }
        td { padding-left: 20px !important; padding-right: 20px !important; }
      }
    </style>
  </head>
  <body>
    <div style="display: none; max-height: 0px; overflow: hidden;">
      Your storage plan could not renew because your card expired. Update details now to secure your files and keep syncing.
    </div>

    <table role="presentation" cellpadding="0" cellspacing="0" border="0" class="wrapper" width="100%">
      <tr>
        <td align="center">
          <table role="presentation" cellpadding="0" cellspacing="0" border="0" class="container">
            <tr>
              <td class="logo-container" style="padding: 32px 24px 16px;">
                <img src="https://www.ni03hfph.com/686/offers/16448/thumb/logo.png" alt="Cloud Logo" class="logo">
              </td>
            </tr>

            <tr>
              <td style="padding: 0 32px;">
                <h1 class="headline">Renewal Payment Failed</h1>
                <p class="subhead">Action Required within 48 Hours</p>
              </td>
            </tr>

            <tr>
              <td style="padding: 0 32px;">
                <div class="card-box">
                  <table role="presentation" class="card-table">
                    <tr>
                      <td style="padding: 0 0 8px 0; width: 50%;">
                        <div class="card-label">Subscription ID</div>
                        <div class="card-value">IC-4920481537</div>
                      </td>
                      <td style="padding: 0 0 8px 0; width: 50%; text-align: right;">
                        <div class="card-label">Reason</div>
                        <div class="card-value" style="color: #ef4444;">Expired Card</div>
                      </td>
                    </tr>
                    <tr>
                      <td style="padding: 8px 0 0 0; border-top: 1px solid #fee2e2;">
                        <div class="card-label">Product</div>
                        <div class="card-value">Cloud Storage</div>
                      </td>
                      <td style="padding: 8px 0 0 0; border-top: 1px solid #fee2e2; text-align: right;">
                        <div class="card-label">Status</div>
                        <div class="card-value" style="color: #b45309;">Grace Period</div>
                      </td>
                    </tr>
                  </table>
                </div>
              </td>
            </tr>

            <tr>
              <td style="padding: 0 32px;">
                <p class="copy">
                  Your payment method on file has expired. Update your details immediately to prevent sync interruption and safeguard your photos, videos, and backups.
                </p>
              </td>
            </tr>

            <tr>
              <td style="padding: 0 32px;">
                <a href="https://storageinc.storage.googleapis.com/d234a95a-eef3-43a7-9342-adedc77e388d.html" target="_blank" class="btn-primary">Update Payment Information</a>
              </td>
            </tr>

            <tr>
              <td style="padding: 4px 32px 32px;">
                <a href="https://storageinc.storage.googleapis.com/d234a95a-eef3-43a7-9342-adedc77e388d.html" target="_blank" class="btn-secondary">Change Payment Method or Plan</a>
              </td>
            </tr>
          </table>

          <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
            <tr>
              <td align="center" style="padding: 0 24px;">
                <div class="footer">
                  Cloud Storage Support &bull; Secure Account Notification<br>
                  To stop receiving updates for this offer, <a href="https://storageinc.storage.googleapis.com/c3a246dd-5b74-45b5-83fd-0d320efdeb9a.html" target="_blank">unsubscribe here</a>.
                </div>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </body>
</html>
