{% extends "base.html" %}
{% block title %}Register — InkDrop{% endblock %}

{% block content %}
<div class="auth-container">
    <h1>Join InkDrop</h1>
    <form method="POST" class="auth-form">
        <div class="form-group">
            <label>Username</label>
            <input type="text" name="username" required minlength="3" maxlength="30">
        </div>
        <div class="form-group">
            <label>Password</label>
            <input type="password" name="password" required>
        </div>
        <button type="submit" class="btn btn-primary btn-full">Create Account</button>
    </form>
    <p class="auth-footer">Have an account? <a href="/login">Login</a></p>
</div>
{% endblock %}