body {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
      min-height: 100%;
    }

    .overlay {
      border-radius: 5px;
      padding: 40px;
      width: 100%;
      max-width: 500px;
      margin: 10px;
      box-sizing: border-box;
      transition: all 0.3s ease;
    }

    a {
      color: #f1c40f;
      text-decoration: none;
    }

    img.logo {
      width: 120px;
      margin: 0 auto 20px auto;
      display: block;
      border-radius: 50%;
    }

    h1, h2 {
      font-size: 2em;
      margin-bottom: 20px;
      text-align: center;
    }

    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="file"] {
      width: 100%;
      padding: 12px;
      color: #fff;
      margin-bottom: 15px;
      border: none;
      border-radius: 5px;
      font-size: 16px;
    }

    input[type="text"],
    input[type="password"],
    input[type="email"] {
      background-color: #333131;
      border: solid 1px #242222;
      border-radius: 5px;
    }

    input[type="radio"] {
      cursor: pointer;
    }

    input[type="submit"] {
      width: 100%;
      background-color: #0070ba;
      color: white;
      padding: 12px;
      border: none;
      border-radius: 5px;
      font-size: 16px;
      cursor: pointer;
    }

    input[type="submit"]:hover {
      background-color: #005c99;
    }

    .footer-text {
      text-align: center;
      margin-top: 15px;
      font-size: 0.9em;
    }

    .footer-text a:hover {
      text-decoration: underline;
    }

    .radio-group {
      display: flex;
      justify-content: center;
      gap: 20px;
      margin-bottom: 20px;
    }

    .hidden {
      max-height: 0;
      overflow: hidden;
      opacity: 0;
      transition: all 0.5s ease;
    }

    .visible {
      max-height: 1000px;
      opacity: 1;
    }

         
  .form-row-number { 
    display: flex;
    align-items: center;
    margin-bottom: 1em;
  }

  .country-select {
    flex: 0 0 120px; 
    box-sizing: border-box;
    padding: 12.5px;
    color: #fff;
    border: none;
    background-color: #333131;
    border: solid 1px #242222;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }

  .phone-input {
    flex: 1;    
    width: 100%;
    padding: 12px;
    font-size: 16px;
    color: #fff;
    box-sizing: border-box;
    background-color: #333131;
    border: solid 1px #242222;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }