<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="UTF-8">
    <title>@yield('title')</title>
</head>
<body style="margin:0; padding:0; background-color:#f4f5f7; font-family:Arial, Helvetica, sans-serif; color:#1a1a1a;">
    <span style="display:none; font-size:0; line-height:0; max-height:0; max-width:0; opacity:0; overflow:hidden;">
        @yield('preheader', '')
    </span>
    <table role="presentation" width="100%" cellspacing="0" cellpadding="0" style="background-color:#f4f5f7; padding:32px 0;">
        <tr>
            <td align="center">
                <table role="presentation" width="640" cellspacing="0" cellpadding="0" style="background-color:#ffffff; border-radius:16px; overflow:hidden; box-shadow:0 12px 30px rgba(15, 23, 42, 0.08);">
                    <tr>
                        <td style="background:linear-gradient(135deg,#0f172a,#334155); color:#ffffff; padding:32px;">
                            <p style="margin:0 0 10px; font-size:12px; letter-spacing:0.12em; text-transform:uppercase; opacity:0.7;">
                                @yield('brand_label', __('emails.brand.label'))
                            </p>
                            <h1 style="margin:0; font-size:24px; line-height:1.35;">
                                @yield('hero_title')
                            </h1>
                            @hasSection('hero_subtitle')
                                <p style="margin:12px 0 0; font-size:15px; opacity:0.9;">
                                    @yield('hero_subtitle')
                                </p>
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <td style="padding:28px 32px 12px;">
                            @yield('content')
                        </td>
                    </tr>
                    @hasSection('cta')
                        <tr>
                            <td style="padding:0 32px 24px;">
                                @yield('cta')
                            </td>
                        </tr>
                    @endif
                    <tr>
                        <td style="padding:0 32px 32px; font-size:12px; color:#6b7280;">
                            @yield('footer', __('emails.brand.footer'))
                        </td>
                    </tr>
                </table>
                <p style="margin:16px 0 0; font-size:12px; color:#94a3b8;">
                    @yield('brand_footer', __('emails.brand.tagline'))
                </p>
            </td>
        </tr>
    </table>
</body>
</html>
