/* Telas fora do sistema (login, configuração inicial) — marca Busca Orgânica */
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
    min-height: 100vh; display: flex; align-items: center; justify-content: center;
    background: var(--bo-paper); color: var(--fg); font-family: var(--font-sans); padding: 16px;
}
.card {
    width: 100%; max-width: 420px; background: var(--bo-white);
    border: 1px solid var(--border); border-radius: 10px; padding: 40px 36px;
}
.logo { height: 44px; width: auto; display: block; margin-bottom: 32px; }
.eyebrow {
    display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 700;
    letter-spacing: .18em; text-transform: uppercase; color: var(--fg-muted); margin-bottom: 12px;
}
.eyebrow::before { content: ""; width: 28px; height: 1px; background: currentColor; }
h1 { font-size: 28px; font-weight: 950; line-height: 1.15; letter-spacing: -0.02em; margin-bottom: 8px; }
p { font-size: 15px; line-height: 1.5; color: var(--fg-muted); }
form { margin-top: 12px; }
label { display: block; font-size: 13px; font-weight: 700; margin: 16px 0 8px; }
input {
    width: 100%; font: inherit; font-size: 15px; color: var(--fg); background: var(--bo-paper);
    border: 1px solid var(--border-strong); border-radius: 6px; padding: 14px 16px; outline: none;
}
input[readonly] { background: var(--bo-mist); color: var(--fg-muted); }
input:focus { border-color: var(--bo-navy); box-shadow: 0 0 0 3px var(--bo-navy-a10); }
.dica { font-size: 13px; color: var(--fg-subtle); margin-top: 6px; }
button {
    width: 100%; margin-top: 24px; font: inherit; font-size: 15px; font-weight: 700; color: #fff;
    background: var(--bo-navy); border: 0; border-radius: 999px; padding: 16px 26px; cursor: pointer;
    transition: transform 140ms var(--ease-out, ease-out);
}
button:active { transform: scale(.985); }
.alerta {
    margin-top: 24px; padding: 14px 16px; border: 1px solid var(--bo-navy); border-radius: 6px;
    font-size: 14px; line-height: 1.45;
}
.alerta.ok { background: var(--bo-navy); color: #fff; }
.alerta a { color: inherit; font-weight: 700; }
.rodape { margin-top: 28px; font-size: 13px; color: var(--fg-subtle); }
.rodape a { color: var(--fg); font-weight: 700; }