:root{--nubus-red: #E11B2D;--nubus-red-deep: #B3121F;--ink: #1A1012;--surface: #FFFFFF;--surface-2: #FBF7F7;--success: #1B8A3A;--danger: #C62828;--warning: #E65100;--ink-suave: rgba(26, 16, 18, .62);--contorno: rgba(26, 16, 18, .18);--desabilitado: rgba(26, 16, 18, .2);--fonte: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}body{margin:0;font-family:var(--fonte);font-size:16px;line-height:1.5;color:var(--ink);background:var(--surface-2)}.marca{border-top:4px solid var(--nubus-red)}.marca__nome{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:.01em}.marca__papel{margin:0;color:var(--ink-suave);font-size:.875rem}.entrada{display:flex;justify-content:center;padding:3rem 1rem}.cartao{width:100%;max-width:26rem;box-sizing:border-box;padding:1.75rem;background:var(--surface);border:1px solid var(--contorno);border-radius:12px}.cartao>.marca{border-top:none;border-left:4px solid var(--nubus-red);padding-left:.75rem;margin-bottom:1.5rem}.campo{display:block;margin-bottom:1rem}.campo__rotulo{display:block;font-weight:500;margin-bottom:.25rem}.campo__entrada{width:100%;box-sizing:border-box;padding:.625rem .75rem;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--contorno);border-radius:8px}.campo__entrada:focus-visible{outline:2px solid var(--nubus-red);outline-offset:1px}.dica{margin:.375rem 0 0;color:var(--ink-suave);font-size:.8125rem}.botao{font:inherit;font-weight:500;padding:.6875rem 1rem;border-radius:10px;border:1px solid transparent;cursor:pointer}.botao:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.botao--marca{width:100%;color:var(--surface);background:var(--nubus-red)}.botao--marca:hover:not(:disabled),.botao--marca:active:not(:disabled){background:var(--nubus-red-deep)}.botao--marca:disabled{background:var(--desabilitado);cursor:default}.botao--discreto{color:var(--ink);background:var(--surface);border-color:var(--contorno)}.botao--discreto:hover{background:var(--surface-2)}.aviso{display:flex;align-items:flex-start;gap:.5rem;margin:1rem 0 0;font-size:.9375rem}.aviso__glifo{flex:none;margin-top:.2em}.aviso--erro{color:var(--danger)}.aviso--atencao{color:var(--warning)}.aviso--certo{color:var(--success)}.barra{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--contorno)}.barra__quem{margin-right:auto}.barra__cliente{display:flex;align-items:center;gap:.5rem;font-size:.9375rem}.barra__seletor{font:inherit;padding:.375rem .5rem;color:var(--ink);background:var(--surface);border:1px solid var(--contorno);border-radius:8px}.barra .aviso{flex-basis:100%;margin-top:0}.carregando{padding:3rem 1rem;text-align:center;color:var(--ink-suave)}