{% extends "base.html" %}

{% block content %}
<div class="auth-container">
  <div class="auth-card">
    <h2 class="card-title text-center mb-4">Create Account</h2>
    <form method="post">
      {% csrf_token %}
      {{ form.as_p }}
      <div class="d-grid mt-4">
        <button type="submit" class="btn btn-primary">Sign Up</button>
      </div>
      <div class="text-center mt-3">
        <small class="text-muted">Already have an account? <a href="{% url 'login' %}">Login</a></small>
      </div>
    </form>
  </div>
</div>
{% endblock %}