/* Página de entrada do GTD online (as mesmas cores do estilo.css, que só abre depois do login). */
:root {
  --fundo: #f6f5f1; --superficie: #ffffff; --texto: #1f2328; --suave: #6b7078; --borda: #e2e0da;
  --destaque: #2f6b5a; --destaque-texto: #ffffff; --alerta: #9a5b13; --alerta-leve: #fbf0de;
}
@media (prefers-color-scheme: dark) {
  :root {
    --fundo: #16181b; --superficie: #1e2125; --texto: #e6e6e3; --suave: #9a9ea5; --borda: #2e3237;
    --destaque: #6fbfa5; --destaque-texto: #0f1a16; --alerta: #e0a55a; --alerta-leve: #33291b;
  }
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body {
  margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 16px;
  background: var(--fundo); color: var(--texto);
  font: 15px/1.5 "Segoe UI", system-ui, -apple-system, sans-serif;
}
.cartao {
  width: 100%; max-width: 360px; padding: 32px 28px; text-align: center;
  background: var(--superficie); border: 1px solid var(--borda); border-radius: 12px;
}
h1 { margin: 0 0 20px; font-size: 26px; letter-spacing: .02em; }
.mensagem {
  margin: 0 0 20px; padding: 10px 12px; border-radius: 8px; font-size: 14px;
  background: var(--alerta-leve); color: var(--alerta);
}
.entrar {
  display: block; padding: 12px 16px; border-radius: 8px; font-weight: 600; text-decoration: none;
  background: var(--destaque); color: var(--destaque-texto);
}
.entrar:hover { filter: brightness(1.08); }
.outra { display: inline-block; margin-top: 16px; font-size: 13px; color: var(--suave); }