/* Telas de recuperação/redefinição de senha — mesma linguagem do /login (navy + champagne). */
:root{
  --bg-base:#0A0F1E; --bg-page:#08111f; --bg-card:rgba(16,22,38,.72);
  --gold:#D9A84E; --border-card:rgba(158,174,195,.16);
  --text:#FFFFFF; --text-2:#9AA3B5; --text-label:#C8CDD8;
  --input-bg:rgba(255,255,255,.03); --input-border:rgba(255,255,255,.12);
  --err:#E5675C; --ok:#4FB477;
}
*{box-sizing:border-box}
.rec-body{margin:0;min-height:100vh;background:var(--bg-page);color:var(--text);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  background-image:radial-gradient(1100px 600px at 22% 12%, rgba(217,168,78,.06), transparent 60%),
                   radial-gradient(900px 620px at 82% 88%, rgba(60,90,130,.10), transparent 62%)}
.rec-page{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:32px 18px}
.rec-card{position:relative;width:100%;max-width:440px;background:var(--bg-card);
  border:1px solid var(--border-card);border-radius:20px;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  box-shadow:0 0 0 1px rgba(217,172,89,.08), 0 24px 60px rgba(0,0,0,.4);
  padding:clamp(30px,5vw,44px) clamp(24px,4vw,42px) clamp(26px,3vw,34px);
  animation:recIn .5s cubic-bezier(.4,0,.2,1) both}
/* fio metálico champagne na borda */
.rec-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;
  background:linear-gradient(115deg, rgba(154,108,38,.28) 0%, rgba(227,190,113,.7) 24%, rgba(255,242,205,.85) 50%, rgba(211,165,77,.6) 72%, rgba(141,96,31,.24) 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7}
@keyframes recIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){ .rec-card{animation:none} }

.rec-logo{display:flex;justify-content:center}
.rec-logo img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.4))}
.rec-title{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:26px;text-align:center;margin:14px 0 0}
.rec-div{width:48px;height:2px;background:var(--gold);border-radius:2px;margin:14px auto 18px}
.rec-sub{color:var(--text-2);font-size:14.5px;line-height:1.6;text-align:center;margin:0 0 22px}

.rec-field{margin-bottom:16px;text-align:left}
.rec-label{display:block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-label);margin:0 0 8px}
.rec-inwrap{position:relative}
.rec-input{width:100%;height:52px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;
  color:var(--text);font-size:15px;font-family:inherit;padding:0 16px;outline:none;
  transition:border-color .16s, box-shadow .16s, background .16s}
.rec-input::placeholder{color:var(--text-2);opacity:.75}
.rec-input:hover{border-color:rgba(255,255,255,.2)}
.rec-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(217,168,78,.15)}
.rec-input.has-error{border-color:var(--err);box-shadow:0 0 0 3px rgba(229,103,92,.14)}
.rec-inwrap .rec-input{padding-right:46px}
.rec-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:none;background:transparent;
  color:#8791A5;cursor:pointer;display:grid;place-items:center;border-radius:9px;transition:color .14s,background .14s}
.rec-eye:hover{color:var(--text);background:rgba(255,255,255,.05)}
.rec-eye svg{width:19px;height:19px}

.rec-err{color:var(--err);font-size:13.5px;line-height:1.4;margin:2px 0 14px;text-align:center;min-height:0}
.rec-err:empty{display:none}

.rec-btn{width:100%;height:54px;margin-top:6px;border-radius:10px;cursor:pointer;position:relative;overflow:hidden;
  font-family:inherit;font-weight:600;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#111722;
  background:linear-gradient(105deg,#9C681F 0%,#D4A044 20%,#F4E3B5 48%,#D6A349 72%,#9A641C 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38), 0 8px 24px rgba(183,130,39,.13);
  border:1px solid rgba(243,223,178,.5);transition:180ms ease;text-decoration:none;
  display:flex;align-items:center;justify-content:center}
.rec-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
.rec-btn:active{transform:translateY(0)}
.rec-btn:disabled{opacity:.72;cursor:not-allowed;transform:none;filter:none}
.rec-btn.as-link{margin-top:20px}

.rec-ok,.rec-ok+*{text-align:center}
.rec-ok{text-align:center}
.rec-ok-ic{width:56px;height:56px;margin:6px auto 14px;border-radius:50%;display:grid;place-items:center;
  color:var(--ok);background:rgba(79,180,119,.12);border:1px solid rgba(79,180,119,.3)}
.rec-ok-ic.bad{color:var(--err);background:rgba(229,103,92,.12);border-color:rgba(229,103,92,.3)}
.rec-ok-ic svg{width:28px;height:28px}
.rec-ok-msg{color:var(--text-2);font-size:14.5px;line-height:1.65;margin:0 auto;max-width:340px}

.rec-back{display:block;text-align:center;margin-top:22px;color:var(--text-2);font-size:13px;text-decoration:none;transition:color .14s}
.rec-back:hover{color:var(--gold)}