Return-Path: <support@biodanza-fleurdevie-vendee.fr>
From: Cloud Services <support@biodanza-fleurdevie-vendee.fr>
To: bruceg@untroubled.org
Subject: Expand your cloud storage now
Message-ID: <6bdaba262c4e4d988787209294bd2739@biodanza-fleurdevie-vendee.fr>
Date: Fri, 17 Jul 2026 16:46:47 +0000
MIME-Version: 1.0
Content-Type: text/html; charset=utf-8
Content-Length: 4257

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Payment Failed</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            background: #f4f4f5;
            font-family: Helvetica, Arial, sans-serif;
        }

        .wrapper {
            width: 100%;
            padding: 30px 0;
            background: #f4f4f5;
        }

        .main {
            background: #ffffff;
            margin: 0 auto;
            width: 100%;
            max-width: 480px;
            border-radius: 8px;
            border: 1px solid #e4e4e7;
            overflow: hidden;
        }

        .header {
            padding: 20px;
            text-align: center;
            border-bottom: 1px solid #f4f4f5;
        }

        .logo-img {
            display: block;
            margin: 0 auto;
            max-height: 50px;
        }

        .alert-box {
            background: #fee2e2;
            color: #991b1b;
            padding: 15px;
            font-size: 14px;
            text-align: center;
            border-bottom: 1px solid #fecaca;
        }

        .content {
            padding: 25px 20px;
        }

        .h1 {
            font-size: 20px;
            font-weight: 700;
            color: #18181b;
            margin: 0 0 10px;
            text-align: center;
        }

        .p {
            font-size: 15px;
            color: #52525b;
            line-height: 1.5;
            margin: 0 0 20px;
            text-align: center;
        }

        .card-info {
            background: #f4f4f5;
            border-radius: 6px;
            padding: 15px;
            margin-bottom: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .card-text {
            font-size: 14px;
            color: #3f3f46;
            font-weight: 600;
        }

        .status-failed {
            color: #ef4444;
            font-size: 12px;
            font-weight: bold;
            text-transform: uppercase;
            background: #fff;
            padding: 4px 8px;
            border-radius: 4px;
            border: 1px solid #e5e7eb;
        }

        .btn {
            display: block;
            width: 100%;
            background: #ef4444;
            color: #ffffff;
            text-decoration: none;
            padding: 14px 0;
            border-radius: 6px;
            font-weight: bold;
            text-align: center;
            font-size: 16px;
            box-sizing: border-box;
        }

        .footer {
            text-align: center;
            padding: 20px;
            font-size: 12px;
            color: #a1a1aa;
        }
    </style>
</head>

<body>
    <div class="wrapper">
        <div class="main">
            <div class="header">
                <!-- Replace with your logo URL -->
                <img src="https://www.ni03hfph.com/686/offers/16448/thumb/logo.png" class="logo-img" alt="Cloud Logo">
            </div>

            <div class="alert-box">
                <strong>ACTION REQUIRED:</strong> Payment method expired
            </div>

            <div class="content">
                <h1 class="h1">We couldn't process your renewal</h1>
                <p class="p">Your automatic renewal for <strong>250GB Storage</strong> failed on
                    <span id="date1"></span>. Please update your payment method to avoid service interruption.</p>

                <div class="card-info">
                    <span class="card-text">Card ending in .... 4107</span>
                    <span class="status-failed">Failed</span>
                </div>

                <a href="https://dpvf9dujlsoa9.cloudfront.net/CVhJ" class="btn">Update Payment Details</a>
            </div>
        </div>
        <div class="footer">
            <a href="https://dpvf9dujlsoa9.cloudfront.net/jgjb" style="color:#a1a1aa;">Unsubscribe</a> | Subscription ID: #993-221-AX
        </div>
    </div>
    <script>
        const d = new Date();
    document.getElementById('date1').innerText = d.toLocaleDateString('en-US', { month: 'long', day: 'numeric', year: 'numeric' });
    </script>
</body>

</html>
