:root{--planta:#0E2440;--planta-2:#0A1C33;--planta-3:#13305a;--linha:#3A6A99;--linha-fraca:rgba(127,212,255,.1);--texto:#EAF3FB;--texto-2:#B9CCE0;--texto-3:#9DB8D3;--ciano:#7FD4FF;--laranja:#FF9F43;--laranja-txt:#241200;--ok:#5DE0A0;--erro:#FF8A8A;--f-display:"Chivo","Segoe UI",system-ui,sans-serif;--f-mono:"Chivo Mono",ui-monospace,Consolas,monospace;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--planta);color:var(--texto);font:16px/1.55 var(--f-display);min-height:100vh;background-image:linear-gradient(var(--linha-fraca) 1px,transparent 1px),linear-gradient(90deg,var(--linha-fraca) 1px,transparent 1px);background-size:32px 32px}
a{color:var(--ciano)}
.topo{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--linha)}
.marca{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:20px;color:var(--texto);text-decoration:none;letter-spacing:-.3px}.marca img{width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 1px var(--linha)}.marca span{color:#FFD166}
.caixa{max-width:460px;margin:8vh auto;padding:0 16px}
.cartao{border:1px solid var(--linha);background:var(--planta-2);padding:28px;border-radius:4px;display:grid;gap:10px}
h1{font-size:clamp(26px,5vw,34px);line-height:1.1;margin:0 0 6px;text-wrap:balance}
.rotulo{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ciano)}
p{margin:0;color:var(--texto-2)}
label{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ciano);margin-top:8px}
input{width:100%;background:var(--planta);color:var(--texto);border:1px solid var(--linha);border-radius:4px;padding:12px;font:16px var(--f-display)}
input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--ciano);outline-offset:2px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--laranja);background:var(--laranja);color:var(--laranja-txt);font:700 16px var(--f-display);padding:12px 18px;border-radius:4px;cursor:pointer;text-decoration:none}
.btn.linha{background:transparent;color:var(--texto);border-color:var(--linha)}
.btn[disabled]{opacity:.6;cursor:wait}
.erro{color:var(--erro);font-size:14px;min-height:1.2em}
.ok{color:var(--ok)}
.link{background:none;border:0;color:var(--ciano);font:14px var(--f-display);cursor:pointer;padding:4px 0;text-decoration:underline;justify-self:start}
.mono{font-family:var(--f-mono)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.cartao{box-shadow:0 0 80px rgba(255,159,67,.10)}
.garantias{list-style:none;margin:10px 0 0;padding:14px 0 0;border-top:1px solid var(--linha);display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12.5px;color:var(--texto-3)}
.garantias li{display:flex;align-items:center;gap:6px}.garantias li::before{content:"";width:8px;height:8px;border-radius:50%;background:#FFD166;box-shadow:0 0 8px #FFD166}
.rodape{max-width:460px;margin:0 auto 40px;padding:0 16px;text-align:center;font-size:12px;color:var(--texto-3)}