.loan-calculator-container{max-width:1000px;margin:0 auto;padding:20px;font-family:"Manrope",sans-serif}.loan-calculator-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;align-items:start}.loan-calculator-form{max-width:460px;background:#fff;border-radius:16px;padding:32px;border:1px solid rgb(0 0 0 / .1);box-shadow:0 2px 10px rgb(0 0 0 / .1)}.loan-calculator-title{font-size:28px!important;font-weight:600!important;color:#1a1a1a;margin-bottom:32px}.loan-input-group{margin-bottom:24px}.loan-label{font-size:14px;font-weight:700;color:#1a1a1a}.loan-input{width:100%!important;padding:12px!important;border:1px solid #e2e8f0!important;border-radius:8px!important;font-size:16px!important;background-color:#e8f4fd!important;margin-top:10px;box-sizing:border-box}.loan-input:focus{outline:none;border-color:#04b}.loan-results-panel{max-width:460px;background:linear-gradient(135deg,#002c7f 0%,#0044bb 50%,#3c6fff 100%);border-radius:16px;padding:32px;color:#fff;box-shadow:0 2px 10px rgb(0 0 0 / .1)}.loan-results-title{font-size:28px!important;font-weight:600!important;margin-bottom:32px!important;color:white!important}.loan-summary-grid{display:grid;margin-bottom:32px}.roi-result-item{display:flex;justify-content:space-between;align-items:flex-start;padding-top:20px;padding-bottom:20px;border-bottom:1px solid rgb(255 255 255 / .2);flex-direction:column;gap:8px}.roi-result-label{font-size:16px;font-weight:500;color:rgb(255 255 255 / .9);line-height:1.4}.roi-result-value{font-size:32px;font-weight:700;color:#fff;line-height:1.2}.years-roi{margin-top:10px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.roi-slider{width:70%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;-webkit-appearance:none;appearance:none}.roi-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#04b;cursor:pointer;border:3px solid #fff;box-shadow:0 2px 4px rgb(0 0 0 / .2)}.roi-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#04b;cursor:pointer;border:3px solid #fff;box-shadow:0 2px 4px rgb(0 0 0 / .2)}.roi-period-display{display:flex;align-items:center;gap:4px;font-size:16px;font-weight:600;color:#1a1a1a;border:1px solid #e2e8f0;padding:8px;border-radius:8px;background-color:#e2e8f0}#periodValue{font-size:18px;font-weight:700;color:#04b;min-width:2ch;text-align:center;border:none;background:#fff;border:1px solid #e2e8f0;border-radius:4px;width:40px;height:30px;padding:0}@media (max-width:420px){.loan-calculator-title,.loan-results-title{font-size:22px}.roi-result-value{font-size:28px}.loan-calculator-form,.loan-results-panel{padding:24px}}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}#periodValue:focus{outline:none;box-shadow:none}