/* A conta: criar a própria senha, ativar a verificação em duas etapas e o código no login (features/conta, login). */
.conta { width: 100%; max-width: 440px; display: flex; flex-direction: column; gap: 18px; }
.conta__regra { margin: 0 0 6px; padding: 12px 14px; border-radius: 10px; background: var(--ouro-fundo); border: 1px solid var(--linha); font-size: .86rem; color: var(--tinta-2); }
.conta__passos { margin: 0 0 12px; padding-left: 20px; display: flex; flex-direction: column; gap: 12px; font-size: .92rem; }
.conta__passos li > span { display: block; }
.conta__qr { display: block; width: 200px; height: 200px; margin: 10px 0; padding: 10px; background: #fff; border: 1px solid var(--linha); border-radius: 10px; }
.conta__dica { font-size: .82rem; color: var(--mudo); }
.conta__segredo { display: inline-block; margin-top: 6px; padding: 6px 10px; border-radius: 8px; background: var(--linha-2); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .9rem; letter-spacing: .04em; user-select: all; }
.conta__codigo { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 1.25rem; letter-spacing: .2em; text-align: center; }
.conta__codigos { margin: 4px 0 8px; padding: 14px 14px 14px 38px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 18px; border-radius: 10px; background: var(--superficie); border: 1px solid var(--linha); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .95rem; }
.conta__acoes { display: flex; flex-direction: column; gap: 10px; }
.conta__acoes .btn { justify-content: center; }
.conta__confiar { display: flex; align-items: flex-start; gap: 10px; font-size: .85rem; color: var(--mudo); cursor: pointer; }
.conta__confiar input { margin-top: 3px; }
.conta__sair { align-self: flex-start; padding: 0; border: 0; background: none; color: var(--mudo); font: inherit; font-size: .85rem; text-decoration: underline; cursor: pointer; }
.conta__sair:hover { color: var(--tinta); }
@media (max-width: 480px) {
  .conta__codigos { grid-template-columns: minmax(0, 1fr); }
}