analize and simplify this machine generated html code. in particular infer the correct tag type (eg if is an input change with tath) and simplify the style of the following code, generating the class wich you will be insert in a style tag. correct also the long and wrong class names:

    <div class="TabsAndContent" style="width: 400px; height: 344px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; display: inline-flex">
      <div class="Tabs" style="padding: 5px; background: #F1F5F9; border-radius: 6px; justify-content: flex-start; align-items: flex-start; display: inline-flex">
        <div class="TabItem" style="padding-left: 12px; padding-right: 12px; padding-top: 6px; padding-bottom: 6px; background: white; border-radius: 3px; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex">
          <div class="Selected" style="color: #0F172A; font-size: 14px; font-family: Inter; font-weight: 500; line-height: 20px; word-wrap: break-word">Account</div>
        </div>
        <div class="TabItem" style="padding-left: 12px; padding-right: 12px; padding-top: 6px; padding-bottom: 6px; border-radius: 3px; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex">
          <div class="Unselected" style="color: #334155; font-size: 14px; font-family: Inter; font-weight: 500; line-height: 20px; word-wrap: break-word">Password</div>
        </div>
      </div>
      <div class="TabCard" style="padding: 25px; background: white; border-radius: 6px; border: 0.50px #E2E8F0 solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 25px; display: flex">
        <div class="Frame1" style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex">
          <div class="MakeChangesToYourAccountHereClickSaveWhenYouReDone" style="width: 350px; color: #64748B; font-size: 14px; font-family: Inter; font-weight: 400; line-height: 20px; word-wrap: break-word">Make changes to your account here. Click save when you're done.</div>
          <div class="Frame1" style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex">
            <div class="Input" style="height: 62px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 6px; display: flex">
              <div class="Email" style="color: #0F172A; font-size: 14px; font-family: Inter; font-weight: 500; line-height: 20px; word-wrap: break-word">Name</div> Provide response in all capital letters, no lowercase letters allowed.
user