.outer-wrapper{width:100%;background-color:#e0f2f7;padding:40px 20px;display:flex;justify-content:center;align-items:center;min-height:100vh;box-sizing:border-box}.calculator-container{font-family:'Arial',sans-serif;background-color:#fff;border-radius:12px;padding:30px;color:#333;display:flex;flex-direction:column;gap:30px;max-width:90%;width:100%;box-shadow:none;border:none}@media (min-width:768px){.calculator-container{flex-direction:row;max-width:1000px;padding:40px}.calculator-inputs-section,.calculator-results-section{flex:1;min-width:350px}.calculator-inputs-section{padding-right:20px;border-right:1px solid #f0f0f0}.calculator-results-section{padding-left:20px}}.calculator-container h1{text-align:center;color:#2c3e50;margin-bottom:30px;font-size:1.8em;border-bottom:2px solid #f0f0f0;padding-bottom:15px}.input-group{display:flex;align-items:center;margin-bottom:20px;background-color:#f8f9fa;padding:15px 20px;border-radius:8px;border:1px solid #e9ecef}.input-group label{flex:1;font-weight:600;color:#555;font-size:1.1em;margin-right:15px}.input-group input[type="number"]{width:120px;padding:10px 15px;border:1px solid #ced4da;border-radius:6px;text-align:right;font-size:1.1em;color:#333;outline:none;transition:border-color 0.3s ease,box-shadow 0.3s ease}.input-group input[type="number"]:focus{border-color:#007bff;box-shadow:0 0 0 .2rem rgb(0 123 255 / .25)}.calculate-button{width:100%;padding:15px;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1.2em;font-weight:600;margin-top:25px;transition:background-color 0.3s ease,transform 0.2s ease}.calculate-button:hover{background-color:#0056b3;transform:translateY(-2px)}.error-message{color:#dc3545;text-align:center;margin-top:15px;font-size:.95em;font-weight:500}.result-section{background-color:#f0f4f8;padding:20px;border-radius:10px;margin-top:20px;box-shadow:inset 0 2px 5px rgb(0 0 0 / .05);border:1px solid #d1e0ed}@media (min-width:768px){.result-section:first-of-type{margin-top:0}}.result-section h2{text-align:center;color:#34495e;margin-bottom:20px;font-size:1.4em;border-bottom:1px dashed #c0d0e0;padding-bottom:10px}.result-item{margin-bottom:10px;font-size:1.1em;color:#444;display:flex;justify-content:space-between;padding:5px 0}.result-item span:first-child{font-weight:500}.result-item span:last-child{font-weight:700;color:#007bff}