@charset "UTF-8";
@font-face {
  font-family:iconfont;
  font-display:block;
  src:url(../assets/iconfont-59bd2a336863cf47329d78abca831a6257b56dbfce6ef883dc58733bdd8fff22-7g1SPYO2.eot?#iefix) format("embedded-opentype"),
  url(../assets/iconfont-747a477557e974aa8693f20ee95a18695f912350363ced264ba24491409a9cde-2L0MywG0.woff) format("woff"),
  url(../assets/iconfont-45a96abc6dcd3a16d52feff92533eff7485acd656dfebba8120d09b9e111ecd8-imr7cQvM.woff2) format("woff2"),
  url(../assets/iconfont-8e5abd57dca565bf1617e4001ed8a3a36d46cb4fd04ee230148b7768868bfd2e-NzR7hZfI.ttf) format("truetype"),
  url(../assets/iconfont-b80bf8986f5d9bdd6401eac666914929e5d993b31bd8c6cffe051269d3f191f1-LtMDL7fL.svg#iconfont) format("svg")
}
.icon-font {
  line-height:1
}
.icon-font:before {
  font-family:iconfont!important;
  font-weight:400!important
}
.icon-font:before {
  font-style:normal;
  vertical-align:top
}
.icon-font-check-circle:before {
  content:""
}
:root {
  --swiper-theme-color:#007aff
}
:host {
  position:relative;
  display:block;
  margin-left:auto;
  margin-right:auto;
  z-index:1
}
:root {
  --swiper-navigation-size:44px
}
.rc-slider-handle:focus-visible {
  border-color:#2db7f5;
  box-shadow:0 0 0 3px #96dbfa
}
*,
:before,
:after {
  box-sizing:border-box;
  border-width:0;
  border-style:solid;
  border-color:#eee
}
:before,
:after {
  --tw-content: ""
}
html,
:host {
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  font-family:Roboto,sans-serif;
  font-feature-settings:normal;
  font-variation-settings:normal;
  -webkit-tap-highlight-color:transparent
}
body {
  margin:0;
  line-height:inherit
}
abbr:where([title]) {
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}
a {
  color:inherit;
  text-decoration:inherit
}
button,
input {
  font-family:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  font-size:100%;
  font-weight:inherit;
  line-height:inherit;
  color:inherit;
  margin:0;
  padding:0
}
button {
  -webkit-appearance:button;
  background-color:transparent;
  background-image:none
}
:-moz-focusring {
  outline:auto
}
:-moz-ui-invalid {
  box-shadow:none
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height:auto
}
::-webkit-search-decoration {
  -webkit-appearance:none
}
input::-moz-placeholder {
  opacity:1;
  color:#bdbdbd
}
button {
  cursor:pointer
}
:disabled {
  cursor:default
}
img {
  display:block;
  vertical-align:middle
}
img {
  max-width:100%;
  height:auto
}
*,
:before,
:after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(0, 209, 255, .5);
  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: 
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(0, 209, 255, .5);
  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: 
}
.btn {
  padding:12px;
  border-radius:32px;
  min-width:160px;
  height:auto;
  background-color:transparent;
  background-color:initial;
  text-transform:capitalize;
  white-space:nowrap;
  text-align:center;
  font-weight:600;
  line-height:24px;
  font-size:16px;
  transition:background-color .3s ease-in-out,color .3s ease-in-out
}
.btn-size-l {
  max-width:160px;
  width:100%
}
.btn-primary {
  background-color:#005eff;
  color:#fff
}
.btn-primary:hover {
  background-color:#005effcc
}
.pointer-events-none {
  pointer-events:none
}
.absolute {
  position:absolute
}
.relative {
  position:relative
}
.left-2\/4 {
  left:50%
}
.top-2\/4 {
  top:50%
}
.my-8 {
  margin-top:2rem;
  margin-bottom:2rem
}
.mb-8 {
  margin-bottom:2rem
}
.ml-1 {
  margin-left:.25rem
}
.mt-0 {
  margin-top:0
}
.mt-10 {
  margin-top:2.5rem
}
.flex {
  display:flex
}
.inline-flex {
  display:inline-flex
}
.h-5 {
  height:1.25rem
}
.h-full {
  height:100%
}
.w-5 {
  width:1.25rem
}
.w-full {
  width:100%
}
.max-w-\[185px\] {
  max-width:185px
}
.-translate-x-2\/4 {
  --tw-translate-x: -50%;
  transform:translate(-50%,var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-2\/4 {
  --tw-translate-y: -50%;
  transform:translate(var(--tw-translate-x),-50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cursor-pointer {
  cursor:pointer
}
.select-none {
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
.appearance-none {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}
.items-center {
  align-items:center
}
.justify-center {
  justify-content:center
}
.justify-between {
  justify-content:space-between
}
.gap-1 {
  gap:.25rem
}
.gap-4 {
  gap:1rem
}
.rounded-full {
  border-radius:9999px
}
.rounded-md {
  border-radius:.375rem
}
.border {
  border-width:1px
}
.border-blue-gray-200 {
  --tw-border-opacity: 1;
  border-color:#b0bec5;
  border-color:rgba(176,190,197,var(--tw-border-opacity))
}
.p-3 {
  padding:.75rem
}
.text-center {
  text-align:center
}
.text-2xl {
  font-size:1.5rem;
  line-height:2rem
}
.font-normal {
  font-weight:400
}
.text-blue-750 {
  --tw-text-opacity: 1;
  color:#005eff;
  color:rgba(0,94,255,var(--tw-text-opacity))
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color:#a8b0c1;
  color:rgba(168,176,193,var(--tw-text-opacity))
}
.text-white {
  --tw-text-opacity: 1;
  color:#fff;
  color:rgba(255,255,255,var(--tw-text-opacity))
}
.opacity-0 {
  opacity:0
}
.transition-all {
  transition-property:all;
  transition-timing-function:ease-in-out;
  transition-duration:.3s
}
.transition-colors {
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function:ease-in-out;
  transition-duration:.3s
}
.transition-opacity {
  transition-property:opacity;
  transition-timing-function:ease-in-out;
  transition-duration:.3s
}
.before\:absolute:before {
  content:var(--tw-content);
  position:absolute
}
.before\:left-2\/4:before {
  content:var(--tw-content);
  left:50%
}
.before\:top-2\/4:before {
  content:var(--tw-content);
  top:50%
}
.before\:block:before {
  content:var(--tw-content);
  display:block
}
.before\:h-12:before {
  content:var(--tw-content);
  height:3rem
}
.before\:w-12:before {
  content:var(--tw-content);
  width:3rem
}
.before\:-translate-x-2\/4:before {
  content:var(--tw-content);
  --tw-translate-x: -50%;
  transform:translate(-50%,var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.before\:-translate-y-2\/4:before {
  content:var(--tw-content);
  --tw-translate-y: -50%;
  transform:translate(var(--tw-translate-x),-50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.before\:rounded-full:before {
  content:var(--tw-content);
  border-radius:9999px
}
.before\:bg-blue-gray-500:before {
  content:var(--tw-content);
  --tw-bg-opacity: 1;
  background-color:#607d8b;
  background-color:rgba(96,125,139,var(--tw-bg-opacity))
}
.before\:opacity-0:before {
  content:var(--tw-content);
  opacity:0
}
.before\:transition-opacity:before {
  content:var(--tw-content);
  transition-property:opacity;
  transition-timing-function:ease-in-out;
  transition-duration:.3s
}
.checked\:border-gray-900:checked {
  --tw-border-opacity: 1;
  border-color:#4a4e5f;
  border-color:rgba(74,78,95,var(--tw-border-opacity))
}
.checked\:bg-gray-900:checked {
  --tw-bg-opacity: 1;
  background-color:#4a4e5f;
  background-color:rgba(74,78,95,var(--tw-bg-opacity))
}
.checked\:before\:bg-gray-900:checked:before {
  content:var(--tw-content);
  --tw-bg-opacity: 1;
  background-color:#4a4e5f;
  background-color:rgba(74,78,95,var(--tw-bg-opacity))
}
.hover\:text-blue-750\/75:hover {
  color:#005effbf
}
.hover\:before\:opacity-10:hover:before {
  content:var(--tw-content);
  opacity:.1
}
.peer:checked~.peer-checked\:opacity-100 {
  opacity:1
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html {
  line-height:1.15;
  -webkit-text-size-adjust:100%
}
body {
  margin:0
}
a {
  background-color:transparent
}
img {
  border-style:none
}
button,
input {
  font-family:inherit;
  font-size:100%;
  line-height:1.15;
  margin:0
}
button,
input {
  overflow:visible
}
button {
  text-transform:none
}
button {
  -webkit-appearance:button
}
button::-moz-focus-inner {
  border-style:none;
  padding:0
}
button:-moz-focusring {
  outline:1px dotted ButtonText
}
[type=checkbox] {
  box-sizing:border-box;
  padding:0
}
::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit
}
:focus-visible {
  outline:none
}

[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family:fontello;
  font-style:normal;
  font-weight:inherit;
  speak:never;
  display:inline-block;
  text-decoration:inherit;
  margin-right:.2em;
  text-align:center;
  font-feature-settings:normal;
  font-variant:normal;
  text-transform:none;
  line-height:1em;
  margin-left:.2em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}

html {
  -webkit-overflow-scrolling:touch
}
body {
  color:#fff;
  font-family:SF Pro Display,sans-serif;
  font-size:14px;
  line-height:24px;
  background:#101020
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color:#FFFFFF!important
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition:background-color 5000s ease-in-out 0s;
  transition:background-color 5000s ease-in-out 0s;
  -webkit-box-shadow:0 0 0 1000px transparent inset
}
button {
  line-height:1.5rem
}
button:focus,
button:active {
  outline:none!important
}
* {
  -webkit-tap-highlight-color:transparent
}
.icon-font {
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1
}
.icon-font:before {
  font-weight:inherit!important;
  margin:0!important
}
.h4-title {
  font-weight:600;
  line-height:1.5rem;
  --tw-text-opacity: 1;
  color:#fff;
  color:rgba(255,255,255,var(--tw-text-opacity));
  font-size:22px
}
.btn:disabled {
  cursor:not-allowed;
  border-width:0px;
  background-color:#ffffff1a;
  --tw-text-opacity: 1;
  color:#a8b0c1;
  color:rgba(168,176,193,var(--tw-text-opacity))
}
.label-primary {
  margin-bottom:1rem;
  display:block;
  --tw-text-opacity: 1;
  color:#a8b0c1;
  color:rgba(168,176,193,var(--tw-text-opacity))
}
.input-block {
  position:relative
}
.input,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  height:3rem;
  width:100%;
  text-overflow:ellipsis;
  border-radius:13px;
  border-width:1px;
  border-style:solid;
  border-color:#ffffff1a;
  background-color:transparent;
  padding-left:1rem;
  padding-right:1rem;
  font-size:1rem;
  line-height:1.5rem;
  font-weight:600;
  --tw-text-opacity: 1;
  color:#fff;
  color:rgba(255,255,255,var(--tw-text-opacity))
}
.input:disabled,
input:disabled:-webkit-autofill {
  cursor:not-allowed;
  background:#ffffff14
}
.input[type=password],
input[type=password]:-webkit-autofill {
  padding-right:.25rem
}
.input::-webkit-outer-spin-button,
input:-webkit-autofill::-webkit-outer-spin-button,
input:-webkit-autofill:hover::-webkit-outer-spin-button,
input:-webkit-autofill:focus::-webkit-outer-spin-button,
input:-webkit-autofill:active::-webkit-outer-spin-button,
.input::-webkit-inner-spin-button,
input:-webkit-autofill::-webkit-inner-spin-button,
input:-webkit-autofill:hover::-webkit-inner-spin-button,
input:-webkit-autofill:focus::-webkit-inner-spin-button,
input:-webkit-autofill:active::-webkit-inner-spin-button {
  -webkit-appearance:none
}
.input-append {
  border-radius:13px;
  border-width:1px;
  border-style:solid;
  border-color:#ffffff1a;
  padding-right:1rem
}
.input-append input {
  border-width:0px;
  background-color:transparent;
  padding-right:.25rem
}
.input-append input:disabled {
  background-color:transparent
}
.input-append input:-webkit-autofill,
.input-append input:-webkit-autofill:hover,
.input-append input:-webkit-autofill:focus,
.input-append input:-webkit-autofill:active {
  border-width:0px;
  background-color:transparent
}
.custom-label-checkbox {
  margin-right:1rem;
  padding:0
}
.custom-checkbox {
  border-radius:9999px;
  border-width:0px;
  --tw-bg-opacity: 1;
  background-color:#fff;
  background-color:rgba(255,255,255,var(--tw-bg-opacity))
}
.custom-checkbox:checked {
  background:transparent!important
}
.custom-checkbox:disabled {
  cursor:not-allowed;
  opacity:.5
}
.custom-checkbox:disabled:hover:before {
  content:var(--tw-content);
  opacity:0
}
:root {
  --toastify-toast-width: auto;
  --toastify-toast-min-height: 52px;
  --toastify-color-info: #3861fb;
  --toastify-color-success: #a3ff77;
  --toastify-color-warning: #e7d36a;
  --toastify-color-error: #ff8064;
  --toastify-color-progress-bgo: 0
}
@supports (-webkit-touch-callout: none) {
}
.auth-wrapper {
  display:flex;
  flex-direction:column;
  padding:1rem
}
@media (min-width: 1024px) {
  .auth-wrapper {
    padding:2rem
  }
}
.auth-wrapper {
  min-height:100dvh
}
.auth-wrapper:after {
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  right:0;
  z-index:-1;
  height:100%;
  width:100%;
  content:"";
  background:url(../assets/bg-authentication.png) no-repeat fixed center;
  background-size:cover
}
.auth-container {
  margin-top:2rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  flex:1
}
.block-auth {
  margin-left:auto;
  margin-right:auto;
  width:100%;
  max-width:700px;
  border-radius:13px;
  --tw-bg-opacity: 1;
  background-color:#000;
  padding:2rem 1rem
}
@media (min-width: 1024px) {
  .block-auth {
    padding-left:2rem;
    padding-right:2rem
  }
}
@media (min-width: 1024px) {
  ::-webkit-scrollbar {
    width:3px;
    background-color:transparent
  }
  ::-webkit-scrollbar-track {
    border-radius:30px;
    background-color:#17171a
  }
  ::-webkit-scrollbar-thumb {
    border-radius:30px;
    background-color:#a8b0c166
  }
}
#join{
  padding: 50px 0px;
}


.main-form{
  margin-top: 30px;
}