.mortgage-calculator{background:#fff;border-radius:10px;padding:20px}.mortgage-title{color:#333;margin-bottom:15px;font-size:20px;font-weight:600}.mortgage-chart-section{flex-wrap:wrap;align-items:center;gap:30px;margin-bottom:30px;display:flex}.circular-chart-container{flex-shrink:0;width:200px;height:200px;position:relative}.circular-chart{width:100%;height:100%;transform:rotate(0)}.circle-bg{stroke:#f0f0f0}.circle-progress{transition:stroke-dasharray .5s}.chart-center-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.monthly-amount{color:#333;font-size:24px;font-weight:700;line-height:1.2}.monthly-label{color:#666;margin-top:5px;font-size:14px}.payment-details{flex:1}.payment-item{align-items:center;gap:12px;margin-bottom:15px;display:flex}.payment-radio{border:2px solid #ddd;border-radius:50%;flex-shrink:0;width:14px;height:14px}.payment-radio.active{background:#ff6b9d;border-color:#ff6b9d;position:relative}.payment-radio.active:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.payment-info{flex:1;justify-content:space-between;align-items:center;display:flex}.payment-label{color:#666;font-size:12px;font-weight:600}.payment-value{color:#333;font-size:12px}.mortgage-inputs{margin-top:20px}.input-label{color:#333;margin-bottom:8px;font-size:12px;font-weight:600}.input-with-icon{position:relative}.input-icon{color:#666;z-index:2;font-size:16px;font-weight:500;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.mortgage-input{border:1px solid #ddd;border-radius:5px;height:45px;padding-left:35px;font-size:15px;transition:border-color .3s}.mortgage-input:focus{border-color:#ff6b9d;box-shadow:0 0 0 .2rem #ff6b9d26}.mortgage-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mortgage-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mortgage-input[type=number]{-moz-appearance:textfield}@media (max-width:768px){.mortgage-chart-section{flex-direction:column;align-items:flex-start}.circular-chart-container{margin:0 auto}.payment-details{width:100%}}