{# Auth page wrapper macro — shared card shell for all site/auth/* templates. Contract: ~/.claude/skills/ux-architect/components/auth-page.md (UX-036) Usage: {% from 'macros/auth_page_wrapper.html' import auth_page_card %} {% call auth_page_card(title, product_name) %} ... form + footer links here ... {% endcall %} v0.62 CSS refactor: inline Tailwind → semantic .dz-auth-* classes (components/fragments.css). The error region uses the standard `hidden` toggle class (the JS still calls `errorRegion.classList.remove('hidden')` to surface it). #} {% macro auth_page_card(title, product_name) %} {# Outer wrapper removed in #842 — .dz-auth-page on already provides the min-height + flex centering + gradient background. The previous `min-h-screen flex ... bg-[hsl(var(--muted)/0.3)]` wrapper shrunk to max-w-sm and painted a translucent vertical strip over the gradient. #}

{% endmacro %}

{{ title }}