/* MAv3 — assets/css/pages/login.css
 * Cartão partilhado por login.php, recuperar.php, redefinir.php (fora do shell). */
body { display: grid; place-items: center; background:
  radial-gradient(130% 90% at 80% 0%, #23262e 0%, #14161c 55%, #0c0d11 100%); min-height: 100vh; }
.login-card {
  width: 380px; max-width: calc(100vw - 36px); background: var(--card);
  border-radius: var(--r-card); box-shadow: 0 40px 90px rgba(0,0,0,.45); padding: 34px 30px;
}
.login-brand { display: block; height: 28px; width: auto; margin: 0 auto 20px; }
.login-card h1 { font-family: var(--display); font-weight: 600; font-size: 24px; text-align: center; letter-spacing: -.01em; }
.login-card .sub { color: var(--muted); font-size: 13.5px; text-align: center; margin: 6px 0 24px; }
.fld { margin-bottom: 14px; }
.fld label { display: block; font-size: 12px; font-weight: 700; color: var(--muted); margin-bottom: 6px; text-transform: uppercase; letter-spacing: .04em; }
.fld input {
  width: 100%; padding: 13px 15px; border: 1px solid var(--border); border-radius: var(--r-sm);
  font-family: var(--body); font-size: 15px; background: var(--surface); color: var(--ink); transition: .15s;
}
.fld input:focus { outline: none; border-color: var(--lime); box-shadow: 0 0 0 3px rgba(198,255,51,.35); background: #fff; }
.login-btn {
  width: 100%; margin-top: 8px; padding: 14px; border: none; border-radius: 999px;
  background: var(--black); color: #fff; font-family: var(--body); font-weight: 700; font-size: 15px;
  cursor: pointer; transition: transform .18s, box-shadow .18s;
}
.login-btn:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(17,19,25,.22); }
.login-err {
  background: #FEF2F2; color: #B91C1C; border: 1px solid #FECACA; border-radius: var(--r-sm);
  padding: 11px 14px; font-size: 13.5px; font-weight: 600; margin-bottom: 18px;
}
.login-ok {
  background: #F0FDF4; color: #166534; border: 1px solid #BBF7D0; border-radius: var(--r-sm);
  padding: 11px 14px; font-size: 13.5px; font-weight: 600; margin-bottom: 18px;
}
.login-links { text-align: center; margin-top: 16px; font-size: 13.5px; }
.login-links a { color: var(--muted); text-decoration: none; }
.login-links a:hover { color: var(--ink); text-decoration: underline; }