/* Extraído de apps/accounts/templates/accounts/password_reset.html */
body {
    min-height: 100vh;
    background: #0a0f0d;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-reset {
    background: rgba(10, 18, 15, 0.9);
    border: 1px solid rgba(78, 204, 163, 0.15);
    border-radius: 1.25rem;
    padding: 2.5rem 2rem;
    max-width: 420px;
    width: 100%;
    color: #e0e0e0;
}
.card-reset .form-control {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    color: #e0e0e0;
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
}
.card-reset .form-control:focus {
    border-color: rgba(78,204,163,0.5);
    box-shadow: 0 0 0 3px rgba(78,204,163,0.1);
}
.btn-reset {
    background: linear-gradient(135deg, #3ba58a, #2d8a73);
    border: none;
    color: #fff;
    padding: 0.75rem;
    border-radius: 0.75rem;
    width: 100%;
}
.btn-reset:hover { background: linear-gradient(135deg, #4ecca3, #3ba58a); }

/* ── Antes em style="" no template ── */
/* a.classe empata com o a:hover do Bootstrap e vence pela ordem: a cor não muda no hover, como no inline */
.reset-titulo { color: #fff; }
.reset-texto { color: rgba(255,255,255,0.6); }
.card-reset a.reset-link-voltar { color: rgba(255,255,255,0.5); }