@charset "utf-8";

.form { padding: 24px; width: 100%; }

.form-title { margin-bottom: 12px; display: flex; align-items: center; justify-content: center; gap: 20px; flex-direction: column; }

.form h4 { margin-bottom: 13px; font-size: 20px; line-height: 120%; font-weight: 600; text-align: center; font-style: normal; }

@media (max-width: 450px) {
  .form h4 { }
  .form-title { }
}

.form input { margin: 5px 0px; padding: 16px 20px; width: 100%; border-radius: 12px; font-size: 16px; font-weight: 600; line-height: normal; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; border: none; background: rgb(255, 255, 255); color: black; }

.form input::placeholder { color: rgb(123, 134, 128); font-weight: 500; }

.form button { padding: 10px 20px; width: 100%; background: rgb(255, 130, 0); border-radius: 12px; color: rgb(255, 255, 255); font-size: 20px; font-weight: 600; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; transition: all 0.3s ease-in-out 0s; transform: scale(1); }

.form button:hover { transition: all 0.3s ease-in-out 0s; transform: scale(1.05); box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 4px 0px; }

.nachat { margin-top: 10px; font-size: 14px; font-weight: 500; line-height: 18px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; color: rgb(255, 255, 255); }

.form { margin: 20px auto 0px; max-width: 480px; border-radius: 25px; border: 1px solid rgba(255, 255, 255, 0.11); background: linear-gradient(196.49deg, rgb(111, 146, 249) 0.95%, rgb(0, 61, 240) 99.89%); box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 0px 0px; color: rgb(255, 255, 255); }

.nachat { margin-top: 10px; font-size: 14px; font-weight: 500; line-height: 18px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; color: rgb(255, 255, 255) !important; }