{% extends "base.html" %}

{% block content %}
<div class="hero section" style="text-align: center; margin-bottom: 3rem;">
    <h1>NUEVA CONTRASEÑA</h1>
    <p class="text-dim">Ingresa tu nueva contraseña para acceder a Maker Space.</p>
</div>

<div class="glass" style="max-width: 400px; margin: 0 auto; padding: 2.5rem; border-radius: 24px;">
    <form method="POST">
        <div class="form-group">
            <label for="password">Nueva Contraseña</label>
            <input type="password" id="password" name="password" placeholder="Mínimo 8 caracteres" required
                minlength="8" autofocus>
        </div>

        <div class="form-group">
            <label for="confirm_password">Confirmar Contraseña</label>
            <input type="password" id="confirm_password" name="confirm_password" placeholder="Repite tu contraseña"
                required minlength="8">
        </div>

        <button type="submit" class="btn btn-primary" style="width: 100%; margin-top: 1rem;">
            REABLECER CONTRASEÑA <i class="fas fa-key" style="margin-left: 0.5rem;"></i>
        </button>
    </form>
</div>
{% endblock %}