@font-face{font-family:"Anton";src:url(fonts/anton-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url(fonts/inter-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url(fonts/inter-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Inter";src:url(fonts/inter-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --grafite:#1B1C1F; --fundo:#141517; --cartao:#25262A; --linha:#34353A;
  --marfim:#F4F1EA; --suave:#A8A59E; --laranja:#F26A21; --laranja-cl:#FF9A55; --erro:#FF8A80;
  --display:"Anton",Impact,"Arial Narrow",sans-serif; --texto:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--fundo)}
body{margin:0;min-height:100vh;min-height:100dvh;background:var(--fundo);color:var(--marfim);font:400 17px/1.5 var(--texto);
  display:flex;flex-direction:column;align-items:center;padding:0 16px}
.topo{width:100%;max-width:600px;padding:28px 0 20px;display:flex;align-items:center;justify-content:space-between}
.topo img{height:34px;width:auto;display:block}
main{width:100%;max-width:600px;flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding-bottom:40px}
.cartao{position:relative;background:var(--grafite);border:1px solid var(--linha);padding:clamp(24px,5vw,44px)}
.barra{position:absolute;left:0;top:0;height:4px;background:var(--laranja);width:0;transition:width .35s ease}
@media (prefers-reduced-motion:reduce){.barra{transition:none}}
.passo{display:flex;flex-direction:column;gap:20px}
.passo[hidden]{display:none}
.eyebrow{font:600 12px/1 var(--texto);letter-spacing:.18em;text-transform:uppercase;color:var(--laranja)}
h1{font:400 clamp(34px,7vw,52px)/1.04 var(--display);text-transform:uppercase;letter-spacing:.01em;margin:0;text-wrap:balance}
h1 em{font-style:normal;color:var(--laranja)}
.ajuda{margin:0;color:var(--suave);font-size:16px}
fieldset{border:0;padding:0;margin:0;min-width:0;display:flex;flex-direction:column;gap:12px}
legend{padding:0;margin:0 0 4px;font:400 clamp(28px,6vw,40px)/1.08 var(--display);text-transform:uppercase;text-wrap:balance}
.opcao{position:relative;display:block}
.opcao input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.opcao > span{display:flex;align-items:center;gap:14px;min-height:60px;padding:14px 18px;background:var(--cartao);border:1px solid var(--linha);font-weight:600;line-height:1.3}
.opcao i{font-style:normal}
.opcao small{display:block;font-weight:400;color:var(--suave);font-size:14px}
.opcao > span::before{content:"";flex:0 0 20px;height:20px;border:2px solid var(--suave);border-radius:50%}
.opcao.multi > span::before{border-radius:3px}
.opcao input:checked + span{border-color:var(--laranja);box-shadow:inset 3px 0 0 var(--laranja);background:#2C2420}
.opcao input:checked + span::before{border-color:var(--laranja);background:var(--laranja);box-shadow:inset 0 0 0 4px var(--cartao)}
.opcao.multi input:checked + span::before{box-shadow:none;background:var(--laranja) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3.2L15 6.8' fill='none' stroke='%231B1C1F' stroke-width='2.6'/%3E%3C/svg%3E") center/100% no-repeat}
.opcao input:focus-visible + span{outline:3px solid var(--laranja-cl);outline-offset:2px}
.campo{display:flex;flex-direction:column;gap:8px}
.campo label{font:600 12px/1 var(--texto);letter-spacing:.14em;text-transform:uppercase;color:var(--suave)}
.campo input[type=text],.campo input[type=email]{width:100%;height:60px;padding:0 18px;background:var(--cartao);color:var(--marfim);border:1px solid var(--linha);border-radius:0;font:400 18px var(--texto)}
.campo input:focus-visible{outline:3px solid var(--laranja-cl);outline-offset:2px;border-color:var(--laranja)}
.erro{margin:0;color:var(--erro);font-size:15px;min-height:0}
.erro:empty{display:none}
.linha-botoes{display:flex;gap:12px;margin-top:8px}
.btn{appearance:none;border:0;border-radius:0;cursor:pointer;min-height:60px;padding:0 20px;font:700 14px/1 var(--texto);letter-spacing:.1em;white-space:nowrap;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:10px}
.btn.principal{flex:1;background:var(--laranja);color:var(--grafite)}
.btn.principal:hover{background:var(--laranja-cl)}
.btn.voltar{background:transparent;color:var(--suave);border:1px solid var(--linha)}
.btn.voltar:hover{color:var(--marfim);border-color:var(--suave)}
.btn:focus-visible{outline:3px solid var(--laranja-cl);outline-offset:2px}
.btn[disabled]{opacity:.6;cursor:progress}
.aceite{display:flex;gap:14px;align-items:flex-start;background:var(--cartao);border:1px solid var(--linha);padding:16px 18px;cursor:pointer}
.aceite input{flex:0 0 22px;width:22px;height:22px;margin:2px 0 0;accent-color:var(--laranja)}
.aceite span{font-size:15px;line-height:1.5}
a{color:var(--laranja-cl)}
.resumo{display:flex;flex-direction:column;border-top:1px solid var(--linha)}
.resumo div{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--linha)}
.resumo dt{grid-column:1;font:600 12px/1 var(--texto);letter-spacing:.14em;text-transform:uppercase;color:var(--suave)}
.resumo dd{grid-column:1;margin:0;overflow-wrap:anywhere}
.resumo button{grid-column:2;grid-row:1/3;align-self:center;background:none;border:0;color:var(--laranja);font:600 14px var(--texto);cursor:pointer;padding:8px}
.resumo button:focus-visible{outline:3px solid var(--laranja-cl)}
.ok{width:72px;height:72px;border:4px solid var(--laranja);border-radius:50%;display:grid;place-items:center}
.ok svg{width:36px;height:36px}
.nota{font-size:14px;color:var(--suave)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
footer{width:100%;max-width:600px;padding:8px 0 32px;color:var(--suave);font-size:13px;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}
footer a{color:var(--suave)}
.doc{max-width:720px;margin:0 auto;padding:8px 0 48px}
.doc h1{font-size:clamp(34px,7vw,52px);margin-bottom:20px}
.doc h2{font:400 26px/1.1 var(--display);text-transform:uppercase;margin:32px 0 10px}
.doc p,.doc li{color:#D9D5CC}
.doc li{margin:4px 0}
.doc .colch{color:var(--laranja-cl)}