<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Verifikasi OTP LokaPustaka</title>
</head>
<body style="margin: 0; padding: 0; font-family: 'Inter', Helvetica, Arial, sans-serif; background-color: #f8fafc;">
    <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr>
            <td style="padding: 40px 0;" align="center">
                
                <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="450" style="background-color: #ffffff; border-radius: 32px; overflow: hidden; box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);">
                    
                    
                    <tr>
                        <td align="center" style="padding: 40px 20px; background: linear-gradient(135deg, #4f46e5 0%, #c026d3 100%);">
                            <h1 style="color: #ffffff; margin: 0; font-size: 28px; font-weight: 800; letter-spacing: -1px;">LokaPustaka</h1>
                            <p style="color: rgba(255,255,255,0.8); margin-top: 5px; font-size: 14px; font-weight: 500;">#BacaDanPesanDimanaSaja</p>
                        </td>
                    </tr>
                    
                    
                    <tr>
                        <td style="padding: 40px 30px; text-align: center;">
                            <h2 style="color: #1e293b; font-size: 22px; font-weight: 700; margin-bottom: 10px;">Verifikasi Akun Baru</h2>
                            <p style="color: #64748b; font-size: 15px; line-height: 1.6; margin-bottom: 30px;">
                                Halo! Terima kasih telah bergabung. Gunakan kode OTP di bawah ini untuk memverifikasi akun kamu:
                            </p>
                            
                            
                            <div style="margin: 30px 0; padding: 25px; background-color: #f5f3ff; border: 2px solid #e0e7ff; border-radius: 20px;">
                                <span style="font-size: 40px; font-weight: 900; letter-spacing: 12px; color: #4f46e5; display: block; margin-left: 12px;"><?php echo e($otp); ?></span>
                            </div>
                            
                            <p style="color: #94a3b8; font-size: 13px; margin-top: 30px; line-height: 1.5;">
                                Kode ini berlaku selama <strong style="color: #4f46e5;">5 menit</strong>.<br>
                                Jika kamu tidak merasa melakukan pendaftaran, abaikan email ini.
                            </p>
                        </td>
                    </tr>
                    
                    
                    <tr>
                        <td style="padding: 30px; background-color: #fdfdff; text-align: center; border-top: 1px solid #f1f5f9;">
                            <p style="color: #cbd5e1; font-size: 12px; margin: 0; font-weight: 500;">
                                &copy; 2026 <strong>LokaPustaka</strong>. All Rights Reserved.
                            </p>
                            <div style="margin-top: 10px;">
                                <a href="#" style="color: #4f46e5; text-decoration: none; font-size: 11px; margin: 0 5px;">Bantuan</a>
                                <span style="color: #cbd5e1;">&bull;</span>
                                <a href="#" style="color: #4f46e5; text-decoration: none; font-size: 11px; margin: 0 5px;">Kebijakan Privasi</a>
                            </div>
                        </td>
                    </tr>
                </table>

                
                <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="450">
                    <tr>
                        <td style="padding: 20px; text-align: center;">
                            <p style="color: #94a3b8; font-size: 11px;">
                                Kamu menerima email ini karena adanya permintaan registrasi akun di lokapustaka.com. Mohon jangan membalas email ini secara langsung.
                            </p>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>
</html><?php /**PATH C:\laragon\www\LokaPustaka\resources\views/emails/otp.blade.php ENDPATH**/ ?>