.custom-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  padding: 0 12px;
  font-size: 16px;
  font-family: "Roboto-Regular", sans-serif;
  background: transparent;
  color: #333;
  cursor: pointer;
}

.il-select {
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  padding: 0 12px;
  font-size: 16px;
  font-family: "Roboto-Regular", sans-serif;
  color: #333;
  background: transparent;
  cursor: pointer;

  /* Tarayıcı default okunu gizle */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.input-box {
  background: var(--neutral-100, #f5f5f5);
  border-radius: 8px;
  padding: 0 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; /* select solda, ikon sağda */
  height: 48px;
  position: relative;
}

.warning-icon {
  pointer-events: none; /* svg tıklamayı engellemesin */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* LOGIN & REGISTER inputları düzeltme */
.giri-yap-web .input-box,
.giri-yap-web .input-ifre {
  padding: 0 !important;         /* Figma'dan gelen 16px padding'i iptal et */
  height: 48px;
  display: flex;
  align-items: stretch;           /* içteki input 100% yüksekliğe gelsin */
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
}

.giri-yap-web .input-box input,
.giri-yap-web .input-ifre input {
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  /* DİKEY HİZALAMA: line-height yerine padding kullan */
  padding: 12px;                  /* üst-alt 12px, sağ-sol 12px */
  line-height: 1.25;              /* normal satır yüksekliği */
  font-size: 16px;
  font-family: "Roboto-Regular", sans-serif;
  color: #333;
  background: transparent;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}

/* Placeholder’ların da kırpılmaması için */
.giri-yap-web input::placeholder {
  line-height: 1.25;
}

/* Genel bir reset: başka yerlerden gelen dikey padding/line-height etkilerini kır */
.giri-yap-web input, 
.giri-yap-web select, 
.giri-yap-web textarea {
  vertical-align: middle;
}

.custom-checkbox input {
  display: none;
}
.custom-checkbox img {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.input-box,
.input-ifre {
  background: #fff !important; /* beyaz yap */
  padding: 0;                  /* paddingi kaldır */
  border: 1px solid #ccc;      /* istersen gri ince border */
  border-radius: 8px;
  height: 48px;
  display: flex;
  align-items: center;
}

.input-box input,
.input-ifre input {
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  line-height:48px;
  padding: 0 12px;
  font-size: 16px;
  font-family: "Roboto-Regular", sans-serif;
  color: #333;
  background: transparent;
  box-sizing: border-box;

}
.giri-yap-web,
.giri-yap-web * {
  box-sizing: border-box;
}
.giri-yap-web {
  background: var(--neutral-0, #ffffff);
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
}
.page-home-mobile {
  background: var(--alice-blue, #f0f8ff);
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.login-1 {
  background: var(--alice-blue, #f0f8ff);
  padding: 80px 0px 80px 0px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1440px;
  position: relative;
}
.logo {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.logo2 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-2147224198 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.gravis-logo {
  flex-shrink: 0;
  width: 57.24px;
  height: 53px;
  position: relative;
  overflow: visible;
}
.gravis-logo-text1 {
  flex-shrink: 0;
  width: 293.94px;
  height: 73.65px;
  position: relative;
  overflow: visible;
}
.page-content {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.visual {
  padding: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  height: 782px;
  position: relative;
}
.gravis-web-visual-1 {
  align-self: stretch;
  flex-shrink: 0;
  width: 548px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 548/766;
}
.right-column {
  padding: 80px 80px 80px 0px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.giri-yap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.segment-tab {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.giri-yap-buton {
  background: var(--neutral-0, #ffffff);
  border-radius: 8px 0px 0px 0px;
  border-style: solid;
  border-color: var(--foundation-black-black-50, #e6e6e6);
  border-width: 1px 1px 0px 1px;
  padding: 12px 0px 12px 0px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.giri-yap2 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.giri-yap3 {
  color: var(--primary-blue-normal, #12609d);
  text-align: center;
  font-family: var(--heading-6-font-family, "Roboto-Bold", sans-serif);
  font-size: var(--heading-6-font-size, 18px);
  line-height: var(--heading-6-line-height, 110%);
  font-weight: var(--heading-6-font-weight, 700);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kay-t-ol-buton {
  background: var(--blur-background, rgba(255, 255, 255, 0.6));
  border-radius: 0px 8px 0px 0px;
  border-style: solid;
  border-color: var(--foundation-black-black-50, #e6e6e6);
  border-width: 0px 0px 1px 0px;
  padding: 10px 0px 10px 0px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.kay-t-ol {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.kay-t-ol2 {
  color: var(--foundation-black-black-200, #8a8a8a);
  text-align: center;
  font-family: var(--heading-6-font-family, "Roboto-Bold", sans-serif);
  font-size: var(--heading-6-font-size, 18px);
  line-height: var(--heading-6-line-height, 110%);
  font-weight: var(--heading-6-font-weight, 700);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-633330 {
  margin: -1px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.back {
  background: var(--neutral-0, #ffffff);
  border-style: solid;
  border-color: var(--foundation-black-black-50, #e6e6e6);
  border-width: 1px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(
    --drop-shadow-400-box-shadow,
    0px 4px 4px -4px rgba(12, 12, 13, 0.05),
    0px 16px 32px -4px rgba(12, 12, 13, 0.1)
  );
}
.frame {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-633336 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.text-field-general {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.cep-telefonu {
  color: var(--neutral-700, #4a4a4a);
  text-align: left;
  font-family: var(--body-s-font-family, "Roboto-Regular", sans-serif);
  font-size: var(--body-s-font-size, 14px);
  line-height: var(--body-s-line-height, 140%);
  font-weight: var(--body-s-font-weight, 400);
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-3 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.input-box {
  background: var(--neutral-100, #f5f5f5);
  border-radius: 8px;
  padding: 16px 8px 16px 8px;
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 48px;
  position: relative;
}
.placeholder-cep-telefonu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  position: relative;
}
.input-text {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.placeholder {
  color: var(--neutral-500, #9a9a9a);
  text-align: left;
  font-family: var(--body-m-font-family, "Roboto-Regular", sans-serif);
  font-size: var(--body-m-font-size, 16px);
  line-height: var(--body-m-line-height, 140%);
  font-weight: var(--body-m-font-weight, 400);
  position: relative;
}
.text-field-password {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.ifre {
  color: var(--neutral-700, #4a4a4a);
  text-align: left;
  font-family: var(--body-s-font-family, "Roboto-Regular", sans-serif);
  font-size: var(--body-s-font-size, 14px);
  line-height: var(--body-s-line-height, 140%);
  font-weight: var(--body-s-font-weight, 400);
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-7 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.text-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.input-ifre {
  background: var(--neutral-100, #f5f5f5);
  border-radius: 8px;
  padding: 16px 8px 16px 8px;
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 48px;
  position: relative;
}
.placeholder-text {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.icon-group {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
}
.eye-icon-group {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  aspect-ratio: 1;
}
.group {
  width: 100%;
  height: 79.43%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 10.29%;
  top: 10.29%;
  overflow: visible;
}
.text-field-footer {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 24px;
  position: relative;
  overflow: hidden;
}
.left-group {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.check-box-icon-group {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.oturumum-a-k-kals-n {
  color: var(--neutral-700, #4a4a4a);
  text-align: left;
  font-family: var(--body-s-font-family, "Roboto-Regular", sans-serif);
  font-size: var(--body-s-font-size, 14px);
  line-height: var(--body-s-line-height, 140%);
  font-weight: var(--body-s-font-weight, 400);
  position: relative;
  width: 139px;
}
.ifremi-unuttum {
  color: var(--neutral-700, #4a4a4a);
  text-align: left;
  font-family: var(--body-s-font-family, "Roboto-Regular", sans-serif);
  font-size: var(--body-s-font-size, 14px);
  line-height: var(--body-s-line-height, 140%);
  font-weight: var(--body-s-font-weight, 400);
  text-decoration: underline;
  position: relative;
  width: 105px;
}
.button {
  background: var(--primary-main, #12609e);
  border-radius: 8px;
  padding: 16px 12px 16px 12px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(
    --drop-shadow-300-box-shadow,
    0px 4px 4px -1px rgba(12, 12, 13, 0.05),
    0px 4px 4px -1px rgba(12, 12, 13, 0.1)
  );
}
.frame-2147224172 {
  padding: 0px 16px 0px 16px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.label2{
  color: var(--light-background, #ffffff);
  text-align: left;
  font-family: var(--button-m-font-family, "Roboto-Medium", sans-serif);
  font-size: var(--button-m-font-size, 16px);
  line-height: var(--button-m-line-height, 100%);
  letter-spacing: var(--button-m-letter-spacing, 0.5px);
  font-weight: var(--button-m-font-weight, 500);
  position: relative;
}
.hen-z-hesab-n-yok-mu-kay-t-ol {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.text-group {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.hen-z-hesab-n-yok-mu {
  color: var(--neutral-700, #4a4a4a);
  text-align: left;
  font-family: var(--body-s-font-family, "Roboto-Regular", sans-serif);
  font-size: var(--body-s-font-size, 14px);
  line-height: var(--body-s-line-height, 140%);
  font-weight: var(--body-s-font-weight, 400);
  position: relative;
  width: 153px;
}
.kay-t-ol3 {
  color: var(--neutral-700, #4a4a4a);
  text-align: left;
  font-family: var(--body-s-font-family, "Roboto-Regular", sans-serif);
  font-size: var(--body-s-font-size, 14px);
  line-height: var(--body-s-line-height, 140%);
  font-weight: var(--body-s-font-weight, 400);
  text-decoration: underline;
  position: relative;
}


.back,
.back * {
  box-sizing: border-box;
}
.back {
  margin: -1px 0 0 0;
  background: var(--neutral-0, #ffffff);
  border-style: solid;
  border-color: var(--foundation-black-black-50, #e6e6e6);
  border-width: 1px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(
    --drop-shadow-400-box-shadow,
    0px 4px 4px -4px rgba(12, 12, 13, 0.05),
    0px 16px 32px -4px rgba(12, 12, 13, 0.1)
  );
}
.frame {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-633335 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.input-group-full-name {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 76px;
  position: relative;
}
.text-field-general {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.cep-telefonu {
  color: var(--neutral-700, #4a4a4a);
  text-align: left;
  font-family: var(--body-s-font-family, "Roboto-Regular", sans-serif);
  font-size: var(--body-s-font-size, 14px);
  line-height: var(--body-s-line-height, 140%);
  font-weight: var(--body-s-font-weight, 400);
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-3 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.input-box {
  background: var(--neutral-100, #f5f5f5);
  border-radius: 8px;
  padding: 16px 8px 16px 8px;
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 48px;
  position: relative;
}
.placeholder-cep-telefonu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  position: relative;
}
.input-text {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.placeholder {
  color: var(--neutral-500, #9a9a9a);
  text-align: left;
  font-family: var(--body-m-font-family, "Roboto-Regular", sans-serif);
  font-size: var(--body-m-font-size, 16px);
  line-height: var(--body-m-line-height, 140%);
  font-weight: var(--body-m-font-weight, 400);
  position: relative;
}
.text-field-general2 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.warning-icon {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  aspect-ratio: 1;
}
.keyboard-arrow-down-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.frame-633333 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.label2 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.do-um-tarihiniz {
  color: var(--neutral-700, #4a4a4a);
  text-align: left;
  font-family: var(--body-s-font-family, "Roboto-Regular", sans-serif);
  font-size: var(--body-s-font-size, 14px);
  line-height: var(--body-s-line-height, 140%);
  font-weight: var(--body-s-font-weight, 400);
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.do-um-tarihi {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 48px;
  position: relative;
}
.text-field-general-state-5 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  position: relative;
}
.frame-32 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.input-box2 {
  background: var(--neutral-100, #f5f5f5);
  border-radius: 8px;
  padding: 16px 8px 16px 8px;
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 48px;
  position: relative;
}
.placeholder-cep-telefonu2 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.icon {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
}
.keyboard-arrow-down-icon2 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.text-field-error-message {
  align-self: stretch;
  flex-shrink: 0;
  height: 16px;
  position: relative;
  overflow: hidden;
}
.keyboard-arrow-down-icon3 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.keyboard-arrow-down-icon4 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.frame-633332 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.cinsiyet-auto-layout {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.cinsiyet {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.radio-button-icon-group {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.label3 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.do-um-tarihiniz2 {
  color: var(--neutral-700, #4a4a4a);
  text-align: left;
  font-family: var(--body-m-font-family, "Roboto-Regular", sans-serif);
  font-size: var(--body-m-font-size, 16px);
  line-height: var(--body-m-line-height, 140%);
  font-weight: var(--body-m-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.radio-button-icon-group2 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.do-um-tarihiniz3 {
  color: var(--neutral-500, #9a9a9a);
  text-align: left;
  font-family: var(--body-m-font-family, "Roboto-Regular", sans-serif);
  font-size: var(--body-m-font-size, 16px);
  line-height: var(--body-m-line-height, 140%);
  font-weight: var(--body-m-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.radio-button-icon-group3 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.text-field-password {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.ifre {
  color: var(--neutral-700, #4a4a4a);
  text-align: left;
  font-family: var(--body-s-font-family, "Roboto-Regular", sans-serif);
  font-size: var(--body-s-font-size, 14px);
  line-height: var(--body-s-line-height, 140%);
  font-weight: var(--body-s-font-weight, 400);
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-7 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.text-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.input-ifre {
  background: var(--neutral-100, #f5f5f5);
  border-radius: 8px;
  padding: 16px 8px 16px 8px;
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 48px;
  position: relative;
}
.placeholder-text {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.icon-group {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
}
.eye-icon-group {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  aspect-ratio: 1;
}
.group {
  width: 100%;
  height: 79.43%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 10.29%;
  top: 10.29%;
  overflow: visible;
}
.helper-text {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.l-tfen-bu-alan-doldurunuz {
  text-align: left;
  font-family: var(--body-xs-font-family, "Roboto-Regular", sans-serif);
  font-size: var(--body-xs-font-size, 12px);
  line-height: var(--body-xs-line-height, 140%);
  font-weight: var(--body-xs-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.l-tfen-bu-alan-doldurunuz-span {
  color: var(--neutral-500, #9a9a9a);
}
.l-tfen-bu-alan-doldurunuz-span2 {
  color: var(--neutral-700, #4a4a4a);
}
.button {
  background: #12609e;
  border-radius: 8px;
  padding: 16px 12px 16px 12px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(
    --drop-shadow-300-box-shadow,
    0px 4px 4px -1px rgba(12, 12, 13, 0.05),
    0px 4px 4px -1px rgba(12, 12, 13, 0.1)
  );
}
.frame-2147224172 {
  padding: 0px 16px 0px 16px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.label4 {
  color: var(--light-background, #ffffff);
  text-align: left;
  font-family: var(--button-m-font-family, "Roboto-Medium", sans-serif);
  font-size: var(--button-m-font-size, 16px);
  line-height: var(--button-m-line-height, 100%);
  letter-spacing: var(--button-m-letter-spacing, 0.5px);
  font-weight: var(--button-m-font-weight, 500);
  position: relative;
}
.hen-z-hesab-n-yok-mu-kay-t-ol {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.text-group {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
}
.zaten-hesab-n-var-m {
  color: var(--neutral-700, #4a4a4a);
  text-align: left;
  font-family: var(--body-s-font-family, "Roboto-Regular", sans-serif);
  font-size: var(--body-s-font-size, 14px);
  line-height: var(--body-s-line-height, 140%);
  font-weight: var(--body-s-font-weight, 400);
  position: relative;
}
.giri-yap {
  color: var(--primary-blue-normal, #12609d);
  text-align: left;
  font-family: var(--body-s-font-family, "Roboto-Regular", sans-serif);
  font-size: var(--body-s-font-size, 14px);
  line-height: var(--body-s-line-height, 140%);
  font-weight: var(--body-s-font-weight, 400);
  text-decoration: none;
  position: relative;
}