{% extends "base.html" %}

{% block body_class %}min-h-screen bg-neutral-50{% endblock %}

{% block content %}
<div class="min-h-screen flex items-center justify-center px-4">
  <div class="w-full max-w-md bg-white shadow-xs rounded-lg p-6" hx-get="/account/placeholder/" hx-trigger="load" hx-target="#auth-async" hx-swap="innerHTML">
    <div id="auth-async">
      {% block auth_content %}{% endblock %}
    </div>
  </div>
</div>
{% endblock %}