/* [project]/src/views/become-expert/ui/become-expert-body/index.module.css [app-client] (css) */
.index-module__6-3Pwq__banner {
  border-radius: var(--radius-3xl, 1.5rem);
  width: 100%;
  height: 400px;
  font-size: var(--text-3xl, 1.875rem);
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
  --tw-leading: 140%;
  --tw-font-weight: var(--font-weight-semibold, 600);
  line-height: 140%;
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-white, #fff);
  padding-left: 14%;
  padding-right: 14%;
  text-align: center;
  background-image: url("/images/become-expert-banner.webp");
  background-position: center;
  background-size: cover;
  padding-top: 24%;
  font-family: Inter;
  font-style: normal;
}

.index-module__6-3Pwq__info {
  margin-top: calc(var(--spacing, .25rem) * 6);
  background-color: var(--color-white, #fff);
  width: 100%;
  padding: calc(var(--spacing, .25rem) * 6);
  border-radius: var(--radius-xl, .75rem);
  --tw-shadow: 0px 8px 32px var(--tw-shadow-color, rgba(0, 0, 0, .04));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.index-module__6-3Pwq__info * {
  font-size: 16px;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

/* [project]/src/views/become-expert/ui/become-expert-steps/index.module.css [app-client] (css) */
.index-module__bVYvkG__steps {
  border-radius: var(--radius-3xl, 1.5rem);
  background-color: var(--color-white, #fff);
  padding: calc(var(--spacing, .25rem) * 8);
  --tw-shadow: 0px 8px 32px var(--tw-shadow-color, rgba(0, 0, 0, .04));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.index-module__bVYvkG__steps a {
  color: #1890ff;
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

/* [project]/src/views/become-expert/ui/become-expert-form-modal/ui/index.module.css [app-client] (css) */
.index-module__XlzQ_G__form * {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
}

.index-module__XlzQ_G__form__group:nth-child(2) {
  margin-bottom: calc(var(--spacing, .25rem) * 8);
}

.index-module__XlzQ_G__form > .index-module__XlzQ_G__form__title {
  margin-block: calc(var(--spacing, .25rem) * 8);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
}

.index-module__XlzQ_G__form__item {
  margin-bottom: calc(var(--spacing, .25rem) * 4);
}

.index-module__XlzQ_G__form__item > input, .index-module__XlzQ_G__form__item > textarea {
  border-radius: 8px;
  padding-inline: calc(var(--spacing, .25rem) * 2.5) !important;
  padding-block: calc(var(--spacing, .25rem) * 2) !important;
}

.index-module__XlzQ_G__form__item > label {
  --tw-leading: 15px;
  color: #888da5;
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 15px;
  display: block;
}

.index-module__XlzQ_G__error-text {
  margin-bottom: calc(var(--spacing, .25rem) * 2);
  text-align: center;
  --tw-leading: 15px;
  --tw-font-weight: var(--font-weight-normal, 400);
  font-size: 14px;
  line-height: 15px;
  font-weight: var(--font-weight-normal, 400);
  color: #892727;
}

.index-module__XlzQ_G__submit-button {
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: #178feb;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-to: #0079d5;
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  cursor: pointer;
  border-style: var(--tw-border-style);
  width: 100%;
  padding-block: calc(var(--spacing, .25rem) * 6);
  border-width: 1px;
  border-color: #188fff;
  border-radius: 8px;
}

.index-module__XlzQ_G__submit-button > * {
  --tw-font-weight: var(--font-weight-bold, 700);
  font-size: 17px;
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-white, #fff);
  text-shadow: 0px -1px 0px var(--tw-text-shadow-color, #2c65bb);
}

.index-module__XlzQ_G__submit-button:hover {
  --tw-gradient-position: to bottom in oklab !important;
  background-image: linear-gradient(var(--tw-gradient-stops)) !important;
  --tw-gradient-from: #178feb !important;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  --tw-gradient-to: #0079d5 !important;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: rgba(0, 0, 0, 0);
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: rgba(0, 0, 0, 0);
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: rgba(0, 0, 0, 0);
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-text-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-text-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

/*# sourceMappingURL=src_views_become-expert_ui_ca35aff6._.css.map*/