:root{--bg:radial-gradient(1200px 600px at 10% 10%,#fff8e6 0%,#fff 40%,#fefefe 100%);--calc-ar:5/7}html,body{height:100%}body{background:var(--bg)}html body{padding-top:0}.calc-wrap{aspect-ratio:var(--calc-ar);width:min(100vw,calc(100vh*var(--calc-ar)));height:auto}.card,.card-body{height:100%}.card-body{display:flex;flex-direction:column;overflow-y:auto}.form-container{flex:1}.loan-inputs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.loan-column{padding:10px;background:#f8f9fa;border-radius:.375rem;border:2px solid #dee2e6}.loan-column h6{color:#495057;font-weight:600}.comparison-table-container{overflow-x:auto}.comparison-table-container table{margin:0;font-size:.9rem}.comparison-table-container td,.comparison-table-container th{padding:8px;text-align:center}.best-loan-box,.savings-box{padding:15px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:.375rem}.savings-box{background:#f8f9fa;color:#212529;border-left:4px solid #28a745}@media (max-width:575.98px){.calc-wrap{width:100vw;height:100vh;aspect-ratio:auto}.loan-inputs-grid{grid-template-columns:1fr;gap:8px}.comparison-table-container{font-size:.8rem}.comparison-table-container td,.comparison-table-container th{padding:6px}}@media (min-width:576px) and (max-width:991.98px){:root{--calc-ar:6/8}.loan-inputs-grid{grid-template-columns:1fr}}@media (min-width:992px){:root{--calc-ar:5/7}}