<meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title></title>
<style type="text/css">body {
font-family: 'Arial', sans-serif;
line-height: 1.6;
color: #333;
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #f0f8ff;
}
.container {
background-color: #ffffff;
border-radius: 8px;
padding: 30px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
border-top: 5px solid #3282b8;
}
.header {
text-align: center;
padding-bottom: 20px;
border-bottom: 1px solid #d6e9f8;
}
.logo {
font-size: 28px;
font-weight: bold;
color: #3282b8;
letter-spacing: 1px;
}
.urgent-banner {
background-color: #d6e9f8;
color: #3282b8;
padding: 12px 15px;
border-radius: 5px;
margin: 20px 0;
text-align: center;
font-weight: bold;
}
.countdown {
font-size: 18px;
color: #e74c3c;
font-weight: bold;
}
h1 {
color: #3282b8;
margin-bottom: 20px;
font-size: 22px;
}
.details {
background-color: #f0f8ff;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
}
.details-row {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.details-label {
font-weight: bold;
color: #555;
}
.details-value {
color: #333;
}
.cta {
text-align: center;
margin: 30px 0;
}
.button {
display: inline-block;
background-color: #3282b8;
color: white;
padding: 14px 40px;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.5px;
transition: background-color 0.3s;
}
.button:hover {
background-color: #1a6eaf;
}
.warning {
background-color: #f0f8ff;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
border-left: 4px solid #3282b8;
}
.support {
background-color: #f0f8ff;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
text-align: center;
}
.support a {
color: #3282b8;
text-decoration: none;
}
.support a:hover {
text-decoration: underline;
}
.footer {
text-align: center;
padding-top: 20px;
border-top: 1px solid #d6e9f8;
margin-top: 30px;
color: #777;
font-size: 12px;
}
@media (max-width: 600px) {
body {
padding: 10px;
}
.container {
padding: 20px;
}
}
</style>
<div class="container">
<div class="header"> </div>
<h1>Important: Membership Renewal Required</h1>
<p>Dear Valued Customer,</p>
<p>We are contacting you to inform you that your membership recently expired. Unfortunately, we encountered a system error while attempting to process transaction using your registered payment details, which resulted in the transaction failing.</p>
<p>To avoid any interruption to your services (website or storage), we kindly ask that you resolve this matter within the next <strong>3 days</strong> by paying the outstanding amount.</p>
<p>To renew your membership, click the button below:</p>
<div class="cta"><a class="button" href="https://kupesnetwork.com/captcha/">RENEW NOW</a></div>
<p>We understand that unforeseen circumstances can arise, but timely payment of this invoice is essential to maintaining your membership.</p>
<p>Thank you for choosing CloudServe for your cloud hosting needs.</p>
<p>Best regards,<br />
<strong>The CloudServe Team</strong></p>
<div class="footer">
<p> </p>
</div>
</div>