.App-container-wrapper{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f4f7f6;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;color:#333}.container{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 25px #0000001a;width:100%;max-width:450px}.h1{color:#2c3e50;text-align:center;margin-bottom:30px;font-size:1.8em}.input-group{margin-bottom:20px;display:flex;flex-direction:column}.label{font-weight:600;margin-bottom:8px;color:#555;font-size:.95em}.input{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:1em}.button{width:100%;padding:12px;background-color:#2ecc71;color:#fff;border:none;border-radius:6px;font-size:1.05em;font-weight:700;cursor:pointer;transition:background-color .2s,transform .1s}.button:hover{background-color:#27ae60}.button-loading{width:100%;padding:12px;background-color:#777;color:#fff;border:none;border-radius:6px;font-size:1.05em;font-weight:700}.result-box{margin-top:30px;padding:15px;background-color:#ecf0f1;border-radius:6px;text-align:center;border-left:5px solid #3498db}.result-label{font-size:1.1em;font-weight:600;color:#34495e;margin-bottom:5px}.result-value{font-size:2em;font-weight:800;color:#e74c3c}.error{color:#c0392b;font-weight:600;margin-top:15px;text-align:center}