<!doctype html>
<html lang="en" class="{% if theme_mode == "dark" %}dark{% endif %}">
{{ head_html|safe }}
<body class="brutalist-page antialiased min-h-screen flex flex-col" data-brutalist-template="auth">
	{{ admin_banner_html|safe }}
	<main class="flex-grow w-full flex flex-col items-center justify-center px-4 py-12">
		<div class="w-full" style="max-width:30rem">
			<a href="/" class="block text-center mb-8" aria-label="{{ site_settings.Title }} home">
				{% if site_settings.Logo %}<img src="{{ site_settings.Logo }}" alt="{{ site_settings.LogoAlt }}" class="h-10 w-auto mx-auto">{% else %}<span class="bru-kicker" style="font-size:2rem">{{ site_settings.Title|default:"STUDIO" }}</span>{% endif %}
			</a>
			<div class="bru-slab bru-shadow p-6 md:p-8">
				{% if slots.main %}{{ slots.main|safe }}{% else %}<p class="bru-meta">No form assigned to this page.</p>{% endif %}
			</div>
			{% if slots.footer %}<div class="mt-6 text-center bru-meta">{{ slots.footer|safe }}</div>{% endif %}
		</div>
	</main>
	{{ body_end_html|safe }}
</body>
</html>
