:root{--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-2:#273449;--color-emerald:#10b981;--color-gold:#f59e0b;--color-cyan:#06b6d4;--color-rose:#fb7185;--color-text:#ffffff;--color-text-muted:#cbd5e1;--color-border:#334155;--color-backdrop:rgba(0,0,0,0.6)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at top left,#152447 0,var(--color-bg) 45%);color:var(--color-text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{max-width:1100px;margin:0 auto;padding:28px 16px 60px}.page-shell{min-height:100vh}.hero{margin-bottom:24px}.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.4);border-radius:999px;padding:6px 12px;font-size:.85rem;color:var(--color-emerald)}h1{margin:12px 0 8px;font-size:clamp(1.8rem,3vw,2.8rem)}h2,h3{margin:0 0 14px;display:flex;align-items:center;gap:8px}.muted{color:var(--color-text-muted)}.grid{display:grid;grid-gap:16px;gap:16px}.card{background:linear-gradient(180deg,var(--color-surface) 0,var(--color-surface-2) 100%);border:1px solid var(--color-border);border-radius:16px;padding:18px;box-shadow:0 12px 30px rgba(0,0,0,.25)}.input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}label{display:flex;flex-direction:column;gap:8px;font-size:.9rem}label span{display:inline-flex;gap:6px;align-items:center;color:var(--color-text-muted)}input,select{width:100%;border-radius:10px;border:1px solid var(--color-border);background:#0d1a31;color:var(--color-text);padding:10px 12px;outline:none}input:focus,select:focus{border-color:var(--color-emerald);box-shadow:0 0 0 3px rgba(16,185,129,.2)}.cta{margin-top:16px;width:100%;border:none;border-radius:12px;background:linear-gradient(90deg,var(--color-emerald),var(--color-gold));color:#061323;font-weight:700;padding:12px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.result-big{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.result-big strong{font-size:clamp(1.6rem,4vw,2.3rem);color:var(--color-emerald)}.breakdown{list-style:none;padding:0;margin:0 0 16px}.breakdown li{display:flex;justify-content:space-between;border-bottom:1px solid var(--color-border);padding:10px 0}.donut{width:180px;height:180px;margin:10px auto 0;display:block}.donut-track{stroke:#0e182d}.donut-segment,.donut-track{fill:transparent;stroke-width:3}.donut-segment{stroke-linecap:butt;transition:stroke-dasharray .6s ease,stroke-dashoffset .6s ease}.legend{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.legend-item{display:flex;align-items:center;gap:8px}.legend-item span{width:10px;height:10px;border-radius:999px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.summary-grid article{background:#12223f;border:1px solid var(--color-border);border-radius:12px;padding:12px}.summary-grid p{margin:0 0 8px;color:var(--color-text-muted);font-size:.85rem}.summary-grid strong{font-size:1.15rem}.details summary{cursor:pointer;font-weight:700;color:var(--color-gold)}.details p{color:var(--color-text-muted);line-height:1.6}.ad-placeholder{border:1px dashed var(--color-border);border-radius:12px;background:rgba(255,255,255,.02);padding:16px;margin:16px 0}.ad-placeholder,.footer{color:var(--color-text-muted);text-align:center}.footer{margin-top:26px}.modal-overlay{position:fixed;inset:0;background:var(--color-backdrop);z-index:1000;display:grid;place-items:center;padding:16px}.modal{width:min(460px,100%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:18px;position:relative}.icon-close{position:absolute;top:8px;right:8px;border:none;background:transparent;color:var(--color-text);cursor:pointer}.page-blur{filter:blur(4px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .45s ease-out}@media (max-width:960px){.grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.input-grid,.legend,.summary-grid{grid-template-columns:1fr}}body,html{overflow-x:hidden;max-width:100vw}.calculator-page{overflow:hidden}.qc-depth{box-sizing:border-box}.qc-depth,.qc-depth a,.qc-depth details,.qc-depth h2,.qc-depth li,.qc-depth p,.qc-depth summary{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.term-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px;max-width:100%}.term-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);min-width:0}.term-card strong{color:white;font-size:.95rem}.term-card span{color:rgba(255,255,255,.65);font-size:.88rem;line-height:1.45}@media (max-width:720px){header>div{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:12px 16px!important}nav[aria-label="Calculator categories"]{width:100%!important;flex:none!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-gap:8px!important;gap:8px!important}nav[aria-label="Calculator categories"] .qc-nav-item{width:100%!important}nav[aria-label="Calculator categories"] .qc-nav-item>a{width:100%!important;text-align:center!important;padding:10px 8px!important;font-size:13px!important}}@media (max-width:380px){nav[aria-label="Calculator categories"]{grid-template-columns:1fr!important}}@media (max-width:640px){footer nav[aria-label="All calculators"]{grid-template-columns:1fr!important;gap:24px!important}footer>div>div:last-child{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}}.qc-breadcrumb{font-size:.85rem;color:var(--color-text-muted);margin:0 0 14px}.qc-breadcrumb a{color:var(--color-text-muted);text-decoration:none}.qc-breadcrumb a:hover{text-decoration:underline}.qc-breadcrumb .qc-breadcrumb-current{color:var(--color-text)}.qc-lede{font-size:1.05rem;max-width:62ch}.qc-lede,.qc-prose p{line-height:1.65;color:var(--color-text-muted)}.qc-prose strong{color:var(--color-text)}.qc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.qc-table{width:100%;border-collapse:collapse;margin:12px 0 8px;font-size:.92rem}.qc-table td,.qc-table th{border:1px solid var(--color-border);padding:10px 12px;text-align:left;overflow-wrap:break-word;word-wrap:break-word}.qc-table th{background:rgba(16,185,129,.1);color:var(--color-text)}.qc-table td{color:var(--color-text-muted)}.qc-faq h3,.qc-table td strong{color:var(--color-text)}.qc-faq h3{font-size:1.05rem;margin:18px 0 6px}.qc-faq p{margin:0 0 10px;line-height:1.6;color:var(--color-text-muted)}.qc-method{border:1px solid var(--color-border);border-radius:12px;padding:18px;margin:16px 0;background:rgba(16,185,129,.05)}.qc-method h2{margin-top:0}.qc-method p{line-height:1.6;color:var(--color-text-muted)}.qc-method strong{color:var(--color-text)}.qc-byline{border-top:1px solid var(--color-border);margin-top:28px;padding-top:14px;font-size:.85rem;color:var(--color-text-muted)}.qc-byline p{margin:0 0 4px}.qc-cta-card{border:1px solid var(--color-border);border-left:4px solid var(--color-emerald);border-radius:12px;padding:16px;margin-top:18px;background:rgba(16,185,129,.06)}.qc-cta-card h3{margin:0 0 8px;font-size:1.05rem}.qc-cta-card p{margin:0 0 10px;font-size:.9rem;line-height:1.55;color:var(--color-text-muted)}.cta-secondary{margin-top:8px;width:100%;border:1px solid var(--color-emerald);border-radius:12px;background:transparent;color:var(--color-emerald);font-weight:700;padding:12px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.cta-secondary:hover{background:rgba(16,185,129,.1)}.breakdown li span{overflow-wrap:break-word;word-wrap:break-word}.modal{max-height:90dvh;overflow-y:auto}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:767px){.grid{grid-template-columns:minmax(0,1fr)}}.breakdown li{gap:12px}.breakdown li>*{min-width:0;overflow-wrap:break-word}.breakdown li>span{flex:1 1 60%;max-width:70%}.breakdown li>strong{flex:1 1 40%;text-align:right}label>span{min-width:0;flex-wrap:wrap}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-muted)}.modal h3{padding-right:20px}.cta:disabled{opacity:.65;cursor:wait}.modal .icon-close{width:44px;height:44px;top:0;right:1px;padding:9px 13px 17px;display:flex;align-items:flex-start;justify-content:center;line-height:0}.modal button,.modal input,.modal select,.modal textarea{font-size:16px}footer a,footer button{display:inline-block;min-height:24px;line-height:20px!important;padding-block:2px!important}footer nav[aria-label="All calculators"] ul{gap:8px!important}footer nav[aria-label="All calculators"] li{line-height:0}.back-link,nav[aria-label=Breadcrumb] a{display:inline-flex;align-items:center;min-height:24px;line-height:20px;padding-block:2px}.back-link{margin-bottom:14px}.qc-breadcrumb{gap:8px}label:has(>input[type=checkbox]){min-height:24px;padding-block:4px}