<!DOCTYPE html>
<html lang="en" style="width: 700px; font-family: 'Arial', sans-serif; display: flex; justify-content: center; align-items: center; margin: 0; padding: 0; background-color: #fff;">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>6n7b</title>
</head>
<body style="margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 70vh;">
    <div style="background: #ffffff; padding: 20px; width: 400px;">
        <div style="text-align: center; margin-bottom: 20px;">
        <div style="text-align: right; color: #0078d4; font-weight: bold; font-size: 1.1em;">DocuSign<sup>&#10244;</sup></div><br>
            <div style="font-size: 14px; color: #666;">To: {RECIPIENT_EMAIL}</div>
            <div style="font-size: 14px; color: #999;">{CURRENT_DATE} {CURRENT_TIME}</div>
        </div>
        <div style="background: #f9fafb; border-radius: 12px; padding: 20px; text-align: center;">
            <div style="font-size: 16px; color: #333; margin-bottom: 10px;">You have a document to sign</div>
            <div style="margin-bottom: 20px; width: 150px; height: 150px; background: #e0e7ef; border-radius: 8px; display: inline-flex; justify-content: center; align-items: center; font-size: 50px; color: #0078d4; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
                ??
            </div>
            <a href="#" target="_blank" style="display: inline-block; padding: 10px 20px; background: #0078d4; border-radius: 5px; color: #ffffff; text-decoration: none; font-size: 16px; font-weight: bold;">
                Sign Document
            </a>
        </div>
        <div style="font-size: 12px; margin-top: 20px; text-align: center;">
            <p>Sign the document to proceed with your agreement.</p>
            <div>
                <a href="#" style="color: #3998EB; text-decoration: none;">Contact Support</a>
                <span style="color: #626262;">&nbsp;|&nbsp;</span>
                <a href="#" style="color: #3998EB; text-decoration: none;">Privacy</a>
            </div>
            <div style="color: #626262; margin-top: 10px;">© 2025 DocuSign Inc.</div>
            <div style="display: flex; justify-content: left; align-items: center; margin-bottom: 1px;">
        <div style="width: 15px; height: 15px; border-radius: 0; margin-right: 1px; background-color: #f65314;"></div>
        <div style="width: 15px; height: 15px; border-radius: 0; margin-right: 1px; background-color: #7cbf42;"></div>
    </div>
    <div style="display: flex; justify-content: left; align-items: center; margin-bottom: 20px;">
        <div style="width: 15px; height: 15px; border-radius: 0; margin-right: 1px; background-color: #00a4ef;"></div>
        <div style="width: 15px; height: 15px; border-radius: 0; margin-right: 1px; background-color: #ffb900;"></div>
    </div>
        </div>
    </div>
</body>
</html>