body {
    background: linear-gradient(to right, #4facfe, #00f2fe);
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .calculator-card {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    padding: 30px;
    width: 100%;
    max-width: 600px;
  }

  .calculator-card h2 {
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
  }

  .form-select {
    border-radius: 20px;
  }

  .modal-header {
    background: linear-gradient(to right, #ff7e5f, #feb47b);
    color: white;
  }