.emi-hero{text-align:center;padding:44px 20px 32px}.emi-badge{border-radius:var(--radius-3xl);background:rgba(var(--accent-rgb), .12);color:var(--accent);border:1px solid rgba(var(--accent-rgb), .25);letter-spacing:.04em;margin-bottom:16px;padding:5px 16px;font-size:.78rem;font-weight:600;display:inline-block}.emi-hero-title{color:var(--text);margin:0 0 12px;font-size:clamp(1.7rem,4.5vw,2.4rem);font-weight:800;line-height:1.2}.emi-hl{background:linear-gradient(135deg, var(--accent), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.emi-hero-sub{color:var(--text2);max-width:660px;margin:0 auto;font-size:.97rem;line-height:1.6}.emi-type-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:32px;display:flex}.emi-type-pill{border-radius:var(--radius-pill);border:1.5px solid var(--border2);background:var(--bg2);color:var(--text2);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:9px 18px;font-size:.88rem;font-weight:600;transition:all .17s;display:flex}.emi-type-pill:hover{border-color:var(--accent);color:var(--text);background:var(--bg3);transform:translateY(-1px)}.emi-type-pill.active{background:linear-gradient(135deg, rgba(var(--accent-rgb), .18), rgba(var(--purple-rgb), .1));border-color:var(--accent);color:var(--accent);box-shadow:0 0 14px rgba(var(--accent-rgb), .2)}.emi-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;margin-bottom:28px;display:grid}@media (width<=860px){.emi-grid{grid-template-columns:1fr}}.emi-inputs-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-2xl);flex-direction:column;gap:22px;padding:24px;display:flex}.emi-inputs-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.emi-inputs-header h2{color:var(--text);margin:0;font-size:1.05rem;font-weight:700}.emi-inputs-hint{color:var(--accent);background:rgba(var(--accent-rgb), .1);border:1px solid rgba(var(--accent-rgb), .2);border-radius:var(--radius-3xl);padding:3px 10px;font-size:.78rem;font-weight:600}.emi-field{flex-direction:column;gap:8px;display:flex}.emi-field--sm{gap:6px}.emi-field-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.emi-field-top label{color:var(--text2);font-size:.88rem;font-weight:600}.emi-optional{color:var(--text3);font-size:.78rem;font-weight:400}.emi-field-val-row{align-items:center;gap:6px;display:flex}.emi-inr-prefix{color:var(--text2);font-size:.9rem;font-weight:700}.emi-num-input{background:var(--bg3);border:1.5px solid var(--border2);border-radius:var(--radius-md);width:100px;color:var(--text);text-align:right;-moz-appearance:textfield;outline:none;padding:5px 8px;font-size:.9rem;font-weight:600;transition:border-color .15s}.emi-num-input::-webkit-inner-spin-button{-webkit-appearance:none}.emi-num-input::-webkit-outer-spin-button{-webkit-appearance:none}.emi-num-input:focus{border-color:var(--accent)}.emi-label-pill{color:var(--text3);background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;padding:3px 8px;font-size:.78rem;font-weight:700}.emi-slider{appearance:none;border-radius:var(--radius-xs);cursor:pointer;background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--pct,50%), var(--bg3) var(--pct,50%), var(--bg3) 100%);outline:none;width:100%;height:4px}.emi-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:2.5px solid var(--bg2);width:18px;height:18px;box-shadow:0 0 0 3px rgba(var(--accent-rgb), .25), 0 2px 6px #0000004d;cursor:pointer;border-radius:50%;transition:box-shadow .15s,transform .15s}.emi-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px rgba(var(--accent-rgb), .3), 0 2px 6px #0000004d;transform:scale(1.12)}.emi-slider:active::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(var(--accent-rgb), .3), 0 2px 6px #0000004d;transform:scale(1.12)}.emi-slider::-moz-range-thumb{background:var(--accent);border:2.5px solid var(--bg2);cursor:pointer;border-radius:50%;width:18px;height:18px}.emi-slider-labels{color:var(--text3);justify-content:space-between;margin-top:-2px;font-size:.72rem;display:flex}.emi-tenure-toggle{border:1.5px solid var(--border2);border-radius:var(--radius-md);display:flex;overflow:hidden}.emi-tenure-toggle button{background:var(--bg3);color:var(--text3);cursor:pointer;border:none;padding:4px 12px;font-size:.82rem;font-weight:600;transition:all .15s}.emi-tenure-toggle button.active{background:var(--accent);color:#fff}.emi-results-col{flex-direction:column;gap:16px;display:flex}.emi-emi-card{background:linear-gradient(135deg, rgba(var(--accent-rgb), .12), rgba(var(--purple-rgb), .08));border:1.5px solid rgba(var(--accent-rgb), .25);border-radius:var(--radius-2xl);text-align:center;padding:24px}.emi-emi-label{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.82rem;font-weight:700}.emi-emi-value{color:var(--text);letter-spacing:-1px;margin-bottom:6px;font-size:clamp(2rem,5vw,2.8rem);font-weight:900}.emi-emi-sub{color:var(--text2);font-size:.82rem}.emi-chart-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-2xl);align-items:center;gap:20px;padding:20px;display:flex}.emi-chart-wrap{flex-shrink:0;width:130px}.emi-donut-svg{width:100%;height:auto;overflow:visible}.emi-donut-pct{font-size:18px;font-weight:800}.emi-legend{flex-direction:column;flex:1;gap:12px;display:flex}.emi-legend-item{align-items:center;gap:10px;display:flex}.emi-legend-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.emi-legend-label{color:var(--text2);font-size:.78rem}.emi-legend-val{color:var(--text);font-size:.95rem;font-weight:700}.emi-stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.emi-stat{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;padding:14px 16px}.emi-stat-val{color:var(--text);margin-bottom:4px;font-size:1.1rem;font-weight:800}.emi-stat-val.accent{color:var(--accent)}.emi-stat-val.purple{color:var(--purple)}.emi-stat-val.green{color:var(--green)}.emi-stat-label{color:var(--text3);font-size:.72rem;font-weight:600}.emi-tabs-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.emi-tab-btn{color:var(--text2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;padding:10px 20px;font-size:.88rem;font-weight:600;transition:all .15s}.emi-tab-btn:hover{color:var(--text)}.emi-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.emi-tab-panel{animation:.2s fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.emi-breakdown-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=640px){.emi-breakdown-grid{grid-template-columns:1fr}}.emi-breakdown-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-xl);padding:20px}.emi-breakdown-card h3{color:var(--text);margin:0 0 14px;font-size:.92rem;font-weight:700}.emi-info-table{border-collapse:collapse;width:100%;font-size:.87rem}.emi-info-table td{border-bottom:1px solid var(--border);color:var(--text2);padding:7px 4px}.emi-info-table td:last-child{text-align:right;color:var(--text);font-weight:700}.emi-info-table tr:last-child td{border-bottom:none}.emi-info-table td.accent{color:var(--accent)!important}.emi-info-table td.purple-text,.emi-info-table .purple-text{color:var(--purple)!important}.emi-info-table td.green-text,.green-text{color:var(--green)!important}.emi-info-table td.red-text,.red-text{color:var(--red)!important}.emi-amort-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.emi-amort-toolbar h3{color:var(--text);margin:0;font-size:1rem;font-weight:700}.emi-view-toggle{border:1.5px solid var(--border2);border-radius:var(--radius-md);display:flex;overflow:hidden}.emi-view-toggle button{background:var(--bg3);color:var(--text2);cursor:pointer;border:none;padding:6px 18px;font-size:.85rem;font-weight:600;transition:all .15s}.emi-view-toggle button.active{background:var(--accent);color:#fff}.emi-table-wrap{border-radius:var(--radius-xl);border:1px solid var(--border);overflow-x:auto}.emi-amort-table{border-collapse:collapse;width:100%;font-size:.85rem}.emi-amort-table thead{background:var(--bg3);position:sticky;top:0}.emi-amort-table th{text-align:left;color:var(--text2);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:12px 16px;font-size:.78rem;font-weight:700}.emi-amort-table td{border-top:1px solid var(--border);color:var(--text2);padding:10px 16px}.emi-amort-table tbody tr:hover{background:var(--bg3)}.emi-amort-table tfoot td{border-top:2px solid var(--border2);color:var(--text);background:var(--bg2);padding:12px 16px}.emi-amort-num{font-family:var(--font-mono);color:var(--text3);font-size:.82rem;font-weight:600}.emi-amort-bar-cell{flex-direction:column;gap:4px;display:flex}.emi-mini-bar{background:var(--bg3);border-radius:var(--radius-xs);width:80px;height:4px;overflow:hidden}.emi-mini-bar-fill{border-radius:var(--radius-xs);background:var(--accent);height:100%;transition:width .3s}.emi-mini-bar-fill.purple{background:var(--purple)}.emi-prepay-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}@media (width<=720px){.emi-prepay-grid{grid-template-columns:1fr}}.emi-prepay-inputs h3,.emi-prepay-results h3{color:var(--text);margin:0 0 10px;font-size:1rem;font-weight:700}.emi-prepay-desc{color:var(--text2);margin-bottom:18px;font-size:.87rem;line-height:1.6}.emi-prepay-stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.emi-prepay-stat{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;padding:16px}.emi-prepay-stat.green{border-color:rgba(var(--green-rgb), .3);background:rgba(var(--green-rgb), .06)}.emi-prepay-stat.accent{border-color:rgba(var(--accent-rgb), .3);background:rgba(var(--accent-rgb), .06)}.emi-prepay-stat.yellow{border-color:rgba(var(--yellow-rgb), .3);background:rgba(var(--yellow-rgb), .06)}.emi-prepay-stat-val{color:var(--text);margin-bottom:4px;font-size:1.1rem;font-weight:800}.emi-prepay-stat.green .emi-prepay-stat-val{color:var(--green)}.emi-prepay-stat.accent .emi-prepay-stat-val{color:var(--accent)}.emi-prepay-stat.yellow .emi-prepay-stat-val{color:var(--yellow)}.emi-prepay-stat-label{color:var(--text3);font-size:.72rem;font-weight:600}.emi-prepay-insight{background:rgba(var(--accent-rgb), .08);border:1px solid rgba(var(--accent-rgb), .2);border-radius:var(--radius-lg);color:var(--text2);padding:14px 16px;font-size:.87rem;line-height:1.6}.emi-prepay-insight strong{color:var(--accent)}.emi-compare-title{color:var(--text);margin:0 0 8px;font-size:1rem;font-weight:700}.emi-compare-rate-row{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.emi-compare-rate-field{flex-direction:column;gap:6px;display:flex}.emi-compare-rate-field label{color:var(--text2);font-size:.8rem;font-weight:600}.emi-compare-rate-field input{background:var(--bg2);border:1.5px solid var(--border2);border-radius:var(--radius-md);width:90px;color:var(--text);text-align:center;outline:none;padding:7px 10px;font-size:.9rem;font-weight:700}.emi-compare-rate-field input:focus{border-color:var(--accent)}.emi-compare-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=720px){.emi-compare-cards{grid-template-columns:1fr}}.emi-compare-card{background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:20px;position:relative}.emi-compare-card.current{border-color:var(--accent);background:rgba(var(--accent-rgb), .05)}.emi-compare-badge{background:var(--accent);color:#fff;border-radius:var(--radius-3xl);white-space:nowrap;letter-spacing:.04em;padding:2px 10px;font-size:.68rem;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.emi-compare-rate-label{color:var(--text2);text-align:center;margin-bottom:6px;font-size:.82rem;font-weight:700}.emi-compare-emi{color:var(--text);text-align:center;margin-bottom:16px;font-size:1.6rem;font-weight:900}.emi-compare-emi span{color:var(--text3);font-size:.8rem;font-weight:400}.emi-faq{border-top:1px solid var(--border);margin-top:48px;padding-top:32px}.emi-faq h2{color:var(--text);margin-bottom:20px;font-size:1.3rem;font-weight:800}.emi-faq-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=720px){.emi-faq-grid{grid-template-columns:1fr}}.emi-faq-item{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;padding:16px 18px}.emi-faq-item summary{color:var(--text);justify-content:space-between;align-items:center;gap:10px;font-size:.9rem;font-weight:700;list-style:none;display:flex}.emi-faq-item summary:after{content:"+";color:var(--accent);flex-shrink:0;font-size:1.1rem;transition:transform .2s}.emi-faq-item[open] summary:after{transform:rotate(45deg)}.emi-faq-item p{color:var(--text2);margin-top:12px;font-size:.87rem;line-height:1.65}.accent{color:var(--accent)!important}.purple{color:var(--purple)!important}.green{color:var(--green)!important}.yellow{color:var(--yellow)!important}.purple-text{color:var(--purple)!important}@media (width<=768px){.emi-page{padding:0 16px 60px}.emi-hero{padding:28px 0 20px}.emi-hero-title{font-size:clamp(1.4rem,5vw,1.8rem)}.emi-type-row{gap:8px;margin-bottom:20px}.emi-type-pill{padding:8px 14px;font-size:.82rem}.emi-inputs-card{padding:16px}.emi-emi-value{font-size:2.2rem}.emi-chart-card{flex-direction:column;align-items:center}.emi-chart-wrap{width:160px}.emi-legend{flex-flow:wrap;justify-content:center;gap:16px}.emi-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.emi-tabs-bar{gap:4px}.emi-tab-btn{padding:8px 12px;font-size:.82rem}.emi-breakdown-grid,.emi-compare-cards,.emi-faq-grid{grid-template-columns:1fr}.emi-amort-toolbar{flex-direction:column;align-items:flex-start}.emi-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.emi-amort-table{min-width:480px}}@media (width<=480px){.emi-field-top{flex-direction:column;align-items:flex-start;gap:6px}.emi-num-input{width:80px}.emi-compare-rate-row{gap:12px}.emi-prepay-stats{grid-template-columns:1fr 1fr}.emi-type-pill{padding:6px 10px;font-size:.78rem}.emi-tabs-bar{flex-wrap:wrap}.emi-tab-btn{padding:8px 10px;font-size:.78rem}}
