Sujet: Uploads Disabled Due to Billing Issue on 250GB Plan
De: Account Services
Date: 29 juillet 2026 à 17:34
<!DOCTYPE html>
Cloud Storage Warning
<link href="
https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@400;500;600&display=swap";
rel="stylesheet">
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
background-color: #E0F2FE;
font-family: 'DM Sans', sans-serif;
-webkit-font-smoothing: antialiased;
padding: 36px 16px;
}
.wrapper {
max-width: 580px;
margin: 0 auto;
}
/* ── LOGO ROW ── */
.logo-row {
display: table;
width: 100%;
margin-bottom: 18px;
}
.logo-left {
display: table-cell;
vertical-align: middle;
}
.logo-text {
font-size: 14px;
font-weight: 800;
color: #1E3A8A;
letter-spacing: 2px;
text-transform: uppercase;
}
.logo-right {
display: table-cell;
vertical-align: middle;
text-align: right;
}
.logo-tag {
font-size: 11px;
font-weight: 600;
color: #3B82F6;
text-transform: uppercase;
letter-spacing: 1px;
}
/* ── TOP DARK HEADER ── */
.top-header {
background: #1E40AF;
border-radius: 12px 12px 0 0;
padding: 0;
overflow: hidden;
position: relative;
}
.top-header-accent {
height: 3px;
background: #60A5FA;
width: 100%;
}
.top-header-inner {
display: table;
width: 100%;
padding: 26px 36px;
}
.top-header-left {
display: table-cell;
vertical-align: middle;
}
.expiry-label {
font-size: 11px;
font-weight: 700;
color: #93C5FD;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 6px;
}
.expiry-title {
font-size: 22px;
font-weight: 800;
color: #FFFFFF;
letter-spacing: -0.3px;
line-height: 1.2;
}
.top-header-right {
display: table-cell;
vertical-align: middle;
text-align: right;
width: 90px;
}
.expiry-badge {
display: inline-block;
border: 1.5px solid #93C5FD;
color: #fff;
background-color: #ff2222;
font-size: 15px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.8px;
padding: 6px 12px;
border-radius: 4px;
}
/* ── MAIN WHITE CARD ── */
.card {
background: #FFFFFF;
border-radius: 0 0 12px 12px;
overflow: hidden;
margin-bottom: 3px;
}
/* ── DESCRIPTION ── */
.description {
padding: 24px 36px;
border-bottom: 1px solid #F0F0F0;
background: #FAFAFA;
}
.description p {
font-size: 14px;
color: #555;
line-height: 1.7;
}
.description strong {
color: #111;
}
/* ── REF TABLE ── */
.ref-table-wrap {
padding: 0 36px;
border-bottom: 1px solid #F0F0F0;
}
.ref-row {
display: table;
width: 100%;
padding: 15px 0;
border-bottom: 1px solid #F5F5F5;
}
.ref-row:last-child {
border-bottom: none;
}
.ref-label {
display: table-cell;
font-size: 11px;
font-weight: 700;
color: #888;
text-transform: uppercase;
letter-spacing: 0.8px;
vertical-align: middle;
width: 38%;
}
.ref-value {
display: table-cell;
font-size: 14px;
font-weight: 700;
color: #111;
text-align: right;
vertical-align: middle;
}
.ref-value.muted {
font-weight: 500;
color: #888;
}
.ref-chip {
display: inline-block;
background: #EFF6FF;
border: 1px solid #BFDBFE;
color: #1D4ED8;
font-family: 'Courier New', Courier, monospace;
font-size: 13px;
font-weight: 700;
padding: 4px 12px;
border-radius: 4px;
letter-spacing: 2px;
}
/* ── OFFER BLOCK ── */
.offer-block {
background: #1E3A8A;
padding: 28px 36px;
display: table;
width: 100%;
border-bottom: 1px solid #F0F0F0;
}
.offer-left {
display: table-cell;
vertical-align: middle;
}
.offer-headline {
font-size: 18px;
font-weight: 800;
color: #FFFFFF;
line-height: 1.25;
letter-spacing: -0.3px;
}
.offer-devices {
font-size: 12px;
color: #BFDBFE;
margin-top: 4px;
}
.offer-right {
display: table-cell;
vertical-align: middle;
text-align: right;
width: 130px;
}
.offer-discount {
display: inline-block;
background: #3B82F6;
color: #fff;
font-size: 12px;
font-weight: 800;
padding: 3px 9px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.3px;
margin-bottom: 5px;
}
.offer-price {
font-size: 28px;
font-weight: 800;
color: #FFFFFF;
letter-spacing: -1px;
line-height: 1;
}
/* ── CTA ── */
.cta-block {
padding: 28px 36px 32px;
text-align: center;
}
.cta-label {
font-size: 13px;
font-weight: 600;
color: #888;
margin-bottom: 16px;
}
.btn {
display: inline-block;
background: #2563EB;
color: #FFFFFF;
text-decoration: none;
padding: 16px 52px;
border-radius: 6px;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.cta-note {
font-size: 11px;
color: #888;
margin-top: 12px;
}
/* ── UNSUB ── */
.unsub {
text-align: center;
font-size: 11px;
color: #888;
padding: 16px 0 4px;
}
.unsub a {
color: #888;
text-decoration: underline;
}
@media only screen and (max-width: 480px) {
.top-header-inner,
.ref-table-wrap,
.description,
.cta-block {
padding-left: 22px;
padding-right: 22px;
}
.offer-block {
padding: 22px;
}
.top-header-left,
.top-header-right {
display: block;
width: 100%;
text-align: left;
}
.top-header-right {
margin-top: 12px;
}
.offer-left,
.offer-right {
display: block;
width: 100%;
text-align: left;
}
.offer-right {
margin-top: 14px;
}
.ref-label,
.ref-value,
.ref-value.muted {
display: block;
width: 100%;
text-align: left;
}
.ref-row {
display: block;
}
.btn {
width: 100%;
display: block;
}
}
<!-- LOGO -->
Cloud Storage
Storage Notification
<!-- TOP DARK HEADER -->
Warning
