<!DOCTYPE html>
<html>
<head>
    <style>
        body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
        .container { max-width: 600px; margin: 0 auto; padding: 20px; }
        .header { text-align: center; padding: 20px 0; }
        .header img { width: 120px; }
        .content { background-color: #1a1a1a; border-radius: 8px; padding: 30px; color: white; }
        .code { 
            background-color: black;
            padding: 20px;
            text-align: center;
            font-size: 32px;
            letter-spacing: 8px;
            margin: 30px 0;
            border-radius: 8px;
        }
        .footer { text-align: center; padding: 20px; color: #666; font-size: 12px; }
        .links a { color: #666; text-decoration: none; }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <img src="https://cdn.imators.com/logo.png" alt="Imators">
        </div>
        <div class="content">
            <h1>Welcome to Imators!</h1>
            <p>Thanks for signing up. To complete your registration, please enter this verification code:</p>
            <div class="code">{CODE}</div>
            <p style="color: #888; font-size: 14px;">This code will expire in 15 minutes.</p>
            <p style="color: #888; font-size: 14px;">If you didn't request this code, please ignore this email.</p>
        </div>
        <div class="footer">
            <p>&copy; 2024 Imators LLC. All rights reserved.</p>
            <div class="links">
                <a href="https://imators.com/terms">Terms</a> &bull; 
                <a href="https://help.imators.com">Help Center</a>
            </div>
        </div>
    </div>
</body>
</html>