/* General body styling */
body {
  background-color: #f0f4f2;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #1e1e1e;
  margin: 0;
  padding: 20px;
}

/* Form container */
.signup-form {
  width: 400px;
  margin: 30px auto;
  border: 3px solid #203731;
  padding: 25px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Heading */
.signup-form h2 {
  text-align: center;
  color: #203731;
  margin-bottom: 25px;
  font-size: 24px;
}

/* Label styling */
.signup-form label {
  display: block;
  margin-top: 15px;
  font-weight: 600;
  font-size: 14px;
}

/* Text, email, tel, and dropdown inputs */
.signup-form input[type="text"],
.signup-form input[type="email"],
.signup-form input[type="tel"],
.signup-form select {
  width: 100%;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 15px;
  border: 2px solid #ccc;
  border-radius: 5px;
  font-size: 14px;
  background-color: #ffffff;
  color: #000;
}

/* Focus styling */
.signup-form input:focus,
.signup-form select:focus {
  outline: none;
  border-color: #ffc107;
  background-color: #fffdf0;
}

/* Remove left border on last name */
.no-left-border {
  border-left: none;
}

/* Checkboxes and radio buttons (no block needed) */
.signup-form input[type="checkbox"],
.signup-form input[type="radio"] {
  margin-right: 8px;
  margin-top: 3px;
}