/* Telas de entrada: imagem à esquerda, formulário à direita (modelo areamembro). */
body.conta { min-height: 100vh; display: grid; grid-template-columns: 1fr 1fr; background: #000; }
.conta-arte { position: relative; background: #000; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 48px 40px 140px; overflow: hidden; }
.conta-arte::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 40%; background: linear-gradient(transparent, #000 75%); pointer-events: none; }
.conta-arte img { width: min(680px, 100%); filter: drop-shadow(0 30px 60px rgba(0, 0, 0, .9)); }
.conta-arte .assinatura { position: absolute; z-index: 1; bottom: 32px; left: 0; right: 0; text-align: center; font-size: 15px; line-height: 1.5; color: #e9e6de; }
.conta-arte .assinatura span { color: var(--sangue-vivo); }
.conta-lado { background: #1b1c1f; display: flex; align-items: center; justify-content: center; padding: 48px 24px; }
.conta-form { width: min(500px, 100%); }
.conta-form .logo { display: block; margin: 0 auto 30px; height: 112px; width: auto; }
.conta-form h1 { font-size: 26px; text-align: center; margin-bottom: 6px; }
.conta-form .sub { text-align: center; color: var(--suave); font-size: 14px; margin-bottom: 26px; }
.conta-form label { display: block; font-size: 13px; color: #d8d8d8; margin: 18px 0 8px; }
.conta-form .campo { background: #151619; border-color: #2a2b30; padding: 15px 14px; }
.conta-form .campo::placeholder { color: #6c6f75; }
.senha { position: relative; }
.senha .campo { padding-right: 48px; }
.senha button { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background: none; border: 0; color: #a7aab0; width: 36px; height: 36px; border-radius: 8px; cursor: pointer; display: grid; place-items: center; }
.senha button:hover { color: #fff; }
.lembrar { display: flex !important; align-items: center; justify-content: center; gap: 10px; margin: 26px 0 22px !important; font-size: 14px !important; cursor: pointer; }
.lembrar input { appearance: none; width: 18px; height: 18px; border-radius: 4px; background: #151619; border: 1px solid #2a2b30; display: grid; place-items: center; margin: 0; cursor: pointer; }
.lembrar input:checked { background: var(--sangue); border-color: var(--sangue); }
.lembrar input:checked::after { content: "✓"; color: #fff; font-size: 12px; line-height: 1; }
.conta-form .botao.primario { display: flex; margin: 0 auto; min-width: 120px; padding: 15px 34px; }
.conta-form .links { text-align: center; margin-top: 22px; display: grid; gap: 10px; }
.conta-form .links a { text-decoration: none; color: #e9e6de; font-size: 15px; }
.conta-form .links a.discreto { color: var(--suave); font-size: 14px; }
.conta-form .links a:hover { text-decoration: underline; }
.conta-form .aviso { text-align: center; }
@media (max-width: 900px) {
  body.conta { grid-template-columns: 1fr; }
  .conta-arte { display: none; }
  .conta-lado { min-height: 100vh; }
}