<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ $subjectLine }}</title>
</head>
<body style="background:#f5f7fb;color:#0f172a;font-family:Arial,Helvetica,sans-serif;margin:0;padding:32px 16px;">
    <div style="margin:0 auto;max-width:640px;">
        <div style="background:#ffffff;border:1px solid #dbe4f0;border-radius:24px;box-shadow:0 20px 40px rgba(15,23,42,0.08);overflow:hidden;">
            <div style="background:linear-gradient(135deg,#0f172a,#2253cb);padding:28px 32px;">
                <p style="color:#93c5fd;font-size:12px;font-weight:700;letter-spacing:0.16em;margin:0 0 10px;text-transform:uppercase;">Saleem Sial Analytics</p>
                <h1 style="color:#ffffff;font-size:28px;line-height:1.2;margin:0;">{{ $heading }}</h1>
            </div>
            <div style="padding:28px 32px;font-size:15px;line-height:1.75;">
                {!! $bodyHtml !!}
            </div>
        </div>
    </div>
</body>
</html>
