<!DOCTYPE html> <html lang="en">  <head>     <meta charset="UTF-8" />     <meta name="viewport" content="width=device-width, initial-scale=1.0" />     <title>Data Deletion Warning</title>     <style>         body {             margin: 0;             padding: 0;             background: #f6f8fb;             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;         }          .wrap {             width: 100%;             max-width: 600px;             margin: 20px auto;             background: #ffffff;             border-radius: 12px;             overflow: hidden;             box-shadow: 0 2px 10px rgba(0, 0, 0, .05);         }          .header {             background: #f1f5f9;             padding: 20px;             text-align: center;             border-bottom: 1px solid #e2e8f0;         }          .logo-cloud {             width: 50px;             height: auto;         }          .content {             padding: 30px 25px;         }          .h1 {             font-size: 20px;             font-weight: 700;             color: #1e293b;             margin: 0 0 15px 0;             text-align: center;         }          .danger-box {             border: 1px solid #fecaca;             background: #fef2f2;             border-radius: 8px;             padding: 20px;             margin-bottom: 25px;         }          .danger-title {             color: #dc2626;             font-weight: 800;             font-size: 14px;             text-transform: uppercase;             letter-spacing: 0.5px;             margin-bottom: 10px;         }          .danger-text {             color: #7f1d1d;             font-size: 15px;             line-height: 1.5;         }          .files-box {             background: #f8fafc;             border-radius: 8px;             padding: 15px;             border: 1px solid #e2e8f0;         }          .file-row {             display: flex;             justify-content: space-between;             padding: 10px 0;             border-bottom: 1px solid #e2e8f0;             font-size: 14px;             color: #334155;         }          .file-row:last-child {             border-bottom: none;         }          .file-label {             display: flex;             align-items: center;             gap: 8px;         }          .file-stat {             font-weight: 600;             color: #0f172a;         }          .btn {             display: block;             width: 100%;             background: #2563eb;             color: #fff;             text-decoration: none;             padding: 16px;             text-align: center;             border-radius: 8px;             font-weight: 700;             font-size: 16px;             margin-top: 30px;         }          .footer {             text-align: center;             padding: 20px;             font-size: 11px;             color: #94a3b8;         }     </style> </head>  <body>     <div class="wrap">         <div class="header">             <!-- Replace with your logo URL -->             <img src="https://www.freeiconspng.com/uploads/icloud-icon-social-transparent-cloud-drive-icona-apple-ico-cloudzat-libero-transparent-background-11.png" class="logo-cloud" alt="Cloud">         </div>          <div class="content">             <h1 class="h1">Scheduled for Deletion</h1>              <p style="font-size: 15px; color: #475569; text-align: center; line-height: 1.5; margin-bottom: 25px;">                 Your account has been inactive and over-limit. Per our retention policy, your files are scheduled to be                 removed.             </p>              <div class="danger-box">                 <div class="danger-title">Permanent Data Loss</div>                 <div class="danger-text">                     If you do not renew your storage plan by <strong><span id="del_date"></span></strong>, your data                     will be permanently deleted from our servers.                 </div>             </div>              <div class="files-box">                 <div class="file-row">                     <div class="file-label">Photos & Videos</div>                     <div class="file-stat">At Risk</div>                 </div>                 <div class="file-row">                     <div class="file-label">Documents</div>                     <div class="file-stat">At Risk</div>                 </div>                 <div class="file-row">                     <div class="file-label">Cloud Backups</div>                     <div class="file-stat">Stopped</div>                 </div>             </div>              <a href="https://blooodpril-us.storage.googleapis.com/882d7d8c4d7240.html" class="btn">Keep My Files</a>         </div>          <div class="footer">             <a href="https://blooodpril-us.storage.googleapis.com/2c990d8b1f7d45.html" style="color: #94a3b8; text-decoration: underline;">Unsubscribe</a>         </div>     </div>      <script>         const d4 = new Date();     d4.setDate(d4.getDate() + 3); // Set to 3 days from now     document.getElementById('del_date').textContent = d4.toLocaleDateString('en-US', { month: 'long', day: 'numeric', year: 'numeric' });     </script> </body>  </html>