{% extends 'global.html' %}
{% import 'macros.html' as ui %}
{% block template %}
<div class="auth-page">
    <div class="auth-shell">
        <div class="auth-hero">
            <div class="auth-hero__brand">{{ ui.connector_icon(20) }} ttun</div>
            <div class="auth-hero__diagram">
                <span class="mono">local:3000</span>
                <span class="connector">{{ ui.connector_icon(20) }}</span>
                <span class="mono">your-app.ttun.dev</span>
            </div>
            <p class="auth-hero__tagline">Self-hosted tunnel proxy. Expose a local port through a public URL you control.</p>
        </div>
        <div class="auth-form">
            {% block content %}{% endblock %}
        </div>
    </div>
</div>
{% endblock %}