/* Login e link de acesso: a primeira tela que o dono vê no celular. Marca em cima, cartão branco com elevação,
   fundo com o degradê da marca — 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(120% 60% at 50% 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: 18px;
  box-shadow: 0 14px 30px -10px rgba(0, 0, 0, .45), 0 0 0 4px rgba(255, 255, 255, .14);
}
.entrar-marca h1 { font-size: 1.6rem; font-weight: 800; margin: .9rem 0 .25rem; letter-spacing: -.01em; }
.entrar-marca p { margin: 0; opacity: .82; font-size: .95rem; }
.entrar-card {
  width: 100%; max-width: 400px;
  padding: 1.6rem 1.4rem;
  border-radius: 20px !important;
  box-shadow: 0 24px 50px -20px rgba(21, 24, 51, .35), 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; }