.calculator-container{max-width:900px;width:100%;background:rgb(255 255 255 / .95);border-radius:20px;box-shadow:0 25px 50px rgb(0 0 0 / .2);overflow:hidden;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;margin:20px auto}.calculator-container .home-loan-header{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;text-align:center;padding:25px}.calculator-container .home-loan-header h1{font-size:2rem;margin:0 0 8px 0;font-weight:700}.calculator-container .home-loan-header p{font-size:1rem;opacity:.9;margin:0}.calculator-container .calculator-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px}.calculator-container .input-section{background:#f8fafc;padding:25px;border-radius:15px;border:2px solid #e2e8f0}.calculator-container .input-group{margin-bottom:25px}.calculator-container .input-group label{display:block;font-size:1rem;font-weight:600;margin-bottom:12px;color:#374151}.calculator-container .input-wrapper{position:relative;margin-bottom:15px}.calculator-container .currency-symbol{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-weight:600;color:#10b981;font-size:1.1rem}.calculator-container .input-wrapper input[type="text"]{width:100%;padding:12px 16px;padding-left:35px;border:2px solid #d1d5db;border-radius:10px;background:#fff;color:#374151;font-size:1rem;font-weight:600;outline:none;transition:all 0.3s ease;box-sizing:border-box}.calculator-container .input-wrapper input[type="text"]:focus{border-color:#10b981;box-shadow:0 0 0 3px rgb(16 185 129 / .1)}.calculator-container .tenure-input,.calculator-container .rate-input{padding-left:16px!important}.calculator-container .slider-container{position:relative}.calculator-container .slider-container input[type="range"]{width:100%;height:8px;border-radius:4px;background:#e5e7eb;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.calculator-container .slider-container input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#10b981;cursor:pointer;box-shadow:0 4px 8px rgb(16 185 129 / .3);transition:all 0.2s ease}.calculator-container .slider-container input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 6px 12px rgb(16 185 129 / .4)}.calculator-container .slider-container input[type="range"]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#10b981;cursor:pointer;border:none;box-shadow:0 4px 8px rgb(16 185 129 / .3)}.calculator-container .slider-labels{display:flex;justify-content:space-between;font-size:.85rem;margin-top:8px;color:#6b7280}.calculator-container .result-section{display:flex;flex-direction:column;gap:20px}.calculator-container .emi-result{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;text-align:center;padding:25px;border-radius:15px;box-shadow:0 10px 25px rgb(245 158 11 / .3)}.calculator-container .emi-result h2{font-size:1.2rem;margin:0 0 10px 0;opacity:.9}.calculator-container .emi-amount{font-size:2.2rem;font-weight:700;margin:0}.calculator-container .breakdown{background:#fff;padding:20px;border-radius:15px;border:2px solid #e5e7eb}.calculator-container .breakdown-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f3f4f6}.calculator-container .breakdown-item:last-child{border-bottom:none;border-top:2px solid #10b981;font-weight:700;font-size:1.1rem;color:#10b981;margin-top:10px;padding-top:15px}.calculator-container .breakdown-item .label{color:#6b7280}.calculator-container .breakdown-item .value{font-weight:600;color:#374151}.calculator-container .chart-container{background:#fff;padding:20px;border-radius:15px;border:2px solid #e5e7eb;text-align:center}.calculator-container .chart-legend{display:flex;justify-content:center;gap:20px;margin-top:15px}.calculator-container .legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#374151}.calculator-container .legend-color{width:16px;height:16px;border-radius:4px}.calculator-container .legend-color.principal{background:#10b981}.calculator-container .legend-color.interest{background:#f59e0b}@media (max-width:768px){.calculator-container{max-width:100%;margin:10px}.calculator-container .calculator-content{grid-template-columns:1fr;gap:20px;padding:20px}.calculator-container .home-loan-header h1{font-size:1.5rem}.calculator-container .emi-amount{font-size:1.8rem}}