<!DOCTYPE html>
<html>
<body style="margin:0;background:#f4f6fb;font-family:Arial,sans-serif;">

<table width="100%">
    <tr>
        <td align="center">

            <table width="100%" style="max-width:520px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.08);">

                {{-- HEADER --}}
                @include('emails.components.header')

                {{-- CONTENT --}}
                <tr>
                    <td style="padding:32px;">
                        @yield('content')
                    </td>
                </tr>

                {{-- FOOTER --}}
                @include('emails.components.footer')

            </table>

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

</body>
</html>
