body {
      margin: 0;
      background-color: #B8D9F4;
      font-family: Onest, Arial, sans-serif;
    }

    .content {
      background-color: #F7F6F1;
      margin: 0 160px;
      min-height: 100vh;
      color: black;
      padding: 30px 80px 10px 80px;
      box-sizing: border-box;
    }

    .logo img {
      height: 50px; /* adjust as needed */
      display: block;
    }

    h1 {
      color: #182AF0;
      margin: 90px 0px 30px 0px;
    }

    p {
      font-size: 16px;
      margin: 0 0 20px 0;
    }

    .footer {
      font-size: 12px;
      margin: 40px 0 10px 0;
    }

    @media (max-width: 900px) {
      .content {
        margin: 0 40px;
        padding: 30px 30px 10px 30px;
      }
      .logo img {
      height: 30px; /* adjust as needed */
      display: block;
      }
      h1 {
        font-size: 24px;
        margin: 40px 0px 30px 0px;
      }
    }

    input[type=text], input[type=number] {
  padding: 10px;
  margin:10px 0;
  width: 100%; 
  max-width: 810px; 
  height: 50px; 
  border-radius: 10px; 
  border: 0.1em solid #1d1363;  
  font-size: 16px; 
  font-family: Onest, Arial, sans-serif; 
  line-height: 20px; 
  color: #1D1363; 
  box-sizing: border-box; 
  background: #ffffff;
}
input[type=text]:focus, input[type=number]:focus{
border: 0.1em solid #182AF0;
}
input[type=submit] {
  background-color: #182AF0 ;
  border: none;
  color: white;
  padding: 0 24px;
  text-decoration: none;
  margin: 40px 0;
  cursor: pointer;
  height: 60px; 
  min-width: 156px; 
  border-radius: 47.5px; 
  font-size: 18px; 
  font-family: Onest, Arial, sans-serif; 
  font-weight: 700; 
  line-height: 20px;
}
 
input[type="radio"] {
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: #182AF0;
  width: 1.15em;
  height: 1.15em;
  border: 0.1em solid #182AF0;
  border-radius: 50%;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}

input[type="radio"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #182AF0;
}

input[type="radio"]:checked::before {
  transform: scale(1);
}
.options {
  display: grid; 
  grid-template-columns: 1em auto; 
  gap: 0.75em;
  margin-top: 1em; 
  align-items: center;
}

.form-group {
  margin-top: 20px; /* space above each form field */
  display: flex;
  flex-direction: column; /* stack label above input */
}