@font-face {
  font-family: "Vazirmatn";
  src: url("../uploads/robotch-assets/Vazirmatn-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

body:has(.digits-form_page) {
  margin: 0;
  background: radial-gradient(circle at 85% 0%, #e8eef4 0, transparent 36%), #f5f7fa !important;
}

.digits_ui,
.digits-form_page,
.digits-form_container {
  --dprimary: #405a76 !important;
  --dtitle: #253b54 !important;
  --dfield_bg: #f7f9fb !important;
  --daccent: #66829d !important;
  --dform_bg: #fff !important;
  --dbutton_text: #fff !important;
  color: #293c52 !important;
  font-family: "Vazirmatn", Tahoma, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
  direction: rtl;
}

.digits_ui :is(input, textarea, select, button, label, a, span, p, div) {
  font-family: "Vazirmatn", Tahoma, sans-serif !important;
}

.digits-form_page {
  min-height: 100vh;
  padding: 24px 16px;
  background: transparent !important;
}

.digits-form_container {
  width: min(440px, 100%) !important;
  max-width: 100% !important;
  padding: 30px 32px !important;
  border: 1px solid #dfe6ed;
  border-top: 4px solid #506d88;
  border-radius: 20px;
  box-shadow: 0 18px 55px rgba(35, 58, 83, .12);
}

.digits-form_heading {
  margin-bottom: 16px !important;
  color: #253b54 !important;
  font-size: 23px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
}

.digits-form_tab-bar {
  gap: 16px !important;
}

.digits-form_tab-bar .digits-form_tab-item {
  padding-bottom: 7px !important;
  border-bottom-width: 2px !important;
  color: #405a76 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  opacity: .65 !important;
}

.digits-form_tab-bar .digits-tab_active {
  border-bottom-color: #506d88 !important;
  opacity: 1 !important;
}

.digits-form_body {
  margin-top: 20px !important;
}

.digits-form_input_row {
  margin-bottom: 14px !important;
}

.digits-form_input label,
.digits-form_input .field_label {
  color: #344c67 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

.digits2_box .digits-form_input input,
.digits2_box .digits-form_input input[type="text"],
.digits2_box .digits-form_input textarea {
  min-height: 48px !important;
  height: 48px !important;
  padding: 0 14px !important;
  border: 1px solid #d9e2ea !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
  color: #263c55 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.digits2_box .digits-form_input input:focus,
.digits2_box .digits-form_input input[type="text"]:focus {
  border-color: #66829d !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(102, 130, 157, .13) !important;
}

.digits2_box .digits-form_input input::placeholder {
  color: #7c8d9e !important;
  opacity: 1 !important;
}

.digits-form_border {
  border-color: #d9e2ea !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
}

.digits-mobile_wrapper {
  position: relative !important;
  overflow: visible;
}

/* Iranian numbers only: keep the +98 form value but replace the unstable flag picker. */
.digits-mobile_wrapper .digits-form_countrycode {
  display: none !important;
}

.digits-mobile_wrapper::before {
  content: "+98";
  position: absolute;
  z-index: 2;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 0 0 10px;
  border-right: 1px solid #d9e2ea;
  color: #405a76;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  direction: ltr;
  pointer-events: none;
}

.digits2_box .digits-mobile_wrapper .digits-form_input input[type="tel"] {
  padding-left: 62px !important;
  padding-right: 14px !important;
  direction: ltr !important;
  text-align: right !important;
}

.digits-form_button,
.digits-form_button[type="submit"] {
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 10px !important;
  background: #405a76 !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(64, 90, 118, .18) !important;
}

.digits-form_button:hover,
.digits-form_button:focus-visible {
  background: #314b67 !important;
}

.digits-form_button-text {
  font-size: 14px !important;
  font-weight: 700 !important;
}

.dig_login_signup_bar {
  margin-top: 24px !important;
  padding-top: 18px;
  border-top: 1px solid #edf0f3;
  color: #53677e !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.dig_login_signup_bar span {
  opacity: 1 !important;
}

.dig_login_signup_bar a,
.digits-form_link {
  color: #405a76 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  text-decoration: none !important;
}

.digits-form_link:hover,
.dig_login_signup_bar a:hover {
  color: #263e59 !important;
  text-decoration: underline !important;
}

.digits-form_hint,
.digits-form_input_info,
.digits-form_footer_content,
.digits-form_rememberme,
.digits-form_rememberme label {
  color: #60738a !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
}

.digits-form_login_separator { font-size: 12px !important; }
.digits-form_login_separator:empty { display: none !important; }

@media (max-width: 480px) {
  .digits-form_page { padding: 18px 12px !important; }
  .digits-form_container { padding: 24px 20px !important; border-radius: 17px; }
  .digits-form_heading { font-size: 21px !important; }
}