:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #334155;--text: #f8fafc;--muted: #94a3b8;--clt: #2563eb;--clt-soft: rgba(37, 99, 235, .12);--pj: #eab308;--pj-soft: rgba(234, 179, 8, .14);--accent: #38bdf8;--radius: 12px;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#0b1224 0%,var(--bg) 120px);color:var(--text);line-height:1.5}.app{max-width:1280px;margin:0 auto;padding:1.25rem 1rem 3rem}.header{text-align:center;margin-bottom:1.5rem}.logo{max-width:80px;height:auto}.subtitle{color:var(--muted);margin:.5rem 0 1rem}.tabs{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.tabs button{border:1px solid var(--surface-2);background:var(--surface);color:var(--text);padding:.55rem 1rem;border-radius:999px;cursor:pointer}.tabs button.active{background:var(--accent);color:#082f49;border-color:transparent;font-weight:600}.card{background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius);padding:1rem 1.1rem;margin-bottom:1rem}.salary-banner input{font-size:1.25rem;font-weight:700}.columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:980px){.columns{grid-template-columns:1fr}}.regime h2{margin-top:0;padding:.4rem .65rem;border-radius:8px;display:inline-block}.regime.clt h2{background:var(--clt-soft);color:#bfdbfe}.regime.pj h2{background:var(--pj-soft);color:#fde68a}.regime h3{margin:1.25rem 0 .5rem;font-size:.95rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}@media(max-width:720px){.grid-2{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:.25rem}.field-label{font-size:.78rem;color:var(--muted)}.field input{width:100%;background:#0f172a;border:1px solid #475569;color:var(--text);border-radius:8px;padding:.45rem .55rem}.field-readonly input{opacity:.85;border-style:dashed}.field-hint{font-size:.72rem;color:#64748b}.percent-wrap{display:flex;align-items:center;gap:.35rem}.percent-wrap input{flex:1}.note{font-size:.85rem;color:var(--muted);border-left:3px solid var(--pj);padding-left:.65rem;margin:.75rem 0}.totals{margin-top:1rem;border-top:1px solid var(--surface-2);padding-top:.75rem}.summary-row{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0;font-size:.9rem}.summary-row.highlight{background:#38bdf814;margin:.2rem -.4rem;padding:.45rem .4rem;border-radius:8px}.summary-row .negative{color:#fca5a5}.results .section-tag{font-size:.85rem;letter-spacing:.08em;color:var(--muted);margin:.5rem 0}.highlight-box{background:linear-gradient(90deg,var(--clt-soft),var(--pj-soft));border:1px solid var(--surface-2);padding:.75rem 1rem;border-radius:10px;font-weight:600}.diff{color:var(--accent)}.footnote{color:var(--muted);font-size:.9rem}.equivalente{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--surface-2)}.content-page h2{margin-top:0}.entenda-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.entenda-head{font-weight:700;padding:.5rem;border-radius:8px;text-align:center}.entenda-head.clt{background:var(--clt-soft)}.entenda-head.pj{background:var(--pj-soft)}.entenda-cell{padding:.75rem;border-radius:8px;border:1px solid var(--surface-2)}.entenda-cell.clt{background:#2563eb0f}.entenda-cell.pj{background:#eab3080f}.entenda-cell h3{margin:0 0 .35rem;font-size:.95rem}.conclusao{margin-top:1.25rem;padding:1rem;border-radius:10px;background:#0f172a}.faq article{margin-bottom:1.25rem}.faq h3{margin-bottom:.35rem}.footer{text-align:center;color:#64748b;font-size:.82rem;margin-top:2rem}
