@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&display=swap";:root{--bg-dark:#07101f;--card:#111d2ee6;--input-bg:#0f1e30;--accent:#7875f0;--cyan:#00d4f5;--purple:#7875f0;--text-main:#e8edf5;--text-dim:#8fa5c8;--text-muted:#4d6485;--red:#f87171;--green:#00c9a7;--gold:#f5a623;--border:#ffffff12;--radius:14px}@keyframes re-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text-main);min-height:100vh;font-family:Inter,sans-serif;line-height:1.6}.calc-breadcrumb{color:var(--text-muted);padding:12px 24px 0;font-size:.78rem}.calc-breadcrumb a{color:var(--text-dim);text-decoration:none}.calc-breadcrumb a:hover{color:var(--text-main)}.calc-breadcrumb .sep{margin:0 6px}.main-container{max-width:1200px;margin:0 auto;padding:0 24px 60px}.page-header{padding:24px 0 20px}.page-title{color:var(--text-main);margin-bottom:6px;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700}.page-subtitle{color:var(--text-dim);font-size:.95rem}.tab-nav{background:#111d2ee6;border:1px solid #ffffff12;border-radius:999px;gap:4px;width:fit-content;margin-bottom:28px;padding:4px;display:flex;overflow-x:auto}.tab-btn{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:7px 18px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:500;transition:all .25s}.tab-btn:hover{color:var(--text-main);background:#ffffff0d}.tab-btn.active{color:#07101f;background:linear-gradient(135deg,#f5a623,#e8940f);font-weight:700;box-shadow:0 2px 10px #f5a62359}.tab-content{display:none}.tab-content.active{animation:.3s both re-fade-up;display:block}.calc-grid{grid-template-columns:360px 1fr;align-items:start;gap:24px;display:grid}@media (width<=900px){.calc-grid{grid-template-columns:minmax(0,1fr);overflow:hidden}}.card{background:var(--card);backdrop-filter:blur(12px);border-radius:var(--radius);border:1px solid var(--border);padding:20px;animation:.3s both re-fade-up;box-shadow:0 4px 24px #00000073}.card-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:16px;font-size:.68rem;font-weight:600}.input-card{border-top:3px solid var(--gold);border-left:none}.result-card{border-top:3px solid var(--green);border-left:none}.input-group{margin-bottom:14px}.input-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:5px;font-size:.68rem;font-weight:600;display:block}.input-field{background:var(--input-bg);width:100%;color:var(--text-main);border:1px solid #ffffff17;border-radius:10px;outline:none;padding:9px 12px;font-family:JetBrains Mono,monospace;font-size:.95rem;transition:border-color .25s,box-shadow .25s}.input-field:focus{border-color:#f5a6238c;box-shadow:0 0 0 3px #f5a6232e,0 0 0 1px #f5a62380}.input-hint{color:var(--text-muted);margin-top:3px;font-size:.73rem}.chips{flex-wrap:wrap;gap:6px;display:flex}.term-chip,.score-chip{background:var(--input-bg);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:6px;padding:6px 14px;font-family:Inter,sans-serif;font-size:.82rem;transition:all .25s}.term-chip:hover,.score-chip:hover{border-color:var(--gold);color:var(--text-main)}.term-chip.active,.score-chip.active{border-color:var(--gold);color:var(--gold);background:#f5a62326}.hero-result{text-align:center;border-radius:var(--radius);border:1px solid #00c9a740;border-top:3px solid var(--green);background:#162336e6;margin-bottom:16px;padding:24px 16px;animation:.3s both re-fade-up}.hero-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px;font-size:.68rem;font-weight:600}.hero-value{color:var(--gold);letter-spacing:-.03em;text-shadow:0 0 24px #f5a62347;font-family:JetBrains Mono,monospace;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:700}.hero-sub{color:var(--text-dim);margin-top:6px;font-size:.8rem}.fha-mip-visual{border:1px solid #f5a62338;border-top:3px solid var(--gold);background:#f5a6230f;border-radius:8px;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding:12px 14px;animation:.3s both re-fade-up;display:flex}.mip-pill{color:var(--gold);font-size:.78rem;font-weight:500}.mip-pill span{color:var(--text-main);font-weight:600}.mip-timeline{background:var(--input-bg);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;padding:12px 14px}.mip-timeline-label{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;font-size:.68rem;font-weight:600}.mip-bar-wrap{background:#162336;border-radius:999px;height:4px;position:relative;overflow:hidden}.mip-bar-fill{background:linear-gradient(90deg, var(--gold), var(--red));border-radius:999px;height:100%;transition:width .4s;position:absolute;top:0;left:0}.mip-bar-note{color:var(--text-dim);margin-top:6px;font-size:.72rem}.stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.stat-card{background:var(--input-bg);border-top:3px solid var(--purple);border-radius:8px;padding:12px;animation:.3s both re-fade-up}.stat-label{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:.68rem;font-weight:600}.stat-value{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:1.15rem;font-weight:600}.formula-strip{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.formula-pill{color:var(--text-dim);background:#7875f014;border:1px solid #7875f038;border-radius:6px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:.72rem}.chart-block{border-top:3px solid var(--purple);border:1px solid var(--border);border-top:3px solid var(--purple);background:#162336cc;border-radius:14px;min-width:0;margin-bottom:16px;padding:12px;animation:.3s both re-fade-up;overflow:hidden}.chart-block canvas{max-width:100%}.fha-compare-strip{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.compare-side{background:var(--input-bg);border:1px solid var(--border);text-align:center;border-radius:8px;padding:14px;animation:.3s both re-fade-up}.compare-side.fha-side{border-top:3px solid var(--gold)}.compare-side.conv-side{border-top:3px solid var(--text-muted)}.compare-side-label{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;margin-bottom:6px;font-size:.68rem;font-weight:600}.compare-side-val{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:1.3rem;font-weight:700}.compare-side-sub{color:var(--text-dim);margin-top:3px;font-size:.72rem}.fha-side .compare-side-val{color:var(--gold)}.alert-stack{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.alert{border-left:3px solid;border-radius:8px;padding:10px 13px;font-size:.82rem;line-height:1.4;display:none}.alert.show{display:block}.alert-info{border-color:var(--cyan);color:var(--cyan);background:#00d4f512}.alert-warn{border-color:var(--gold);color:var(--gold);background:#f5a62314}.alert-danger{border-color:var(--red);color:var(--red);background:#f8717114}.alert-success{border-color:var(--green);color:var(--green);background:#00c9a714}.action-bar{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-family:Inter,sans-serif;font-size:.84rem;font-weight:500;transition:all .25s;display:inline-flex}.btn-primary{color:#07101f;background:linear-gradient(135deg,#f5a623,#e8940f);font-weight:700}.btn-primary:hover{box-shadow:0 4px 16px #f5a62366}.btn-outline{border:1px solid var(--border);color:var(--text-dim);background:0 0}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.scenario-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}@media (width<=700px){.scenario-grid{grid-template-columns:minmax(0,1fr);overflow:hidden}}.scenario-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);text-align:center;padding:18px;animation:.3s both re-fade-up}.scenario-card.bear{border-top:3px solid var(--red)}.scenario-card.base{border-top:3px solid var(--gold)}.scenario-card.bull{border-top:3px solid var(--green)}.scenario-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:.68rem;font-weight:600}.scenario-rate{color:var(--text-dim);margin-bottom:8px;font-size:.85rem}.scenario-value{font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700}.bear .scenario-value{color:var(--red)}.base .scenario-value{color:var(--gold)}.bull .scenario-value{color:var(--green)}.matrix-wrap{margin-bottom:24px;overflow-x:auto}.matrix-title{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;margin-bottom:10px;font-size:.68rem;font-weight:600}.matrix-table{border-collapse:collapse;min-width:400px;font-size:.78rem}.matrix-table th{color:var(--text-dim);text-align:center;border:1px solid var(--border);white-space:nowrap;background:#7875f026;padding:7px 10px}.matrix-table td{text-align:center;border:1px solid var(--border);color:var(--text-main);background:var(--card);padding:7px 10px;font-family:JetBrains Mono,monospace}.matrix-table td.current{color:var(--gold);background:#f5a62326;font-weight:700}.matrix-table td.high{color:var(--red);background:#f8717114}.matrix-table td.low{color:var(--green);background:#00c9a714}.compare-table{border-collapse:collapse;width:100%;margin-bottom:16px;font-size:.82rem}.compare-table th{color:var(--text-dim);text-align:left;border-bottom:1px solid var(--border);background:#7875f01f;padding:9px 12px}.compare-table th:not(:first-child){text-align:center}.compare-table td{color:var(--text-main);border-bottom:1px solid #162336cc;padding:8px 12px;font-family:JetBrains Mono,monospace}.compare-table td:not(:first-child){text-align:center}.compare-table tr:hover td{background:#ffffff05}.best-value{color:var(--green);font-weight:600}.fha-col{color:var(--gold)}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-top:20px;margin-bottom:10px;font-size:.68rem;font-weight:600}.amort-controls{align-items:center;gap:8px;margin-bottom:12px;display:flex}.amort-toggle{background:var(--input-bg);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:6px;padding:6px 14px;font-family:Inter,sans-serif;font-size:.8rem;transition:all .25s}.amort-toggle.active{border-color:var(--gold);color:var(--gold);background:#f5a62326}.amort-scroll{border:1px solid var(--border);border-radius:8px;max-height:420px;margin-bottom:16px;overflow-y:auto}.amort-table{border-collapse:collapse;width:100%;font-size:.78rem}.amort-table th{color:var(--text-dim);text-align:right;border-bottom:1px solid var(--border);z-index:1;background:#7875f01f;padding:9px 12px;font-family:Inter,sans-serif;position:sticky;top:0}.amort-table th:first-child{text-align:left}.amort-table td{color:var(--text-main);text-align:right;border-bottom:1px solid #16233699;padding:7px 12px;font-family:JetBrains Mono,monospace}.amort-table td:first-child{text-align:left;color:var(--text-dim);font-family:Inter,sans-serif}.amort-table tr:hover td{background:#ffffff05}.amort-table .mip-row{color:var(--gold)}.amort-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.amort-summary-card{background:var(--card);border:1px solid var(--border);text-align:center;border-top:3px solid var(--purple);border-radius:8px;padding:14px;animation:.3s both re-fade-up}.amort-summary-label{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:.68rem;font-weight:600}.amort-summary-value{color:var(--green);font-family:JetBrains Mono,monospace;font-size:1.15rem;font-weight:600}.mip-countdown{border:1px solid #f5a62338;border-top:3px solid var(--gold);background:#f5a6230f;border-radius:8px;margin-bottom:16px;padding:14px 16px;animation:.3s both re-fade-up}.mip-countdown-title{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-size:.68rem;font-weight:600}.mip-countdown-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mip-countdown-item{text-align:center}.mip-countdown-val{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:700}.mip-countdown-lbl{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;font-size:.68rem;font-weight:600}.faq-section{margin-top:48px}.faq-title{color:var(--text-main);margin-bottom:20px;font-size:1.3rem;font-weight:700}.faq-item{border-bottom:1px solid var(--border);padding:16px 0}.faq-q{color:var(--text-main);cursor:pointer;justify-content:space-between;align-items:center;font-size:.92rem;font-weight:600;display:flex}.faq-q:after{content:"+";color:var(--gold);font-size:1.2rem}.faq-item.open .faq-q:after{content:"−"}.faq-a{color:var(--text-dim);padding-top:10px;font-size:.85rem;line-height:1.7;display:none}.faq-item.open .faq-a{display:block}.related-section{margin-top:40px;margin-bottom:40px}.related-title{color:var(--text-dim);margin-bottom:14px;font-size:1rem;font-weight:600}.related-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.related-card{background:var(--card);border:1px solid var(--border);color:var(--text-dim);border-radius:8px;padding:12px 14px;font-size:.82rem;text-decoration:none;transition:all .25s}.related-card:hover{border-color:var(--gold);color:var(--gold)}footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);margin-top:40px;padding:24px;font-size:.78rem}footer a{color:var(--text-dim);text-decoration:none}footer a:hover{color:var(--gold)}@media (width<=600px){.main-container{padding:0 12px 40px}.stat-grid{grid-template-columns:repeat(2,1fr)}.amort-summary,.fha-compare-strip{grid-template-columns:minmax(0,1fr);overflow:hidden}.formula-strip{flex-direction:column}.scenario-grid{grid-template-columns:minmax(0,1fr);overflow:hidden}.action-bar{flex-direction:column}.btn{justify-content:center}.mip-countdown-grid{grid-template-columns:minmax(0,1fr);overflow:hidden}}[data-theme=light]{--bg-dark:#f0f4fb;--card:#fff;--input-bg:#e8eef7;--accent:#4d49c8;--cyan:#008eb0;--purple:#4d49c8;--text-main:#0f1e33;--text-dim:#2d4a6b;--text-muted:#6b84a6;--red:#dc2626;--green:#008f76;--gold:#c47a0a;--border:#00000017;--radius:14px}[data-theme=light] body{color:#0f1e33;background-color:#f0f4fb}[data-theme=light] input,[data-theme=light] select{color-scheme:light}[data-theme=light] .card{color:#0f1e33;background:#fff;border-color:#00000017;box-shadow:0 2px 8px #00000014}[data-theme=light] .input-group label{color:#2d4a6b}[data-theme=light] .input-field{color:#0f1e33;background:#e8eef7;border-color:#00000021}[data-theme=light] .tab-btn{color:#2d4a6b}[data-theme=light] .tab-btn.active{color:#fff;background:linear-gradient(135deg,#c47a0a,#a86508)}[data-theme=light] .term-chip,[data-theme=light] .score-chip{color:#2d4a6b;background:#e8eef7;border-color:#0000001f}[data-theme=light] .term-chip.active,[data-theme=light] .score-chip.active{color:#c47a0a;background:#c47a0a1f;border-color:#c47a0a}[data-theme=light] .stat-card{background:#f0f4fb}[data-theme=light] .stat-label{color:#6b84a6}[data-theme=light] .stat-value{color:#0f1e33}[data-theme=light] .hero-result{background:#fff;border-color:#008f7633}[data-theme=light] .alert{color:#2d4a6b;background:#f8fafc;border-color:#00000014}[data-theme=light] .compare-side{color:#0f1e33;background:#fff;border-color:#00000017}[data-theme=light] .compare-side-label,[data-theme=light] .compare-side-sub{color:#6b84a6}[data-theme=light] .scenario-card{color:#0f1e33;background:#fff;border-color:#00000017}[data-theme=light] th{color:#2d4a6b;background:#f0f4fb}[data-theme=light] td{color:#0f1e33}[data-theme=light] .faq-item{background:#fff;border-color:#00000014}[data-theme=light] .faq-q{color:#0f1e33}[data-theme=light] .faq-a{color:#6b84a6}[data-theme=light] .matrix-table td{background:#fff}[data-theme=light] .mip-countdown{background:#c47a0a0d}[data-theme=light] .chart-block,[data-theme=light] .amort-summary-card{background:#fff;border-color:#00000017}[data-theme=light] body{background:#f0f4f9}[data-theme=light] .tab-nav{background:#edf2f9;border-color:#0000001a}[data-theme=light] .tab-btn:hover{color:#0f172a;background:#e2eaf4}[data-theme=light] .card{box-shadow:0 2px 12px #00000017}[data-theme=light] .fha-mip-visual{background:#c47a0a0f;border-color:#c47a0a38}[data-theme=light] .mip-pill{color:#c47a0a}[data-theme=light] .mip-pill span{color:#0f1e33}[data-theme=light] .mip-bar-wrap{background:#e2eaf4}[data-theme=light] .mip-bar-note{color:#6b84a6}[data-theme=light] .mip-timeline{background:#edf2f9;border-color:#00000017}[data-theme=light] .mip-countdown{background:#c47a0a0f;border-color:#c47a0a38}[data-theme=light] .mip-countdown-val{color:#0f1e33}[data-theme=light] .mip-countdown-lbl{color:#6b84a6}[data-theme=light] .stat-card{background:#edf2f9;border-color:#00000017}[data-theme=light] .hero-result{background:#fff;border-color:#008f7638;box-shadow:0 2px 12px #00000012}[data-theme=light] .hero-value{text-shadow:none}[data-theme=light] .hero-sub{color:#6b84a6}[data-theme=light] .alert-info{color:#006f8c;background:#eff9fb;border-color:#008eb0}[data-theme=light] .alert-warn{color:#92580a;background:#fffbeb;border-color:#c47a0a}[data-theme=light] .alert-danger{color:#991b1b;background:#fff1f2;border-color:#dc2626}[data-theme=light] .alert-success{color:#065f46;background:#f0fdf4;border-color:#008f76}[data-theme=light] .compare-side{background:#edf2f9}[data-theme=light] .compare-side-val{color:#0f1e33}[data-theme=light] .fha-side .compare-side-val{color:#c47a0a}[data-theme=light] .formula-pill{color:#2d4a6b;background:#edf2f9;border-color:#0000001a}[data-theme=light] .btn-outline{color:#2d4a6b;background:#edf2f9;border-color:#0000001f}[data-theme=light] .btn-outline:hover{color:#c47a0a;background:#c47a0a0f;border-color:#c47a0a}[data-theme=light] .amort-toggle{color:#2d4a6b;background:#edf2f9;border-color:#0000001f}[data-theme=light] .amort-toggle.active{color:#c47a0a;background:#c47a0a1f;border-color:#c47a0a}[data-theme=light] .amort-scroll{border-color:#0000001a}[data-theme=light] .amort-table td{border-bottom-color:#0000000d}[data-theme=light] .amort-table th{background:#edf2f9;border-bottom-color:#0000001a}[data-theme=light] .amort-table tr:hover td{background:#f0f4f9}[data-theme=light] .amort-table .mip-row{color:#c47a0a}[data-theme=light] .amort-summary-value{color:#008f76}[data-theme=light] .scenario-card{background:#fff;border-color:#00000017;box-shadow:0 1px 4px #0000000f}[data-theme=light] .matrix-table th{color:#2d4a6b;background:#edf2f9;border-color:#0000001a}[data-theme=light] .matrix-table td{color:#0f1e33;background:#fff;border-color:#00000014}[data-theme=light] .matrix-table td.current{background:#c47a0a1f}[data-theme=light] .matrix-table td.high{color:#dc2626;background:#dc262612}[data-theme=light] .matrix-table td.low{color:#008f76;background:#008f7612}[data-theme=light] .compare-table th{color:#2d4a6b;background:#edf2f9;border-bottom-color:#0000001a}[data-theme=light] .compare-table td{color:#0f1e33;border-bottom-color:#0000000f}[data-theme=light] .compare-table tr:hover td{background:#f0f4f9}[data-theme=light] .best-value{color:#008f76}[data-theme=light] .fha-col{color:#c47a0a}[data-theme=light] .faq-section,[data-theme=light] .faq-title{color:#0f1e33}[data-theme=light] .faq-item{background:#fff;border:1px solid #0000001a;border-radius:10px;margin-bottom:8px;padding:0;overflow:hidden;box-shadow:0 1px 4px #0000000f}[data-theme=light] .faq-q{color:#0f172a;padding:14px 16px}[data-theme=light] .faq-item.open{border-color:#008eb059 #008eb059 #008eb059 #008eb0;border-left-style:solid;border-left-width:3px}[data-theme=light] .faq-q:after{color:#64748b}[data-theme=light] .faq-item.open .faq-q:after{color:#008eb0}[data-theme=light] .faq-a{color:#475569;padding:0 16px 14px}[data-theme=light] .related-card{color:#2d4a6b;background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .related-card:hover{color:#c47a0a;border-color:#c47a0a}[data-theme=light] footer{color:#64748b;background:#fff;border-top-color:#0000001a}[data-theme=light] footer a{color:#6b84a6}[data-theme=light] footer a:hover{color:#c47a0a}[data-theme=light] .input-field::placeholder{color:#00000059}