{% extends spa_base or 'base.html'%}
{% block title %}Esqueci minha 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{color:var(--text-primary)}</style>{% endblock %}
{% block content %}
<div class="auth-wrapper"><div class="auth-card"><div class="auth-brand"><h1>TROÇO PLAY</h1><p>Recuperar acesso</p></div><form method="POST" class="auth-form"><div class="form-group"><label for="fpEmail">E-mail cadastrado</label><input type="email" id="fpEmail" name="email" placeholder="seu@email.com" autocomplete="email" required autofocus></div><button type="submit" class="btn">Enviar código</button></form><div class="auth-links"><a href="{{ url_for('login') }}" class="back-link">← Voltar para o login</a></div></div></div>
{% endblock %}