.inflation-tool * {box-sizing: border-box;font-family: "Segoe UI",sans-serif;}
.inflation-container {max-width: 600px;margin: auto;background: white;border-radius: 12px;padding: 30px;box-shadow: 0 8px 20px rgba(0,0,0,.1);}
.inflation-container h2 {text-align: center;margin-bottom: 20px;color: #333;}
.inflation-row {display: flex;gap: 10px;flex-wrap: wrap;}
.input-group {flex: 1;min-width: 150px;}
.input-group label {display: block;font-weight: 600;margin-bottom: 6px;}
.input-group input {width: 100%;padding: 10px;border: 1px solid #ccc;border-radius: 6px;font-size: 14px;}
.button-row {display: flex;justify-content: space-between;margin-top: 20px;}
.button-row button {flex: 1;margin: 0 5px;padding: 10px;font-size: 16px;border: none;border-radius: 8px;color: white;cursor: pointer;transition: .3s;}
.button-row button:first-child {background: #4caf50;}
.button-row button:first-child:hover {background: #388e3c;}
.button-row button:last-child {background: #a6acaf;}
.button-row button:last-child:hover {background: #7b8387;}
#inf-result {margin-top: 20px;font-size: 18px;font-weight: 500;color: #333;}
#inf-chart {margin-top: 30px;}