/* Login e link de acesso: a primeira tela que a Lu e o Hélio veem no celular. Marca em cima (serifa + fio rosé
   dourado), cartão branco com elevação, fundo com o degradê da ameixa — sem cara de "formulário de sistema". */
.entrar-pagina {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: calc(2rem + env(safe-area-inset-top, 0px)) 1rem 2.5rem;
  background:
    radial-gradient(90% 45% at 85% 0%, rgba(var(--tom-decorativo-rgb), .32) 0%, transparent 70%),
    radial-gradient(120% 60% at 15% 0%, rgba(var(--accent-vivid-rgb), .55) 0%, transparent 70%),
    linear-gradient(180deg, var(--accent) 0%, var(--accent-hover) 46%, var(--bg-main) 46.1%);
}
.entrar-marca { text-align: center; color: var(--accent-text); margin-bottom: 1.5rem; }
.entrar-marca img {
  border-radius: 20px;
  box-shadow: 0 14px 30px -10px rgba(0, 0, 0, .45), 0 0 0 4px rgba(var(--tom-decorativo-rgb), .28);
}
.entrar-marca h1 {
  font-family: var(--fonte-marca);
  font-size: 1.85rem; font-weight: 700; letter-spacing: .01em;
  margin: 1rem 0 .3rem;
}
/* Fio rosé dourado sob o nome: o detalhe de embalagem que separa marca de texto corrido. */
.entrar-marca h1::after {
  content: ''; display: block; width: 44px; height: 2px; margin: .55rem auto 0;
  border-radius: 2px; background: var(--tom-decorativo);
}
.entrar-marca p { margin: .5rem 0 0; opacity: .86; font-size: .95rem; }
.entrar-card {
  width: 100%; max-width: 400px;
  padding: 1.6rem 1.4rem;
  border-radius: 22px !important;
  border: 1px solid var(--card-border-color) !important;
  box-shadow: 0 24px 50px -20px rgba(var(--accent-rgb), .45), 0 2px 10px var(--shadow-color) !important;
}
.entrar-card .form-control, .entrar-card .input-group-text, .entrar-card .btn-outline-secondary { min-height: 50px; }
.entrar-card .btn-lg { min-height: 54px; border-radius: 14px; font-weight: 700; }
.entrar-esqueci { margin-top: 1.1rem; text-align: center; font-size: .88rem; }
.entrar-esqueci summary { color: var(--accent); cursor: pointer; display: inline-block; padding: .4rem; }
.entrar-esqueci p { color: var(--text-secondary); margin: .4rem 0 0; }