:root{--azul:#0a2540;--amarelo:#f5c400;--branco:#fff;--bg:var(--azul);--card:#0f2f52;--line:#ffffff1f;--text:var(--branco);--muted:#ffffffb3;--soft-yellow:#f5c4001a;--soft-white:#ffffff08}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.container{max-width:1100px;margin:0 auto;padding:28px 18px 40px}.header{text-align:center;margin-bottom:16px}.footer{text-align:center;border-top:1px solid var(--line);margin-top:16px;padding-top:12px}h1{color:var(--branco);margin:0 0 6px;font-size:28px}h2{margin:0 0 12px;font-size:18px}h3{margin:10px 0;font-size:15px}.muted{color:var(--muted);font-size:14px}.header p{color:var(--muted)}.grid{justify-content:center;display:flex}.grid>.card{width:100%;max-width:820px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 10px 24px #00000040}.cardHeader{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.right{align-items:center;gap:8px;display:flex}.divider{background:var(--line);height:1px;margin:14px 0}.field{margin-bottom:12px}.label{color:var(--muted);margin-bottom:6px;font-size:13px}.hint{color:var(--muted);margin-top:6px;font-size:12px}input{border:1px solid var(--line);background:var(--soft-white);width:100%;color:var(--text);border-radius:12px;outline:none;padding:11px 12px}input:focus{border-color:#f5c400cc;box-shadow:0 0 0 3px #f5c40026}.row{justify-content:space-between;gap:10px;margin-top:10px;display:flex}.mini{flex-wrap:wrap;gap:14px;font-size:14px;display:flex}.btn{border:1px solid var(--line);cursor:pointer;border-radius:12px;padding:10px 12px;font-weight:700}.btn.primary{background:var(--amarelo);color:var(--azul);border-color:#f5c40099}.btn.primary:hover{filter:brightness(.95)}.btn.ghost{color:var(--branco);background:0 0}.btn.ghost:hover{border-color:#f5c40099}.btn:disabled{opacity:.55;cursor:not-allowed}.badge{border:1px solid var(--line);background:var(--soft-white);border-radius:999px;padding:6px 10px;font-size:12px}.badge.good{border-color:#f5c400e6}.badge.warn{border-color:#f5c40099}.badge.bad{border-color:#ffffff40}.steps{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.step{background:var(--soft-white);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-width:160px;padding:10px 14px;font-size:13px;line-height:1;display:inline-flex}.step.active{background:#f5c4001f;border-color:#f5c400e6}.totalBox{background:#f5c40014;border:1px solid #f5c40059;border-radius:16px;padding:14px}.totalLabel{color:var(--muted);font-size:13px}.totalValue{color:var(--amarelo);margin:4px 0;font-size:28px;font-weight:900}.total{color:var(--amarelo);font-size:32px;font-weight:900}.breakdown{margin:0;padding-left:0;list-style:none}.breakdown li{border-bottom:1px dashed var(--line);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.bLeft{flex-direction:column;gap:4px;display:flex}.bLabel{font-weight:800}.bHint{color:var(--muted);font-size:12px}.bValue{font-weight:900}.msg{border:1px solid var(--line);background:var(--soft-white);border-radius:12px;margin:8px 0;padding:10px 12px}.msg.good{background:#f5c4001f;border-color:#f5c400b3}.msg.bad{background:#ffffff0f;border-color:#ffffff40}.notes,.warnings,.sideList{margin:0;padding-left:18px}.choiceGrid{grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;display:grid}@media (max-width:700px){.choiceGrid{grid-template-columns:1fr}}.choiceCard{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:14px;padding:14px;transition:all .2s}.choiceCard:hover{border-color:var(--amarelo)}.choiceCard.active{border-color:var(--amarelo);background:#f5c40014}.choiceTop{justify-content:space-between;align-items:center;gap:10px;display:flex}.choiceTitle{margin:0;font-size:14px;font-weight:900}.choiceSub{color:var(--muted);margin-top:6px;font-size:13px}.pill{color:var(--amarelo);background:#f5c40026;border:1px solid #f5c40040;border-radius:999px;padding:4px 8px;font-size:12px}.pill.good{background:#f5c40040;border-color:#f5c40059}@media (max-width:520px){.step{min-width:100%}}
