:root{--bg:radial-gradient(1200px 600px at 10% 10%,#f0fff0 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}.salary-breakdown,.tax-breakdown{padding:15px;background:#f8f9fa;border-radius:.375rem}.salary-breakdown h6,.tax-breakdown h6{color:#495057;font-weight:600;margin-bottom:10px}.breakdown-item,.tax-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #dee2e6}.breakdown-item:last-child,.tax-item:last-child{border-bottom:none}.tax-item.total{border-top:2px solid #495057;padding-top:12px;margin-top:8px;font-size:1.1rem}.take-home-box{padding:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:.5rem;text-align:center;color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1)}.take-home-label{font-size:1rem;font-weight:600;margin-bottom:8px}.take-home-value{font-size:2.5rem;font-weight:700;font-family:'Courier New',monospace}@media (max-width:575.98px){.calc-wrap{width:100vw;height:100vh;aspect-ratio:auto}.take-home-value{font-size:2rem}}@media (min-width:576px) and (max-width:991.98px){:root{--calc-ar:6/8}}@media (min-width:992px){:root{--calc-ar:5/7}}