{% extends "base.html" %}

{% block content %}
<section class="auth-shell">
  <div class="cyber-terminal">
    <div class="terminal-header">
      <div class="terminal-buttons">
        <span class="term-btn btn-red"></span>
        <span class="term-btn btn-yellow"></span>
        <span class="term-btn btn-green"></span>
      </div>
      <div class="terminal-title">{% block terminal_title %}{% endblock %}</div>
    </div>

    <div class="cyber-content">
      <div class="neon-header">
        <div class="cyber-logo">
          <div class="logo-frame">
            <span>AI</span>
            <div class="logo-scanner"></div>
          </div>
          <div class="neon-glow"></div>
        </div>
        <h1 class="cyber-title">{% block auth_heading %}{% endblock %}</h1>
        <p class="access-text">{% block auth_subtitle %}{% endblock %}</p>
      </div>

      {% block auth_form %}{% endblock %}
    </div>
  </div>
</section>
{% endblock %}