{% extends spa_base or 'base.html'%}
{% block title %}Redefinir senha{% endblock %}
{% block extra_head %}<style>.auth-wrapper{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px}.auth-brand{text-align:center;margin-bottom:28px}.auth-brand h1{color:var(--primary)}.auth-brand p,.auth-links{color:var(--text-muted);text-align:center}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--text-secondary);font-size:.8em;text-transform:uppercase}.form-group input{padding:14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary)}.auth-links{margin-top:20px}.auth-links a{display:block;color:var(--text-primary);margin-top:8px}</style>{% endblock %}
{% block content %}
<div class="auth-wrapper"><div class="auth-card"><div class="auth-brand"><h1>TROÇO PLAY</h1><p>Digite o código recebido por e-mail</p></div><form method="POST" class="auth-form"><div class="form-group"><label for="rpEmail">E-mail</label><input type="email" id="rpEmail" name="email" value="{{ email or '' }}" autocomplete="email" required></div><div class="form-group"><label for="rpCode">Código de 6 dígitos</label><input type="text" id="rpCode" name="code" inputmode="numeric" pattern="[0-9]{6}" maxlength="6" autocomplete="one-time-code" required></div><div class="form-group"><label for="rpPass">Nova senha</label><input type="password" id="rpPass" name="password" minlength="8" autocomplete="new-password" required></div><div class="form-group"><label for="rpPass2">Confirmar nova senha</label><input type="password" id="rpPass2" name="password_confirm" minlength="8" autocomplete="new-password" required></div><button type="submit" class="btn">Alterar senha</button></form><div class="auth-links"><a href="{{ url_for('forgot_password') }}" class="back-link">Solicitar outro código</a><a href="{{ url_for('login') }}" class="back-link">← Voltar para o login</a></div></div></div>
{% endblock %}