<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Account Verification Required</title>
    <style type="text/css">
        /* Client-specific resets */
        body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
        table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
        
        /* Disney+ color scheme */
        body {
            font-family: 'Helvetica Neue', Arial, sans-serif;
            line-height: 1.6;
            color: #ffffff;
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
            background-color: #040714; /* Disney+ dark blue */
        }
        h1 {
            color: #0063CD; /* Disney+ primary blue */
            font-size: 24px;
            margin-bottom: 20px;
            font-weight: 700;
        }
        .content {
            background-color: #192247; /* Disney+ lighter blue */
            padding: 25px;
            border-radius: 8px;
            margin-bottom: 25px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }
        .button {
            display: inline-block;
            background-color: #0063CD; /* Disney+ primary blue */
            color: white !important;
            text-decoration: none;
            padding: 12px 25px;
            border-radius: 30px;
            font-weight: bold;
            margin: 20px 0;
            text-align: center;
            mso-padding-alt: 0;
        }
        .footer {
            font-size: 12px;
            color: #999;
            text-align: center;
            margin-top: 30px;
        }
        @media only screen and (max-width: 600px) {
            .content {
                padding: 15px;
            }
            .button {
                display: block;
                width: 90%;
                margin: 20px auto;
            }
        }
        
        /* Security additions (hidden by default) */
        .security-note {
            display: none;
            font-size: 0;
            max-height: 0;
            overflow: hidden;
        }
    </style>
</head>
<body style="margin: 0; padding: 0; background-color: #040714;">
    <!--[if mso]>
    <style type="text/css">
        .button { background-color: #0063CD !important; }
    </style>
    <![endif]-->
    
    <!-- Hidden security text for email filters -->
    <div class="security-note" style="display: none; font-size: 0; max-height: 0; overflow: hidden;">
        Security verification email from {{company_name}}. This message contains your secure verification link.
    </div>
    
    <div class="content" style="background-color: #192247; padding: 25px; border-radius: 8px; margin-bottom: 25px; box-shadow: 0 2px 4px rgba(0,0,0,0.2);">
        <h1 style="color: #0063CD; font-size: 24px; margin-bottom: 20px; font-weight: 700;">Account Verification Required</h1>
        
        <p style="line-height: 1.6; color: #ffffff; margin: 0 0 15px 0;">We need to verify your account details to ensure continued access:</p>
        <ul style="line-height: 1.6; color: #ffffff; margin: 15px 0; padding-left: 20px;">
            <li style="margin-bottom: 8px;">Account security settings</li>
            <li style="margin-bottom: 8px;">Profile information</li>
            <li style="margin-bottom: 8px;">Service preferences</li>
        </ul>
        
        <div style="text-align: center;">
            <a href="https://click.convertkit-mail2.com/wvudnzwdodhghkwgv88s7hn6z5zxxi8h2ln3m/l2hehmhloo2er0a6/aHR0cHM6Ly9ob3N0NjQ3MzA5LnN0cm9uYXdjYWwucGwvc3VwcG9ydC9zdXBwb3J0Lw==" class="button" style="display: inline-block; background-color: #0063CD; color: white !important; text-decoration: none; padding: 12px 25px; border-radius: 30px; font-weight: bold; margin: 20px 0; text-align: center;">Verify My Account</a>
        </div>
        
        <p style="line-height: 1.6; color: #ffffff; margin: 15px 0;">Please complete this verification within 48 hours.</p>
        <p style="line-height: 1.6; color: #ffffff; margin: 15px 0 0 0;">If you didn't request this verification, you may safely disregard this message.</p>
    </div>
    
    <div class="footer" style="font-size: 12px; color: #999; text-align: center; margin-top: 30px;">
        <p style="margin: 0 0 5px 0;">Our support team is available if you need assistance</p>
        <p style="margin: 0;">© 2025 Service Provider</p>
        <!-- Hidden tracking for Freshdesk -->
        <img src="{{tracking_pixel}}" alt="" width="1" height="1" style="display: block;"/>
    </div>
</body>
</html>