{% extends 'base.html' %}

{% block content %}
<div class="max-w-md mx-auto mt-8">
  <div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-8">
    <h2 class="text-2xl font-bold text-center text-gray-900 dark:text-white mb-6">Sign Up</h2>
    <form method="post">
      {% csrf_token %}
      {{ form.as_p }}
      <button type="submit" class="w-full bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded-lg focus:outline-none focus:shadow-outline-blue active:bg-blue-700">Sign Up</button>
    </form>
  </div>
</div>
{% endblock %}
