:root{--bg:#f3f5f8;--card:#fff;--tx:#18202e;--mu:#5f6b7d;--bd:#dfe3e9;--ac:#1f4fd1;--ru:#b42318;--rub:#fcebea;--al:#935600;--alb:#fcf2df}
@media(prefers-color-scheme:dark){:root{--bg:#10131a;--card:#1a1f29;--tx:#e6e9ef;--mu:#98a2b3;--bd:#2c333f;--ac:#7aa2ff;--ru:#f4746b;--rub:#3a1714;--al:#f0b44c;--alb:#33280f}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:480px;margin:0 auto;padding:8vh 16px 32px}
.cartao{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:24px}
.marca{margin:0 0 16px;color:var(--mu);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
h1{font-size:21px;margin:0 0 12px;line-height:1.3}
form{display:grid;gap:14px;margin-top:16px}
label{display:grid;gap:6px;font-size:14px;color:var(--mu)}
input{padding:11px 12px;border:1px solid var(--bd);border-radius:8px;background:var(--bg);color:var(--tx);font:18px ui-monospace,Consolas,monospace;min-width:0}
button,.botao{display:inline-block;padding:11px 16px;border:0;border-radius:8px;background:var(--ac);color:#fff;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;text-align:center}
.codigo{font:700 32px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.1em;margin:14px 0;word-break:break-all}
.erro{background:var(--rub);color:var(--ru);padding:10px 12px;border-radius:8px}
.aviso{background:var(--alb);color:var(--al);padding:10px 12px;border-radius:8px;font-size:14px}
ol{padding-left:20px}ol li{margin-bottom:14px}
a{color:var(--ac)}
.rodape{color:var(--mu);font-size:13px;text-align:center;margin-top:16px}