<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="margin:0; padding:0; background-color:#F1F5F9; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#F1F5F9; padding:40px 20px;">
        <tr>
            <td align="center">
                <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="max-width:480px; background:#FFFFFF; border-radius:16px; overflow:hidden; box-shadow:0 4px 24px rgba(0,0,0,0.06);">
                    <!-- Header -->
                    <tr>
                        <td style="padding:32px 32px 0; text-align:center;">
                            <div style="font-size:24px; font-weight:800; color:#0F172A;">
                                Flash<span style="color:#0D9488;">Sale</span>
                            </div>
                        </td>
                    </tr>
                    <!-- Body -->
                    <tr>
                        <td style="padding:24px 32px 32px;">
                            <h1 style="font-size:20px; font-weight:700; color:#0F172A; margin:0 0 12px; text-align:center;">
                                Your Login Link
                            </h1>
                            <p style="font-size:15px; color:#64748B; line-height:1.6; margin:0 0 24px; text-align:center;">
                                Click the button below to securely log in to your seller dashboard. This link expires in {{ expiry_minutes }} minutes.
                            </p>
                            <!-- CTA Button -->
                            <table role="presentation" width="100%" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td align="center">
                                        <a href="{{ login_url }}" 
                                           style="display:inline-block; padding:14px 40px; background:linear-gradient(135deg, #0D9488, #0F766E); color:#FFFFFF; font-size:16px; font-weight:700; text-decoration:none; border-radius:12px; letter-spacing:0.3px;">
                                            Log In to Dashboard
                                        </a>
                                    </td>
                                </tr>
                            </table>
                            <p style="font-size:13px; color:#94A3B8; line-height:1.5; margin:24px 0 0; text-align:center;">
                                If you didn't request this link, you can safely ignore this email.
                            </p>
                        </td>
                    </tr>
                    <!-- Footer -->
                    <tr>
                        <td style="padding:20px 32px; background:#F8FAFC; border-top:1px solid #E2E8F0; text-align:center;">
                            <p style="font-size:12px; color:#94A3B8; margin:0;">
                                &copy; {{ platform_name }} &mdash; Ghana's Premier Flash Sale Engine
                            </p>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>
</html>
