<!DOCTYPE html>
<html lang="pt">

<head>
    <meta charset="UTF-8">
</head>

<body style="margin:0;padding:0;background-color:#ffffff;font-family:'Segoe UI',Arial,sans-serif;">
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"
        style="background-color:#ffffff;">
        <tr>
            <td align="center" style="padding:32px 16px;">
                <table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0"
                    style="max-width:600px;width:100%;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;">

                    <!-- Header -->
                    <tr>
                        <td style="padding:28px 40px;border-bottom:2px solid #fdc500;text-align:center;">
                            <img src="{{ config('app.url') }}/images/logo-dark.png" alt="SEGUNOR" width="100"
                                style="display:block;margin:0 auto;height:auto;border:0;" />
                            <p
                                style="margin:10px 0 0;font-size:11px;text-transform:uppercase;letter-spacing:0.12em;color:#999;">
                                Verificação de Segurança</p>
                        </td>
                    </tr>

                    <!-- Body -->
                    <tr>
                        <td style="padding:40px;text-align:center;">
                            <p style="margin:0 0 4px;font-size:16px;color:#333;">Código de verificação</p>
                            <p style="margin:0 0 24px;font-size:13px;color:#999;">Utilize o código abaixo para completar
                                o login.</p>

                            <table role="presentation" cellpadding="0" cellspacing="0" border="0"
                                style="margin:0 auto;">
                                <tr>
                                    <td style="border:2px solid #e5e5e5;padding:20px 36px;border-radius:10px;">
                                        <span
                                            style="font-family:'Courier New',monospace;font-size:34px;font-weight:700;letter-spacing:10px;color:#333;">{{ $code }}</span>
                                    </td>
                                </tr>
                            </table>

                            <p style="margin:20px 0 0;font-size:14px;color:#555;">Este código é válido durante <strong
                                    style="color:#333;">10 minutos</strong>.</p>
                        </td>
                    </tr>

                    <!-- Footer -->
                    <tr>
                        <td style="padding:16px 40px;border-top:1px solid #eee;text-align:center;">
                            <p style="margin:0;font-size:11px;color:#bbb;">Se não solicitou este código, ignore esta
                                mensagem · Segunor</p>
                        </td>
                    </tr>

                </table>
            </td>
        </tr>
    </table>
</body>

</html>