Return-Path: <support@spam8888.com>
Delivered-To: untroubl8492-bruce@untroubled.org
Received: (qmail 1981513 invoked from network); 4 Apr 2026 17:31:33 -0000
Received: from spam8888.com (156.84.114.136.bc.googleusercontent.com [136.114.84.156])
  by vx0.untroubled.org ([45.63.65.23])
  with SMTP via TCP; 04 Apr 2026 17:31:33 -0000
From: Cl0UD-System<support@spam8888.com>
To: bruce@untroubled.org
Subject: Your personal data is no longer backing up | ID:87878-22253
Message-ID: <469ed392a7a24096b742a7d9125427c6@spam8888.com>
Date: Sat, 04 Apr 2026 17:31:32 +0000
Reply-To: support@spam8888.com
Return-Path: <bounce@spam8888.com>
Precedence: bulk
List-ID: notifications.spam8888.com
List-Unsubscribe: <mailto:unsubscribe@spam8888.com?subject=unsubscribe>, <https://spam8888.com/unsubscribe/74f6d708dae0464e83ed29e7a0e46199>
List-Unsubscribe-Post: List-Unsubscribe=One-Click
X-Mailer: CloudMailer/2.1
MIME-Version: 1.0
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: quoted-printable
Content-Length: 11514

=EF=BB=BF<!DOCTYPE html>
<html lang=3D"en">

<head>
    <meta charset=3D"UTF-8">
    <meta name=3D"viewport" content=3D"width=3Ddevice-width, initial-scale=
=3D1.0">
    <title>Cloud Storage Alert</title>
    <link href=3D"https://fonts.googleapis.com/css2?family=3DInter:wght@400=
;500;600;700;800;900&display=3Dswap"
        rel=3D"stylesheet">
    <style>
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            background-color: #F0F9FF;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-s=
erif;
            -webkit-font-smoothing: antialiased;
            padding: 40px 16px;
        }

        .wrapper {
            max-width: 580px;
            margin: 0 auto;
        }

        /* =E2=94=80=E2=94=80 TOP STATUS BAR =E2=94=80=E2=94=80 */
        .status-bar {
            background: #1E3A8A;
            border-radius: 12px 12px 0 0;
            padding: 0;
            overflow: hidden;
        }

        .status-bar-inner {
            display: table;
            width: 100%;
        }

        .status-bar-left {
            display: table-cell;
            vertical-align: middle;
            padding: 18px 28px;
        }

        .status-bar-label {
            font-size: 11px;
            font-weight: 700;
            color: #93C5FD;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .status-bar-value {
            font-size: 15px;
            font-weight: 700;
            color: #FFFFFF;
            margin-top: 2px;
        }

        .status-bar-right {
            display: table-cell;
            vertical-align: middle;
            text-align: right;
            padding: 18px 28px;
            width: 110px;
        }

        .status-pill {
            display: inline-block;
            background: #3B82F6;
            color: #fff;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.8px;
            text-transform: uppercase;
            padding: 5px 12px;
            border-radius: 20px;
        }

        /* =E2=94=80=E2=94=80 MAIN CARD =E2=94=80=E2=94=80 */
        .card {
            background: #FFFFFF;
            border-radius: 0 0 12px 12px;
            overflow: hidden;
        }

        /* =E2=94=80=E2=94=80 TITLE SECTION =E2=94=80=E2=94=80 */
        .title-section {
            padding: 32px 36px 24px;
            border-bottom: 1px solid #E0F2FE;
        }

        .title-eyebrow {
            font-size: 11px;
            font-weight: 700;
            color: #2563EB;
            text-transform: uppercase;
            letter-spacing: 1.2px;
            margin-bottom: 10px;
        }

        .title-main {
            font-size: 24px;
            font-weight: 900;
            color: #0F172A;
            line-height: 1.2;
            letter-spacing: -0.5px;
        }

        .title-sub {
            font-size: 14px;
            color: #475569;
            line-height: 1.6;
            margin-top: 10px;
        }

        .title-sub strong {
            color: #0F172A;
        }

        /* =E2=94=80=E2=94=80 DATA TABLE =E2=94=80=E2=94=80 */
        .data-section {
            padding: 0 36px;
            border-bottom: 1px solid #E0F2FE;
        }

        .data-row {
            display: table;
            width: 100%;
            border-bottom: 1px solid #F1F5F9;
            padding: 15px 0;
        }

        .data-row:last-child {
            border-bottom: none;
        }

        .data-label {
            display: table-cell;
            font-size: 12px;
            font-weight: 700;
            color: #64748B;
            text-transform: uppercase;
            letter-spacing: 0.6px;
            vertical-align: middle;
            width: 40%;
        }

        .data-value {
            display: table-cell;
            font-size: 15px;
            font-weight: 700;
            color: #0F172A;
            vertical-align: middle;
            text-align: right;
        }

        .ref-chip {
            display: inline-block;
            background: #EFF6FF;
            border: 1px solid #BFDBFE;
            color: #1D4ED8;
            font-family: 'Courier New', Courier, monospace;
            font-size: 14px;
            font-weight: 700;
            padding: 4px 12px;
            border-radius: 4px;
            letter-spacing: 1.5px;
        }

        .data-value-muted {
            display: table-cell;
            font-size: 14px;
            font-weight: 600;
            color: #475569;
            vertical-align: middle;
            text-align: right;
        }

        /* =E2=94=80=E2=94=80 PRICING HIGHLIGHT =E2=94=80=E2=94=80 */
        .pricing-section {
            padding: 28px 36px;
            border-bottom: 1px solid #E0F2FE;
            background: #F8FAFC;
        }

        .pricing-row {
            display: table;
            width: 100%;
        }

        .pricing-left {
            display: table-cell;
            vertical-align: middle;
        }

        .pricing-label {
            font-size: 13px;
            font-weight: 600;
            color: #64748B;
        }

        .pricing-devices {
            font-size: 12px;
            color: #94A3B8;
            margin-top: 2px;
        }

        .pricing-right {
            display: table-cell;
            vertical-align: middle;
            text-align: right;
        }

        .pricing-discount {
            display: inline-block;
            background: #2563EB;
            color: #fff;
            font-size: 12px;
            font-weight: 800;
            padding: 3px 9px;
            border-radius: 3px;
            text-transform: uppercase;
            letter-spacing: 0.3px;
            margin-bottom: 5px;
        }

        .pricing-amount {
            font-size: 28px;
            font-weight: 900;
            color: #0F172A;
            letter-spacing: -1px;
            line-height: 1;
        }

        /* =E2=94=80=E2=94=80 CTA =E2=94=80=E2=94=80 */
        .cta-section {
            padding: 30px 36px 34px;
            text-align: center;
        }

        .cta-headline {
            font-size: 16px;
            font-weight: 800;
            color: #0F172A;
            margin-bottom: 20px;
            letter-spacing: -0.2px;
        }

        .btn {
            display: inline-block;
            background: #2563EB;
            color: #FFFFFF;
            text-decoration: none;
            padding: 17px 52px;
            border-radius: 6px;
            font-size: 16px;
            font-weight: 800;
            letter-spacing: 0.5px;
            text-transform: uppercase;
        }

        .cta-sub {
            font-size: 12px;
            color: #94A3B8;
            margin-top: 14px;
        }

        /* =E2=94=80=E2=94=80 UNSUBSCRIBE =E2=94=80=E2=94=80 */
        .unsub {
            text-align: center;
            font-size: 11px;
            color: #94A3B8;
            padding: 20px 16px 8px;
        }

        .unsub a {
            color: #94A3B8;
            text-decoration: underline;
        }

        @media only screen and (max-width: 480px) {

            .status-bar-left,
            .status-bar-right {
                padding: 16px 20px;
            }

            .title-section,
            .data-section,
            .pricing-section,
            .cta-section {
                padding-left: 22px;
                padding-right: 22px;
            }

            .data-label,
            .data-value,
            .data-value-muted {
                display: block;
                width: 100%;
                text-align: left;
            }

            .data-row {
                display: block;
            }

            .pricing-left,
            .pricing-right {
                display: block;
                width: 100%;
                text-align: left;
            }

            .pricing-right {
                margin-top: 12px;
            }

            .btn {
                width: 100%;
                display: block;
                padding: 17px 20px;
            }
        }
    </style>
</head>

<body>

    <div class=3D"wrapper">

        <!-- STATUS BAR -->
        <div class=3D"status-bar">
            <table class=3D"status-bar-inner" width=3D"100%" cellpadding=3D=
"0" cellspacing=3D"0" border=3D"0">
                <tr>
                    <td class=3D"status-bar-left">
                        <div class=3D"status-bar-label">Storage status</div>
                        <div class=3D"status-bar-value">Cloud Storage</div>
                    </td>
                    <td class=3D"status-bar-right">
                        <span class=3D"status-pill">100% Full</span>
                    </td>
                </tr>
            </table>
        </div>

        <!-- CARD -->
        <div class=3D"card">

            <!-- TITLE -->
            <div class=3D"title-section">
                <div class=3D"title-eyebrow">Warning!</div>
                <div class=3D"title-main">Storage is Full</div>
                <div class=3D"title-sub">
                    <strong>Because you've exceeded your storage plan, your=
 photos, videos, documents, contacts, and personal data are no longer backi=
ng up to the Cloud.</strong><br>
                Some functions will be unavailable. Your files and personal=
 data will be lost.
                </div>
            </div>

            <!-- DATA -->
            <div class=3D"data-section">
                <div class=3D"data-row">
                    <span class=3D"data-label">Photos</span>
                    <span class=3D"data-value"><span class=3D"ref-chip">Sto=
pped Updating</span></span>
                </div>
                <div class=3D"data-row">
                    <span class=3D"data-label">Cloud Drive</span>
                    <span class=3D"data-value-muted">Stopped Updating</span>
                </div>
                <div class=3D"data-row">
                    <span class=3D"data-label">Mail</span>
                    <span class=3D"data-value-muted">Stopped Updating</span>
                </div>
            </div>

            <!-- PRICING -->
            <div class=3D"pricing-section">
                <table class=3D"pricing-row" width=3D"100%" cellpadding=3D"=
0" cellspacing=3D"0" border=3D"0">
                    <tr>
                        <td class=3D"pricing-left">
                            <div class=3D"pricing-label">Continue normal us=
e</div>
                            <div class=3D"pricing-devices">Clean your cloud=
 storage and protect your personal data.</div>
                        </td>
                        <td class=3D"pricing-right">
                            <div><span class=3D"pricing-discount">Action re=
quired</span></div>
                            <div class=3D"pricing-amount">100% FULL</div>
                        </td>
                    </tr>
                </table>
            </div>

            <!-- CTA -->
            <div class=3D"cta-section">
                <div class=3D"cta-headline">Protect your personal data toda=
y</div>
                <a href=3D"https://tinyl.io/CJbY" class=3D"btn">Continue</a>
                <div class=3D"cta-sub"></div>
            </div>

        </div>
    </div>

    <!-- UNSUBSCRIBE -->
    <div class=3D"unsub">
        If you no longer wish to receive these emails, you may <a href=3D"h=
ttps://tinyl.io/CJbZ">unsubscribe here</a>.
    </div>

</body>

</html>
