<!DOCTYPE html>
<html>
<head>
    <style>
        body { font-family: Arial, sans-serif; color: #333; }
        .header { background: #304c67; color: white; padding: 20px; text-align: center; }
        .content { padding: 20px; }
        .success { background: #d4edda; color: #155724; padding: 15px; border-radius: 5px; margin: 20px 0; }
        .footer { background: #f8f9fa; padding: 20px; text-align: center; font-size: 12px; color: #666; }
    </style>
</head>
<body>
    <div class="header">
        <h1>License Activated!</h1>
    </div>
    <div class="content">
        <div class="success">
            <strong>✅ Success!</strong> Your cmdsharp license has been activated on this device.
        </div>
        
        <p>Your license details:</p>
        <ul>
            <li><strong>License Key:</strong> {{LICENSE_KEY}}</li>
            <li><strong>Device:</strong> {{DEVICE_NAME}}</li>
            <li><strong>Activated:</strong> {{ACTIVATED_AT}}</li>
        </ul>
        
        <p>You can now enjoy all cmdsharp features including:</p>
        <ul>
            <li>Voice-powered invoice creation</li>
            <li>AI magic shortcuts</li>
            <li>Programmable templates</li>
            <li>Export and reporting</li>
        </ul>
        
        <p>Happy invoicing!</p>
    </div>
    <div class="footer">
        <p>© 2024 cmdsharp. All rights reserved.</p>
    </div>
</body>
</html>