:root{--pink:#bd0578;--navy:#72263d;--teal:#008d80;--gold:#c9aa6a;--ink:#f0ece5;--muted:#b0aaa4;--line:#393235}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#19191c,#19191c 45%,#19191c);color:var(--ink);font:16px/1.55 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}[hidden]{display:none!important}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--teal);outline-offset:4px}input,select{width:100%;min-height:46px;border:1px solid #393235;border-radius:12px;background:#19191c;color:var(--ink);padding:10px 12px}input:focus,select:focus{outline:3px solid #51422e;border-color:var(--pink)}button{min-height:46px;padding:11px 16px;border-radius:13px;font-weight:750}.tool-top{background:#19191c;border-bottom:1px solid var(--line)}nav,main{width:min(1220px,calc(100% - 32px));margin:auto}nav{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:16px}.brand img{width:150px;height:70px;object-fit:cover;border-radius:16px}.back-link{border:1px solid var(--line);border-radius:99px;padding:9px 15px;text-decoration:none;color:var(--pink);font-weight:700}.tool-intro{padding:35px 0 28px;max-width:820px}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.12em;color:var(--pink)}h1{font-size:clamp(32px,5vw,52px);line-height:1.08;letter-spacing:-.045em;margin:12px 0 16px}.tool-intro>p:last-child{color:var(--muted)}h2,h3{line-height:1.25;margin-top:0}.sim-layout{display:grid;grid-template-columns:minmax(320px,390px) minmax(0,1fr);align-items:start;gap:24px}.panel{border:1px solid var(--line);border-radius:25px;background:#19191c;box-shadow:0 16px 50px #00000066;overflow:hidden}.controls{padding:24px;border-top:5px solid var(--pink)}.controls h2{color:var(--pink);font-size:22px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{margin-bottom:15px}.field label{display:block;font-size:13px;font-weight:700;line-height:1.5;margin-bottom:6px}.outline{width:100%;border:1px solid var(--pink);background:#19191c;color:var(--pink)}.primary{width:100%;border:0;background:linear-gradient(120deg,#491a2b,#491a2b);color:white;margin-top:18px}.help,.legal{font-size:12px;line-height:1.65;color:var(--muted)}.investment-toggle{width:100%;background:linear-gradient(120deg,#332a22,#332a22);color:white;border:0;margin-top:10px}.investment-controls{padding-top:20px;margin-top:16px;border-top:1px solid #393235}.investment-controls h3{color:var(--teal)}.check{display:flex;gap:9px;align-items:center;margin-bottom:15px;font-size:13px;font-weight:650}.check input{min-height:20px;width:20px;accent-color:var(--pink)}.extra-loan{margin:18px 0;padding:16px;background:#19191c;border:1px solid #393235;border-radius:18px}.extra-loan header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.extra-loan header strong{font-size:14px;color:var(--pink)}.remove-loan{min-height:32px;padding:4px 8px;background:#19191c;color:#f0ece5;border:1px solid #393235;font-size:12px}.results{display:grid;gap:20px;min-width:0}.empty-state{padding:32px;color:var(--muted)}.sim-hero{padding:26px;background:linear-gradient(125deg,#491a2b,#491a2b 52%,#332a22);color:white;border-bottom:4px solid #393235}.sim-hero p{margin:0;color:#f0ece5;font-size:13px}.sim-hero strong{display:block;font-size:clamp(32px,4vw,48px);line-height:1.2;margin:9px 0 12px;letter-spacing:-.035em}.sim-hero .sub{color:#f0ece5;font-size:13px;font-weight:650}.sim-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:22px}.sim-metric{border:1px solid #393235;border-radius:16px;background:#19191c;padding:15px;min-width:0}.sim-metric span{font-size:12px;color:var(--muted);display:block}.sim-metric strong{display:block;margin-top:6px;font-size:20px;line-height:1.3;color:var(--gold);overflow-wrap:anywhere}.sim-metric.teal{background:#19191c;border-color:#393235}.sim-metric.teal strong{color:var(--teal)}.sim-metric.pink{background:#19191c;border-color:#393235}.sim-metric.pink strong{color:var(--pink)}.sim-card{padding:24px}.sim-card h2{font-size:20px;color:var(--gold)}.sim-note{font-size:12px;line-height:1.7;color:var(--muted)}.sim-note:last-child{margin-bottom:0}.sim-chart{width:100%;overflow:auto}.sim-chart svg{display:block;width:100%;height:auto;min-width:480px}.sim-legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:var(--gold);margin-bottom:10px}.sim-legend span{display:flex;align-items:center;gap:6px}.sim-legend i{width:20px;height:4px;border-radius:3px}.sim-table-wrap{overflow:auto}.sim-table{border-collapse:collapse;width:100%;font-size:12px;font-variant-numeric:tabular-nums}.sim-table th,.sim-table td{padding:11px 9px;text-align:right;border-bottom:1px solid #393235;white-space:nowrap}.sim-table th:first-child,.sim-table td:first-child{text-align:left;white-space:normal}.sim-table thead{background:var(--navy);color:white}.sim-table thead th{font-size:11px;white-space:normal}.sim-table tbody tr:nth-child(even){background:#19191c}.sim-table tr.goal{background:#19191c!important;color:#c9aa6a;font-weight:750}.sim-card summary{font-size:18px;color:var(--pink);font-weight:750;cursor:pointer}.sim-card details[open] summary{margin-bottom:15px}.sim-error{padding:25px;border:1px solid #393235;background:#19191c;color:#f0ece5;border-radius:20px}.legal{margin:24px auto 0;max-width:980px;text-align:center}.tool-footer{text-align:center;padding:30px 16px;color:var(--muted);font-size:12px}@media(max-width:950px){.sim-layout{grid-template-columns:1fr}.controls .fields{grid-template-columns:1fr 1fr}.tool-intro{padding-top:25px}}@media(max-width:480px){nav,main{width:calc(100% - 22px)}.controls,.sim-card{padding:19px}.sim-hero{padding:22px}.sim-metrics{padding:17px;gap:9px}.sim-metric{padding:12px}.sim-metric strong{font-size:18px}.brand img{width:130px}.back-link{font-size:12px}.sim-table{font-size:11px}}@media print{.controls,.tool-top,.tool-intro,.tool-footer{display:none!important}.sim-layout{display:block!important}main{width:100%!important;margin:0!important}.results{display:block!important}.results>.panel{margin-bottom:20px;box-shadow:none}.sim-chart{overflow:visible!important}.sim-chart svg{height:auto!important;min-width:0!important;aspect-ratio:940/390}.sim-metrics{grid-template-columns:1fr 1fr!important}.sim-hero,.sim-metric,svg,tr{break-inside:avoid}.sim-table-wrap{overflow:visible!important}.sim-table{font-size:13px}.sim-table thead th{font-size:12px}.sim-table th,.sim-table td{white-space:normal}.sim-card,.sim-hero{padding:22px}.sim-table thead{display:table-header-group}}
