/* Visual escuro, igual à splash do app (o logo foi feito para fundo escuro). */
:root { --green: #4CAF50; --text: #F3F4F6; --sub: #A7B3AA; --bg: #0B1410; --card: #13241A; --muted: #1E3A28; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px 16px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--text);
  background: radial-gradient(circle at 50% 20%, #1A3A25 0%, var(--bg) 70%); }
main { width: 100%; max-width: 420px; background: var(--card); border-radius: 20px; padding: 32px 24px; text-align: center;
  border: 1px solid #22402D; box-shadow: 0 8px 30px rgba(0,0,0,.35); }
img.logo { width: 170px; height: auto; margin-bottom: 16px; }
.badge { width: 64px; height: 64px; margin: 8px auto 16px; border-radius: 50%; background: var(--muted); color: var(--green);
  display: flex; align-items: center; justify-content: center; font-size: 32px; font-weight: 700; }
h1 { font-size: 22px; margin: 0 0 8px; }
p { color: var(--sub); line-height: 1.5; margin: 0 0 12px; }
small { display: block; margin-top: 20px; color: var(--sub); font-size: 12px; }
/* Formulário (redefinir senha). */
form { text-align: left; margin-top: 8px; }
label { display: block; font-size: 13px; color: var(--sub); margin: 12px 0 6px; }
input { width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid #2C4A36; background: var(--bg);
  color: var(--text); font-size: 15px; }
input:focus { outline: 2px solid var(--green); border-color: transparent; }
button { width: 100%; margin-top: 18px; padding: 14px; border: 0; border-radius: 12px; background: #2E7D32; color: #fff;
  font-size: 15px; font-weight: 700; cursor: pointer; }
button:disabled { opacity: .6; cursor: default; }
.error { color: #EF9A9A; font-size: 13px; margin-top: 10px; min-height: 1em; }
.hidden { display: none; }