h1 { font-size: 1.2rem; margin-bottom: 15px; text-align: center; } .calculator label { display: block; margin-top: 10px; font-weight: bold; } .calculator input, .calculator select, .calculator button { width: 100%; padding: 8px; margin-top: 5px; border: 1px solid #ccc; border-radius: 4px; } .calculator button { background: #28a745; color: #fff; font-size: 1rem; cursor: pointer; margin-top: 15px; } .calculator button:hover { background: #218838; } #result { margin-top: 15px; font-weight: bold; text-align: center; } .chart-container { margin-top: 20px; } .chart-container canvas { display: block; margin: 10px auto; max-width: 100%; }