/* Estilo das páginas públicas do SyncTap (placa não ativada, Pix, placa inexistente, início). */
@font-face { font-family: "Geist"; src: url("/assets/fontes/geist.woff") format("woff"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("/assets/fontes/jetbrains-mono.woff") format("woff"); font-weight: 100 800; font-display: swap; }

:root { --bg:#04060A; --azul:#2160A6; --realce:#3E86D8; --texto:#F2F4F8; --suave:#9AA3B2; --linha:#1c2433; }
* { box-sizing:border-box; margin:0; }
body { min-height:100svh; display:grid; place-items:center; padding:24px 16px; background:var(--bg); color:var(--texto); font-family:Geist, system-ui, sans-serif; }
main { width:100%; max-width:380px; text-align:center; }
.marca { font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--suave); font-size:12px; }
.marca b { color:var(--realce); }
h1 { font-size:28px; line-height:1.15; margin:28px 0 12px; }
p { color:var(--suave); font-size:16px; line-height:1.5; }
.codigo { display:inline-block; margin:24px 0; padding:10px 18px; border:1px solid var(--linha); border-radius:10px; font-family:"JetBrains Mono", monospace; font-size:20px; letter-spacing:.18em; }
.botao { display:block; width:100%; margin-top:10px; padding:15px 18px; border-radius:12px; border:0; background:var(--azul); color:#fff; text-decoration:none; font:600 16px Geist, system-ui, sans-serif; cursor:pointer; }
.botao.sec { background:transparent; border:1px solid var(--linha); color:var(--texto); }
.qr { background:#fff; border-radius:14px; padding:14px; margin:24px auto 8px; width:240px; }
.qr svg { display:block; width:100%; height:auto; }
.dados { margin:16px 0; text-align:left; border:1px solid var(--linha); border-radius:12px; padding:14px; font-size:15px; }
.dados div { display:flex; justify-content:space-between; gap:12px; padding:4px 0; }
.dados span { color:var(--suave); }
.dados strong { text-align:right; word-break:break-all; }
footer { margin-top:32px; font-size:12px; color:#8A93A3; }