.mortgage-calculator-page{font-family:Inter,Poppins,sans-serif;color:#333;background-color:#f9f9f9;min-height:100vh}.calculator-container{max-width:1200px;margin:0 auto}.calculator-grid{display:grid;grid-template-columns:1fr;gap:2rem}.calculator-form{background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:1.5rem;border:1px solid #eee}.form-section{margin-bottom:1.5rem}.form-section-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--primary,#1a202c);display:flex;align-items:center}.form-section-title i{margin-right:.5rem;color:var(--accent-light,#F5CD6D)}.input-group{position:relative;margin-bottom:1rem}.input-label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.9rem;color:#555}.input-wrapper{position:relative}.dollar-sign{left:1rem}.dollar-sign,.percent-sign{position:absolute;top:50%;transform:translateY(-50%);color:#666;z-index:1}.percent-sign{right:1rem}.calculator-input{display:block;width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;color:#444;background-color:#fff;background-clip:padding-box;border:1px solid #ddd;border-radius:.5rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.price-input{padding-left:2rem}.rate-input{padding-right:2rem}.calculator-input:focus{color:#333;background-color:#fff;border-color:var(--accent-light,#F5CD6D);outline:0;box-shadow:0 0 0 .2rem rgba(245,205,109,.25)}.slider-container{margin-top:1rem;padding:0 .5rem}.slider{-webkit-appearance:none;width:100%;height:6px;border-radius:5px;background:#ddd;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-light,#F5CD6D);cursor:pointer;border:2px solid white;box-shadow:0 1px 3px rgba(0,0,0,.2)}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-light,#F5CD6D);cursor:pointer;border:2px solid white;box-shadow:0 1px 3px rgba(0,0,0,.2)}.slider-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:#777}.calculate-btn{display:block;width:100%;padding:1rem;font-size:1rem;font-weight:600;text-align:center;color:white;background:linear-gradient(135deg,var(--primary,#1a202c),#2d3748);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;margin-top:1.5rem}.calculate-btn:hover{background:linear-gradient(135deg,#2d3748,var(--primary,#1a202c));transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.calculate-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.1)}.form-toggle{display:flex;align-items:center;margin:1rem 0}.form-toggle input[type=checkbox]{height:0;width:0;visibility:hidden;position:absolute}.form-toggle label{cursor:pointer;text-indent:-9999px;width:50px;height:25px;background:#ddd;display:block;border-radius:100px;position:relative}.form-toggle label:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;background:#fff;border-radius:90px;transition:.3s}.form-toggle input:checked+label{background:var(--accent-light,#F5CD6D)}.form-toggle input:checked+label:after{left:calc(100% - 3px);transform:translateX(-100%)}.form-toggle-label{margin-left:.75rem;font-size:.9rem;color:#555}.calculator-results{background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:1.5rem;border:1px solid #eee}.results-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.results-title{font-size:1.4rem;font-weight:600;color:var(--primary,#1a202c);margin-bottom:.5rem}.results-subtitle{font-size:.9rem;color:#777}.payment-highlight{background:linear-gradient(135deg,#f6f9fc,#eef2f7);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;text-align:center}.payment-amount{font-size:2.5rem;font-weight:700;color:var(--primary,#1a202c);margin-bottom:.5rem}.payment-label{font-size:.9rem;color:#777}.payment-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detail-item{padding:1rem;background:#f9f9f9;border-radius:8px}.detail-label{font-size:.85rem;color:#777;margin-bottom:.25rem}.detail-value{font-size:1.1rem;font-weight:600;color:#444}.calculator-charts{background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:1.5rem;border:1px solid #eee;margin-top:1.5rem}.chart-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--primary,#1a202c)}.chart-container{height:300px;margin-bottom:1.5rem}.chart-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.legend-item{display:flex;align-items:center;font-size:.85rem;color:#555}.legend-color{width:12px;height:12px;border-radius:2px;margin-right:.5rem}.affordability-toggle-btn{display:block;width:100%;padding:.75rem 1rem;font-size:.9rem;text-align:center;color:var(--primary,#1a202c);background:white;border:1px solid #ddd;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.affordability-toggle-btn:hover{background:#f9f9f9;border-color:#ccc}.lead-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.lead-form-modal{background:white;border-radius:12px;max-width:500px;width:90%;position:relative;box-shadow:0 10px 25px rgba(0,0,0,.2);animation:slideUp .4s ease-out;padding:2rem}.close-modal-btn{position:absolute;right:1.5rem;top:1rem;font-size:1.5rem;background:transparent;border:none;cursor:pointer;color:#888;line-height:1}.close-modal-btn:hover{color:#333}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width:768px){.calculator-grid{grid-template-columns:1fr 1fr}}@media (max-width:767px){.calculator-form-column,.calculator-results-column{margin-bottom:2rem}.payment-details{grid-template-columns:1fr}.payment-amount{font-size:2rem}}