* {
  margin: 0;
  padding: 0;
  font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
  box-sizing: border-box;
}

.ekran {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
}
.kiru_block {
  margin-top: 10vh;
  width: 80vh;
  height: 70vh;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); /* Көлеңке қосу */
  border-radius: 30px 30px 30px 30px;
  display: flex;
  flex-direction: column;
}
.kiru_block_title {
  width: 100%;
  height: 15vh;
  background-color: #2563eb;
  backdrop-filter: blur(50px);
  border-radius: 30px 30px 0px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.kiru_block_form {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: white;
  border-radius: 0 0 30px 30px;
}

.div_umittynyzba {
  margin-top: 2vh;
  width: 50vh;
}
.kiru_button {
  margin-top: 5vh;
  width: 50vh;
  height: 45px;
  font-size: 20px;
  color: white;
  background-color: #2563eb;
  border: 0.1px solid #2563eb;
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.kiru_button:hover {
  background-color: #2563eb;
  border: 0.1px solid #2563eb;
}

.boss {
  width: 100%;
  height: 5vh;
}

.button_asty {
  width: 50vh;
  height: 10vh;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.eki_shet {
  width: 22vh;
  text-align: center;
  cursor: pointer;
  color: black;
  text-decoration: none;
  font-size: 17px;
}
.eki_shet:hover {
  text-decoration: underline black;
}
.eki_shet a {
  color: black;
  text-decoration: none;
}
.eki_shet_ortasy {
  border: 1px solid black;
  width: 1px;
  height: 4vh;
}

/* uiverse.io сайтынан алынған Input коды */
.kiru_block_form_input {
  margin-top: 3vh;
  width: 100%;
  max-width: 50vh;
  height: 45px;
  padding: 12px;
  border-radius: 12px;
  border: 1.5px solid lightgrey;
  outline: none;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  box-shadow: 0px 0px 20px -18px;
}
.qate {
  padding: 1vh 20px;
  width: 50vh;
  color: red;
  border: 1px solid red;
  background-color: rgba(255, 0, 0, 0.247);
  border-radius: 10px;
}
.kiru_block_form_input:hover {
  border: 2px solid #2563eb;
  box-shadow: 0px 0px 20px -17px;
}

.kiru_block_form_input:active {
  transform: scale(0.95);
}

.kiru_block_form_input:focus {
  border: 2px solid #2563eb;
}
/* uiverse.io сайтынан алынған Input коды */

.kiru_block_title h1 {
  color: white;
}

@media (max-width: 768px) {
  .kiru_block {
    width: 70vh;
  }
}
@media (max-width: 623px) {
  .kiru_block {
    width: 52vh;
  }
  .kiru_block_form_input {
    max-width: 40vh;
  }
  .div_umittynyzba {
    width: 40vh;
  }
  .kiru_button {
    width: 40vh;
  }
  .qate {
    width: 40vh;
  }
}
@media (max-width: 458px) {
  .kiru_block {
    width: 45vh;
  }
  .kiru_block_form_input {
    max-width: 40vh;
  }
  .div_umittynyzba {
    width: 40vh;
  }
  .kiru_button {
    width: 40vh;
  }
  .button_asty {
    width: 40vh;
  }
  .qate {
    width: 40vh;
  }
  .eki_shet {
    font-size: 14px;
  }
}