@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(fontes/manrope.woff2) format("woff2")}:root{--bg-0: #1E2022;--bg-1: #25282A;--bg-2: #2B2E31;--bg-3: #33373B;--text-hi: #F8FAFC;--text-mid: #E2E8F0;--text-muted: #9AA8BC;--text-low: #7C8AA0;--blue: #2563EB;--blue-2: #3B82F6;--navy: #0F172A;--violet: #6D3DF5;--green: #22C55E;--warn: #F5B941;--crit: #F87171;--hair: rgba(148,163,184,.09);--hair-2: rgba(148,163,184,.15);--blue-tint: rgba(37,99,235,.14);--blue-line: rgba(59,130,246,.5);--blue-ink: #93B8FB;--green-tint: rgba(34,197,94,.13);--green-line: rgba(34,197,94,.45);--green-ink: #86EFAC;--warn-tint: rgba(245,185,65,.13);--warn-line: rgba(245,185,65,.42);--crit-tint: rgba(248,113,113,.13);--crit-line: rgba(248,113,113,.42)}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:var(--bg-0);color:var(--text-mid);font-family:Manrope,system-ui,sans-serif;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input{font-family:inherit;color:inherit}button{cursor:pointer;background:none;border:0}[hidden]{display:none!important}:focus-visible{outline:2px solid #93C5FD;outline-offset:2px}.ic{width:18px;height:18px;flex-shrink:0}.topo{background:var(--navy);min-height:64px;display:flex;align-items:center;gap:16px;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));border-bottom:1px solid rgba(37,99,235,.25)}.marca{display:flex;align-items:center;gap:12px;min-width:0}.marca-ic{width:40px;height:40px;border-radius:10px;background:var(--bg-0);border:1px solid var(--bg-2);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:var(--text-hi);letter-spacing:.5px}.marca-ic b{color:var(--blue-2);text-shadow:0 0 10px rgba(37,99,235,.6)}.marca h1{font-size:18px;font-weight:800;color:var(--text-hi);letter-spacing:.3px;white-space:nowrap}.marca h1 span{color:var(--blue-2);text-shadow:0 0 14px rgba(37,99,235,.65)}.marca p{font-size:11.5px;color:#a3afc2;font-weight:600;margin-top:2px}.topo-dir{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:0}.topo-dir .quem{font-size:13px;color:#a3afc2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}.topo-dir .quem b{color:var(--text-hi);font-weight:700}.topo-dir .botao{min-height:40px;padding:0 12px;font-size:13.5px}#app{flex:1;display:flex}.palco{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:28px 16px 20px}.cartao{width:100%;max-width:440px;background:var(--bg-1);border:1px solid var(--hair-2);border-radius:16px;padding:24px 22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 18px 40px #00000059}.cartao h2{font-size:20px;font-weight:800;color:var(--text-hi);line-height:1.25}.cartao p{font-size:14px;line-height:1.5;color:var(--text-mid)}.cartao .sub{color:var(--text-muted);font-size:13px}.cartao .leitor{text-align:center;min-height:18px}.carregando{color:var(--text-muted);text-align:center;padding:20px 0}.icone-grande{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--blue-tint);border:1px solid var(--blue-line);color:var(--blue-ink)}.icone-grande .ic{width:26px;height:26px}.icone-grande.alerta{background:var(--warn-tint);border-color:var(--warn-line);color:#fbd38d}.icone-grande.perigo{background:var(--crit-tint);border-color:var(--crit-line);color:#fca5a5}.icone-grande.ok{background:var(--green-tint);border-color:var(--green-line);color:var(--green-ink)}.campo{display:flex;flex-direction:column;gap:6px}.campo span{font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.campo input{height:48px;border-radius:10px;background:var(--bg-2);border:1px solid var(--hair-2);color:var(--text-hi);font-size:16px;font-weight:600;padding:0 14px;outline:0;width:100%}.campo input:focus{border-color:var(--blue-line);box-shadow:0 0 0 3px #2563eb2e}.botao{min-height:48px;border-radius:11px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:800;transition:filter .15s,transform .08s,background .15s}.botao:active{transform:translateY(1px)}.botao[disabled]{opacity:.5;cursor:not-allowed}.botao.azul{background:var(--blue);color:#fff;box-shadow:0 0 16px 1px #2563eb6b}.botao.azul:hover{filter:brightness(1.12)}.botao.leve{background:var(--bg-2);border:1px solid var(--hair-2);color:var(--text-mid)}.botao.leve:hover{border-color:var(--blue-line)}.botao.cheio{width:100%}.botoes{display:flex;flex-direction:column;gap:10px}.mensagem{min-height:20px;font-size:13.5px;font-weight:700;line-height:1.45}.mensagem.erro{color:#fca5a5}.mensagem.ok{color:var(--green-ink)}.aviso{border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5;font-weight:600;background:var(--warn-tint);border:1px solid var(--warn-line);color:#fde2b0}.passos{padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.45}.pontos{display:flex;justify-content:center;gap:14px;padding:6px 0 2px}.pontos i{width:16px;height:16px;border-radius:50%;border:2px solid var(--text-low);transition:background .1s,border-color .1s}.pontos i.cheio{background:var(--blue-2);border-color:var(--blue-2);box-shadow:0 0 10px #3b82f699}.pontos.erro{animation:tremer .32s}@keyframes tremer{25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-4px)}}.teclado{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tecla{height:64px;border-radius:14px;background:var(--bg-2);border:1px solid var(--hair-2);font-size:24px;font-weight:700;color:var(--text-hi);display:grid;place-items:center}.tecla:hover{border-color:var(--blue-line)}.tecla:active{background:var(--bg-3)}.tecla.vazia{visibility:hidden}.tecla .ic{width:24px;height:24px;color:var(--text-muted)}.rodape{text-align:center;font-size:11.5px;color:var(--text-low);padding:10px 16px 16px}.rodape b{color:#fbd38d;font-weight:700}@media(max-width:420px){.marca p{display:none}.marca h1{font-size:16px}.topo-dir .rotulo{display:none}.palco{padding-top:16px}.cartao{padding:20px 16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}