py-2 rounded-md hover:bg-red-600 transition-colors">
                Sign Up
              </a>
            {% endif %}
          </div>
        </div>
      </div>
    </nav>

    <!-- Main Content -->
    <main class="container mx-auto px-4 pt-20 pb-8">
      {% if messages %}
        {% for message in messages %}
          <div class="mb-4 p-4 rounded-md {% if message.tags == 'error' %}bg-red-800 text-red-100{% else %}bg-green-800 text-green-100{% endif %}">
            {{ message }}
          </div>
   