.emi-calculator-page{min-height:100vh;background:#f8f9fa}.emi-hero{position:relative;height:50vh;overflow:hidden;background:var(--img-emi-hero-bg) center/cover}.emi-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1}.emi-hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:white;text-align:left;padding:20px;max-width:94vw;margin:0 auto;width:100%}.emi-hero-content h1{font-size:2.6rem;font-weight:500;margin-bottom:10px;letter-spacing:2px;font-family:montserrat,sans-serif}.emi-hero-content p{font-size:1.2rem;font-weight:300;opacity:.9}.emi-calculator-section{padding:60px 20px;background:#fff}.emi-container{max-width:1200px;margin:0 auto}.emi-calculator{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:40px}.emi-calculator h2{font-size:2rem;color:#333;margin-bottom:40px;font-weight:500}.calculator-content{display:grid;grid-template-columns:1fr 400px;grid-gap:60px;gap:60px;align-items:start}.calculator-inputs{gap:40px}.calculator-inputs,.input-group{display:flex;flex-direction:column}.input-group{gap:15px}.input-group label{font-size:1rem;color:#666;font-weight:500}.input-display{display:flex;align-items:baseline;gap:5px;margin-bottom:10px}.currency-symbol{font-size:1.2rem;color:#c8a882;font-weight:600}.amount-value,.rate-value,.tenure-value{font-size:1.5rem;color:#c8a882;font-weight:600}.slider-container{position:relative;margin:20px 0}.slider{width:100%;height:8px;border-radius:4px;background:#e8e8f0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#c8a882;cursor:pointer;border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.2)}.slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#c8a882;cursor:pointer;border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.2)}.loan-amount-slider::-webkit-slider-track{background:linear-gradient(to right,#c8a882 0,#c8a882 var(--progress,10%),#e8e8f0 var(--progress,10%),#e8e8f0 100%)}.interest-rate-slider::-webkit-slider-track{background:linear-gradient(to right,#c8a882 0,#c8a882 var(--progress,32.5%),#e8e8f0 var(--progress,32.5%),#e8e8f0 100%)}.tenure-slider::-webkit-slider-track{background:linear-gradient(to right,#c8a882 0,#c8a882 var(--progress,16.67%),#e8e8f0 var(--progress,16.67%),#e8e8f0 100%)}.results-section{display:flex;flex-direction:column;gap:20px;margin-top:20px}.result-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #f0f0f0}.result-item:last-child{border-bottom:none}.result-label{font-size:1rem;color:#666;font-weight:500}.result-value{font-size:1.1rem;color:#333;font-weight:600}.calculator-chart{display:flex;justify-content:center;align-items:center}.chart-container{display:flex;flex-direction:column;align-items:center;gap:30px}.pie-chart{width:200px;height:200px;position:relative}.pie-svg{width:100%;height:100%;transform:rotate(-90deg)}.pie-background{stroke:#e8e8f0}.pie-principal{stroke:#c8a882;transition:stroke-dasharray .3s ease}.chart-legend{display:flex;flex-direction:column;gap:15px;align-items:flex-start}.legend-item{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#666}.legend-color{width:16px;height:16px;border-radius:2px}.principal-color{background:#c8a882}.interest-color{background:#e8e8f0}@media (max-width:1024px){.calculator-content{grid-template-columns:1fr 300px;gap:40px}.pie-chart{width:150px;height:150px}}@media (max-width:768px){.emi-hero-content h1{font-size:2.5rem}.emi-hero-content p{font-size:1rem}.emi-calculator{padding:20px}.calculator-content{grid-template-columns:1fr;gap:40px}.calculator-chart{order:-1}.chart-container{flex-direction:row;justify-content:space-around;align-items:center;width:100%}.pie-chart{width:180px;height:180px}}@media (max-width:480px){.emi-hero{height:200px}.emi-hero-content h1{font-size:2rem}.emi-calculator-section{padding:40px 10px}.emi-calculator{padding:15px}.emi-calculator h2{font-size:1.5rem;margin-bottom:30px}.calculator-inputs{gap:30px}.amount-value,.rate-value,.tenure-value{font-size:1.3rem}.chart-container{flex-direction:column;gap:20px}.pie-chart{width:150px;height:150px}.result-item{padding:12px 0}.result-label{font-size:.9rem}.result-value{font-size:1rem}}