.pin-group {
      display: flex;
      gap: 10px;
      margin-bottom: 20px;
          justify-content: space-between;
    flex-wrap: nowrap;
    }

    .pin-group input {
      width: 50px;
      height: 50px;
      font-size: 18px;
      text-align: center;
      border: 1px solid #ccc;
      border-radius: 6px;
    }

    .otp-group {
      display: flex;
      margin-bottom: 20px;
    }

    .otp-group input[type="text"] {
      flex: 1;
      padding: 10px;
      font-size: 16px;
      border: 1px solid #ccc;
      border-radius: 6px 0 0 6px;
      border-right: none;
    }

    .otp-group button {
      padding: 10px 15px;
      border: 1px solid #ccc;
      border-left: none;
      background: #f1f1f1;
      border-radius: 0 6px 6px 0;
      cursor: pointer;
    }

    .submit-btn {
      width: 100%;
      padding: 12px;
      background: #ddd;
      color: #888;
      font-size: 16px;
      border: none;
      border-radius: 25px;
      cursor: not-allowed;
    }

    @media (max-width: 480px) {
      .pin-group input {
        width: 36px;
        height: 36px;
        font-size: 16px;
      }

      .otp-group input[type="text"] {
        font-size: 14px;
      }

      .otp-group button {
        font-size: 14px;
        padding: 10px;
      }

      .submit-btn {
        font-size: 14px;
      }
    }