/* [project]/app/connect/page.module.css [app-client] (css) */
.page-module__8v9BTa__connectPage {
  box-sizing: border-box;
  isolation: isolate;
  color: #191e49;
  height: 100dvh;
  min-height: 100dvh;
  font-family: var(--font-geist-sans), Arial, Helvetica, sans-serif;
  background: radial-gradient(circle at 12% 0, #a0a9fc33, #0000 34%), radial-gradient(circle at 50% -4%, #faa4cd2e, #0000 30%), radial-gradient(circle at 88% 6%, #ffc9a333, #0000 34%), linear-gradient(#ffffff94 0%, #fcfafaeb 58%), #fcfafa;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-module__8v9BTa__connectPage:before {
  content: "";
  filter: blur(56px);
  opacity: .7;
  pointer-events: none;
  background: linear-gradient(90deg, #a0a9fc9e, #c098f585 30%, #faa4cd75 64%, #ffc9a370);
  height: clamp(520px, 62vw, 760px);
  position: absolute;
  inset: -10% -4% auto;
  transform: translateY(0);
  -webkit-mask-image: linear-gradient(#000 0 68%, #0000 100%);
  mask-image: linear-gradient(#000 0 68%, #0000 100%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.page-module__8v9BTa__connectPage:after {
  content: "";
  opacity: .95;
  pointer-events: none;
  background: linear-gradient(#ffffff5c 0%, #ffffff29 30%, #0000 62%), radial-gradient(circle at 50% 0, #ffffff70, #0000 42%), radial-gradient(circle at 50% 24%, #ffffff3d, #0000 68%);
  position: absolute;
  inset: 0;
}

.page-module__8v9BTa__contentColumn {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  width: min(100%, 560px);
  max-width: 100%;
  display: flex;
  position: relative;
}

.page-module__8v9BTa__logoWrap {
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin: 0 auto;
  padding-top: 0;
  display: inline-flex;
}

.page-module__8v9BTa__logoFrame {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 5px;
  display: inline-flex;
  overflow: hidden;
}

.page-module__8v9BTa__logoImage {
  object-fit: contain;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.page-module__8v9BTa__logoWordmark {
  color: #191e49;
  font-family: var(--font-geist-sans), Arial, Helvetica, sans-serif;
  letter-spacing: -.5px;
  text-transform: lowercase;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}

.page-module__8v9BTa__headerCopy {
  text-align: center;
  gap: 16px;
  margin-top: 18px;
  display: grid;
}

.page-module__8v9BTa__title {
  color: #191e49;
  margin: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 38px;
}

.page-module__8v9BTa__subtitle {
  color: #191e49;
  margin: 0;
  font-size: 16px;
  line-height: 24px;
}

.page-module__8v9BTa__formWrap {
  width: 100%;
  margin-top: 32px;
}

.page-module__8v9BTa__otpFormWrap {
  width: 100%;
  margin-top: 18px;
}

.page-module__8v9BTa__phoneBlock {
  margin-bottom: 20px;
}

.page-module__8v9BTa__inputLabel {
  color: #191e49;
  letter-spacing: -.01em;
  margin-bottom: 6px;
  margin-left: 4px;
  font-size: 1rem;
  font-weight: 500;
  display: inline-block;
}

.page-module__8v9BTa__phoneInputContainer {
  align-items: center;
  gap: 10px;
  display: flex;
}

.page-module__8v9BTa__prefixSelector {
  color: #191e49;
  min-height: 48px;
  font: inherit;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e0e2ed;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 12px;
  transition: border-color .18s;
  display: inline-flex;
}

.page-module__8v9BTa__prefixSelector:focus-visible {
  border-color: #bc269b;
  outline: none;
}

.page-module__8v9BTa__prefixText {
  color: #191e49;
  font-size: .9375rem;
  line-height: 1.3;
}

.page-module__8v9BTa__chevronIcon, .page-module__8v9BTa__backIcon {
  fill: none;
  stroke: #525c82;
  stroke-width: 1.8px;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
  width: 16px;
  height: 16px;
}

.page-module__8v9BTa__phoneInputField {
  flex: 1;
}

.page-module__8v9BTa__phoneInput {
  color: #191e49;
  width: 100%;
  min-height: 48px;
  font: inherit;
  background: #fff;
  border: 1px solid #e0e2ed;
  border-radius: 10px;
  padding: 12px 18px;
  font-size: 16px;
  font-weight: 400;
  transition: border-color .18s;
}

.page-module__8v9BTa__phoneInput::placeholder {
  color: #a1a7c4;
}

.page-module__8v9BTa__phoneInput:focus-visible {
  outline: none;
}

.page-module__8v9BTa__phoneInputFocused {
  border-color: #bc269b;
}

.page-module__8v9BTa__statusArea {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 40px;
  margin-top: 4px;
  display: flex;
}

.page-module__8v9BTa__loaderWrap {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.page-module__8v9BTa__loader {
  border: 2px solid #bc269b3d;
  border-top-color: #bc269b;
  border-radius: 999px;
  width: 18px;
  height: 18px;
  animation: .75s linear infinite page-module__8v9BTa__spin;
  display: inline-block;
}

.page-module__8v9BTa__errorText {
  color: #d63b3b;
  text-align: center;
  margin: 0;
  font-size: .875rem;
  line-height: 1.35;
}

.page-module__8v9BTa__buttonWrap {
  justify-content: center;
  margin-top: 13px;
  margin-bottom: 30px;
  display: flex;
}

.page-module__8v9BTa__primaryButton {
  color: #fcfafa;
  min-height: 56px;
  font: inherit;
  cursor: pointer;
  z-index: 0;
  background: #bc269b;
  border: 0;
  border-radius: 56px;
  padding: 0 36px;
  transition: opacity .2s, outline-color .2s;
  position: relative;
  overflow: hidden;
}

.page-module__8v9BTa__primaryButton:before {
  content: "";
  will-change: transform;
  z-index: -1;
  background: #921185;
  border-radius: 999px;
  width: 300px;
  height: 300px;
  transition: transform .3s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(0);
}

.page-module__8v9BTa__primaryButton:hover:not(:disabled) {
  transform: none;
}

.page-module__8v9BTa__primaryButton:hover:not(:disabled):before {
  transform: translate(-50%, -50%)scale(1);
}

.page-module__8v9BTa__primaryButton:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #bc269b47;
}

.page-module__8v9BTa__primaryButtonDisabled {
  opacity: .5;
  cursor: not-allowed;
}

.page-module__8v9BTa__primaryButtonText {
  letter-spacing: -.01em;
  font-size: 16px;
  font-weight: 600;
}

.page-module__8v9BTa__dropdownBackdrop {
  z-index: 14999;
  background: none;
  position: fixed;
  inset: 0;
}

.page-module__8v9BTa__dropdown {
  box-sizing: border-box;
  visibility: hidden;
  z-index: 15000;
  animation: .2s ease-out page-module__8v9BTa__prefixDropdownEnter;
  position: absolute;
  overflow-x: clip;
}

.page-module__8v9BTa__dropdownClosing {
  animation: .2s ease-out forwards page-module__8v9BTa__prefixDropdownExit;
}

.page-module__8v9BTa__dropdownCaret {
  background: linear-gradient(#eeb9d6eb 0%, #fff3f8fa 100%);
  border-top: 1px solid #b4267238;
  border-left: 1px solid #b4267238;
  border-radius: 5px 0 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -6px;
  left: 0;
  transform: translateX(-50%)rotate(45deg);
}

.page-module__8v9BTa__dropdownSurface {
  background: linear-gradient(#b426721a 0%, #b4267205 96px), #fff;
  border: 1px solid #b4267233;
  border-top-color: #b426724d;
  border-radius: 30px;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-module__8v9BTa__dropdownHeader {
  padding: 18px 16px 6px;
}

.page-module__8v9BTa__dropdownTitle {
  color: #191e49;
  letter-spacing: -.01em;
  margin: 0;
  padding: 0 2px;
  font-size: .94rem;
  font-weight: 600;
  line-height: 1.3;
}

.page-module__8v9BTa__countrySearchShell {
  box-sizing: border-box;
  border-bottom: 1px solid #d2dbeeb8;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  display: grid;
}

.page-module__8v9BTa__countrySearchIcon {
  fill: none;
  stroke: #525c82;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8px;
  width: 18px;
  height: 18px;
}

.page-module__8v9BTa__countrySearchInput {
  appearance: none;
  box-sizing: border-box;
  color: #191e49;
  font: inherit;
  font-size: var(--volera-responsive-input-font-size, 14px);
  background: #f8faffeb;
  border: 1px solid #d2dbeef5;
  border-radius: 12px;
  outline: none;
  width: 100%;
  min-width: 0;
  min-height: 40px;
  padding: 0 12px;
  line-height: 1.35;
}

.page-module__8v9BTa__countrySearchInput:focus {
  background: #fff;
  border-color: #bc269b;
}

.page-module__8v9BTa__countrySearchInput::placeholder {
  color: #6c789dc7;
}

.page-module__8v9BTa__countrySearchInput::-webkit-search-cancel-button {
  cursor: pointer;
}

.page-module__8v9BTa__countryOptionsList {
  flex-direction: column;
  gap: 10px;
  max-height: min(48vh, 320px);
  margin: 0;
  padding: 10px 16px 16px;
  list-style: none;
  display: flex;
  overflow-y: auto;
}

.page-module__8v9BTa__countryEmptyState {
  color: #191e499e;
  text-align: center;
  margin: 0;
  padding: 18px 16px 20px;
  font-size: .88rem;
  line-height: 1.4;
}

.page-module__8v9BTa__countryOptionButton {
  color: #191e49;
  text-align: left;
  width: 100%;
  min-height: 50px;
  font: inherit;
  cursor: pointer;
  background: linear-gradient(#fffffff2 0%, #fcf7fae6 100%);
  border: 1px solid #ffffffdb;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0 14px;
  transition: background-color .18s, border-color .18s, color .18s;
  display: flex;
}

.page-module__8v9BTa__countryOptionButton:not(.page-module__8v9BTa__countryOptionButtonSelected):hover {
  background: linear-gradient(#fffffffa 0%, #fbf0f7f5 100%);
  border-color: #ffffffe6;
}

.page-module__8v9BTa__countryOptionButtonActive {
  border-color: #bc269b57;
  box-shadow: 0 0 0 2px #bc269b1f;
}

.page-module__8v9BTa__countryOptionButtonSelected {
  background: linear-gradient(#fffffffa 0%, #f8e8f2f5 100%);
  border-color: #b426724d #b426723d #b426723d;
}

.page-module__8v9BTa__countryOptionMain {
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.page-module__8v9BTa__countryFlagShell {
  background: linear-gradient(#ffffffeb 0%, #f8faffd6 100%);
  border: 1px solid #ffffffd6;
  border-radius: 14px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  transition: border-color .18s, background-color .18s, transform .18s;
  display: inline-flex;
  position: relative;
}

.page-module__8v9BTa__countryFlagShellSelected {
  background: linear-gradient(#fffffffa 0%, #fceff6f0 100%);
  border-color: #b4267238;
}

.page-module__8v9BTa__countryFlag {
  font-size: 18px;
  line-height: 1;
}

.page-module__8v9BTa__countryCheckmark {
  pointer-events: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-left: 8px;
  transition: transform .3s cubic-bezier(.175, .885, .32, 1.075);
  display: inline-flex;
  transform: scale(0);
}

.page-module__8v9BTa__countryCheckmarkVisible {
  transform: scale(1);
}

.page-module__8v9BTa__countryCheckmarkIcon {
  width: 18px;
  height: 18px;
  display: block;
}

.page-module__8v9BTa__countryOptionText {
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.page-module__8v9BTa__countryName {
  color: #191e49;
  font-size: .94rem;
  font-weight: 520;
  line-height: 1.3;
}

.page-module__8v9BTa__countryOptionButtonSelected .page-module__8v9BTa__countryName {
  color: #7f164f;
}

.page-module__8v9BTa__countryCodeValue {
  color: #191e49;
  letter-spacing: .01em;
  font-size: .82rem;
  font-weight: 500;
  line-height: 1.2;
}

.page-module__8v9BTa__countryOptionButtonSelected .page-module__8v9BTa__countryCodeValue {
  color: #7f164fb8;
}

.page-module__8v9BTa__mobileBackdrop {
  overscroll-behavior: none;
  z-index: 20000;
  background: linear-gradient(#fff8fb 0%, #f9fbff 44%, #f5f7fb 100%);
  animation: .2s page-module__8v9BTa__prefixFadeIn;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.page-module__8v9BTa__mobileBackdropClosing {
  animation: .2s ease-out forwards page-module__8v9BTa__prefixFadeOut;
}

.page-module__8v9BTa__mobileBackdrop * {
  box-sizing: border-box;
}

.page-module__8v9BTa__mobileDialog {
  overscroll-behavior: none;
  flex-direction: column;
  width: 100%;
  height: 100dvh;
  max-height: 100dvh;
  animation: .2s ease-out page-module__8v9BTa__prefixDropdownEnter;
  display: flex;
  overflow: hidden;
}

.page-module__8v9BTa__mobileDialogClosing {
  animation: .2s ease-out forwards page-module__8v9BTa__prefixDropdownExit;
}

.page-module__8v9BTa__mobileHeader {
  min-height: 72px;
  padding: max(16px, env(safe-area-inset-top, 0px)) 18px 12px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.page-module__8v9BTa__mobileCloseButton {
  appearance: none;
  color: #191e49;
  cursor: pointer;
  background: #ffffffe6;
  border: 1px solid #ffffffeb;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  display: inline-flex;
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  box-shadow: 0 8px 22px #191e4914;
}

.page-module__8v9BTa__mobileCloseButton svg {
  fill: currentColor;
  width: 18px;
  height: 18px;
  display: block;
}

.page-module__8v9BTa__mobileTitle {
  color: #191e49;
  letter-spacing: -.02em;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.page-module__8v9BTa__mobileBody {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.page-module__8v9BTa__countryOptionsListMobile {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  min-height: 0;
  max-height: none;
  padding: 6px 16px calc(24px + env(safe-area-inset-bottom, 0px));
  flex: 1;
}

.page-module__8v9BTa__countryOptionButton:focus-visible, .page-module__8v9BTa__mobileCloseButton:focus-visible, .page-module__8v9BTa__resendLink:focus-visible, .page-module__8v9BTa__changePhoneButton:focus-visible {
  outline: 2px solid var(--volera-pink);
  outline-offset: 2px;
}

.page-module__8v9BTa__backButtonRow {
  left: 0;
  top: calc(env(safe-area-inset-top, 0px) + 8px);
  width: 100%;
  position: absolute;
}

.page-module__8v9BTa__backButton {
  color: #191e49;
  cursor: pointer;
  background: #ffffffe6;
  border: 1px solid #ffffffeb;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  display: inline-flex;
  box-shadow: 0 8px 22px #191e4914;
}

.page-module__8v9BTa__backButton:focus-visible {
  outline-offset: 3px;
  border-radius: 999px;
  outline: 2px solid #bc269b47;
}

.page-module__8v9BTa__backIcon {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8px;
  width: 18px;
  height: 18px;
  display: block;
}

.page-module__8v9BTa__otpContainer {
  justify-items: center;
  margin-top: 0;
  display: grid;
}

.page-module__8v9BTa__otpMessage {
  text-align: center;
  white-space: nowrap;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: baseline;
  gap: 4px;
  margin: 0;
  font-size: clamp(.875rem, 2.8vw, 1rem);
  line-height: 1.37;
  display: inline-flex;
}

.page-module__8v9BTa__otpSubtitle, .page-module__8v9BTa__otpPhoneNumber {
  color: #191e49;
}

.page-module__8v9BTa__otpPhoneNumber {
  font-size: inherit;
  font-weight: 600;
}

.page-module__8v9BTa__otpInputContainer {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
  margin-top: 32px;
  margin-bottom: 25px;
  display: grid;
}

.page-module__8v9BTa__otpInputShell {
  aspect-ratio: 52 / 64;
  box-shadow: none;
  background: #fff;
  border: 1px solid #e0e2ed;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 0;
  transition: border-color .18s;
  display: flex;
}

.page-module__8v9BTa__otpInputShellActive {
  border-color: #bc269b;
}

.page-module__8v9BTa__otpInput {
  border-radius: inherit;
  box-shadow: none;
  color: #191e49;
  font: inherit;
  text-align: center;
  background: none;
  border: 0;
  width: 100%;
  min-width: 0;
  height: 100%;
  padding: 0;
  font-size: 32px;
  font-weight: 600;
}

.page-module__8v9BTa__otpInput:focus-visible {
  outline: none;
}

.page-module__8v9BTa__otpInput::placeholder {
  color: #cacddd;
}

.page-module__8v9BTa__otpStatusArea {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 40px;
  margin-bottom: 12px;
  display: flex;
}

.page-module__8v9BTa__resendContainer {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.page-module__8v9BTa__resendText {
  color: #525c82;
  font-size: .9375rem;
}

.page-module__8v9BTa__resendLink, .page-module__8v9BTa__changePhoneButton {
  color: #bc269b;
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  padding: 0;
  font-size: .9375rem;
  font-weight: 600;
}

.page-module__8v9BTa__resendLink {
  justify-content: center;
  display: inline-flex;
}

.page-module__8v9BTa__resendLinkCountdown {
  font-variant-numeric: tabular-nums;
  text-align: left;
  justify-content: flex-start;
  min-width: 32ch;
}

.page-module__8v9BTa__resendLinkDisabled {
  cursor: not-allowed;
}

.page-module__8v9BTa__changePhoneButton {
  margin-top: 14px;
}

@keyframes page-module__8v9BTa__prefixDropdownEnter {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes page-module__8v9BTa__prefixDropdownExit {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(-4px);
  }
}

@keyframes page-module__8v9BTa__prefixFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes page-module__8v9BTa__prefixFadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes page-module__8v9BTa__spin {
  to {
    transform: rotate(360deg);
  }
}

@media (min-width: 769px) {
  .page-module__8v9BTa__backButtonRow {
    display: none;
  }

  .page-module__8v9BTa__dropdownSurface {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background: linear-gradient(#b426721f 0%, #b426720a 96px), #ffffffb8;
  }

  .page-module__8v9BTa__countryOptionButton {
    background: linear-gradient(#fffc 0%, #fcf7faa8 100%);
  }

  .page-module__8v9BTa__countryOptionButton:not(.page-module__8v9BTa__countryOptionButtonSelected):hover {
    background: linear-gradient(#ffffffe0 0%, #fbf0f7cc 100%);
  }

  .page-module__8v9BTa__countryOptionButtonSelected {
    background: linear-gradient(#ffffffeb 0%, #f8e8f2d6 100%);
  }
}

@media (hover: hover) and (pointer: fine) {
  .page-module__8v9BTa__backButton:hover, .page-module__8v9BTa__mobileCloseButton:hover {
    background: #fff;
    box-shadow: 0 12px 24px #191e491f;
  }
}

@media (max-width: 768px) {
  .page-module__8v9BTa__countryOptionButton {
    gap: 12px;
    min-height: 58px;
    padding: 0 18px 0 16px;
  }

  .page-module__8v9BTa__countryFlagShell {
    width: 36px;
    height: 36px;
  }

  .page-module__8v9BTa__countryCheckmark {
    width: 20px;
    height: 20px;
    margin-left: 12px;
  }

  .page-module__8v9BTa__countryCheckmarkIcon {
    width: 20px;
    height: 20px;
  }

  .page-module__8v9BTa__countryName {
    font-size: 1rem;
  }

  .page-module__8v9BTa__countryCodeValue {
    font-size: .9rem;
  }
}

@media (max-width: 420px) {
  .page-module__8v9BTa__connectPage {
    padding-inline: 18px;
  }

  .page-module__8v9BTa__otpInputContainer, .page-module__8v9BTa__phoneInputContainer {
    gap: 8px;
  }

  .page-module__8v9BTa__prefixSelector {
    padding-inline: 10px;
  }

  .page-module__8v9BTa__countryOptionsList {
    padding-inline: 12px;
  }

  .page-module__8v9BTa__countryOptionsListMobile {
    padding-left: 14px;
    padding-right: 14px;
  }
}

/* [project]/app/connect/profile.module.css [app-client] (css) */
.profile-module__xm4b2G__profileCompletionPage {
  box-sizing: border-box;
  isolation: isolate;
  color: #191e49;
  height: 100dvh;
  min-height: 100dvh;
  font-family: var(--font-geist-sans), Arial, Helvetica, sans-serif;
  background: radial-gradient(circle at 12% 0, #a0a9fc33, #0000 34%), radial-gradient(circle at 50% -4%, #faa4cd2e, #0000 30%), radial-gradient(circle at 88% 6%, #ffc9a333, #0000 34%), linear-gradient(#ffffff94 0%, #fcfafaeb 58%), #fcfafa;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.profile-module__xm4b2G__profileCompletionPage:before {
  content: "";
  filter: blur(56px);
  opacity: .7;
  pointer-events: none;
  background: linear-gradient(90deg, #a0a9fc9e, #c098f585 30%, #faa4cd75 64%, #ffc9a370);
  height: clamp(520px, 62vw, 760px);
  position: absolute;
  inset: -10% -4% auto;
  transform: translateY(0);
  -webkit-mask-image: linear-gradient(#000 0 68%, #0000 100%);
  mask-image: linear-gradient(#000 0 68%, #0000 100%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.profile-module__xm4b2G__profileCompletionPage:after {
  content: "";
  opacity: .95;
  pointer-events: none;
  background: linear-gradient(#ffffff5c 0%, #ffffff29 30%, #0000 62%), radial-gradient(circle at 50% 0, #ffffff70, #0000 42%), radial-gradient(circle at 50% 24%, #ffffff3d, #0000 68%);
  position: absolute;
  inset: 0;
}

.profile-module__xm4b2G__contentColumn {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  width: min(100%, 560px);
  max-width: 100%;
  min-height: 100%;
  display: flex;
  position: relative;
}

.profile-module__xm4b2G__logoWrap {
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin: 0 auto;
  padding-top: 0;
  display: inline-flex;
}

.profile-module__xm4b2G__logoFrame {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 5px;
  display: inline-flex;
  overflow: hidden;
}

.profile-module__xm4b2G__logoImage {
  object-fit: contain;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.profile-module__xm4b2G__logoWordmark {
  color: #191e49;
  font-family: var(--font-geist-sans), Arial, Helvetica, sans-serif;
  letter-spacing: -.5px;
  text-transform: lowercase;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}

.profile-module__xm4b2G__backButtonRow {
  top: calc(env(safe-area-inset-top, 0px) + 8px);
  width: 100%;
  position: absolute;
  left: 0;
}

.profile-module__xm4b2G__backButton {
  color: #191e49;
  cursor: pointer;
  background: #ffffffe6;
  border: 1px solid #ffffffeb;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  display: inline-flex;
}

.profile-module__xm4b2G__backButton:focus-visible, .profile-module__xm4b2G__primaryButton:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #bc269b47;
}

.profile-module__xm4b2G__backButton:focus-visible {
  border-radius: 999px;
}

.profile-module__xm4b2G__backIcon {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 18px;
  height: 18px;
  display: block;
}

.profile-module__xm4b2G__headerCopy {
  text-align: center;
  gap: 16px;
  margin-top: 18px;
  display: grid;
}

.profile-module__xm4b2G__title {
  color: #191e49;
  margin: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 38px;
}

.profile-module__xm4b2G__subtitle {
  color: #191e49;
  margin: 0;
  font-size: 16px;
  line-height: 24px;
}

.profile-module__xm4b2G__formWrap {
  width: 100%;
  margin-top: 32px;
}

.profile-module__xm4b2G__nameRow {
  gap: 14px;
  display: grid;
}

.profile-module__xm4b2G__nameRow .profile-module__xm4b2G__formGroup {
  margin-bottom: 0;
}

.profile-module__xm4b2G__formGroup {
  margin-bottom: 14px;
}

.profile-module__xm4b2G__inputLabel {
  color: #191e49;
  letter-spacing: -.01em;
  margin-bottom: 6px;
  margin-left: 4px;
  font-size: 1rem;
  font-weight: 500;
  display: inline-block;
}

.profile-module__xm4b2G__textInput {
  color: #191e49;
  width: 100%;
  min-height: 48px;
  font: inherit;
  background: #fff;
  border: 1px solid #e0e2ed;
  border-radius: 10px;
  padding: 12px 18px;
  font-size: 16px;
  font-weight: 400;
  transition: border-color .18s;
}

.profile-module__xm4b2G__textInput::placeholder {
  color: #a1a7c4;
}

.profile-module__xm4b2G__textInput:focus-visible {
  outline: none;
}

.profile-module__xm4b2G__textInputFocused {
  border-color: #bc269b;
}

.profile-module__xm4b2G__textInputError, .profile-module__xm4b2G__textInputError:focus-visible {
  border-color: #d63b3b;
  box-shadow: 0 0 0 1px #d63b3b1f;
}

.profile-module__xm4b2G__textInputReadOnly {
  color: #5f698c;
  background: #f4f5fa;
}

.profile-module__xm4b2G__fieldErrorText {
  color: #d63b3b;
  text-align: left;
  margin: 3px 4px 0;
  font-size: .82rem;
  line-height: 1.3;
}

.profile-module__xm4b2G__statusArea {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 40px;
  margin-top: 4px;
  display: flex;
}

.profile-module__xm4b2G__loaderWrap {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.profile-module__xm4b2G__loader {
  border: 2px solid #bc269b3d;
  border-top-color: #bc269b;
  border-radius: 999px;
  width: 18px;
  height: 18px;
  animation: .75s linear infinite profile-module__xm4b2G__spin;
  display: inline-block;
}

.profile-module__xm4b2G__errorText {
  color: #d63b3b;
  text-align: center;
  margin: 0;
  font-size: .875rem;
  line-height: 1.35;
}

.profile-module__xm4b2G__buttonWrap {
  justify-content: center;
  margin-top: 13px;
  margin-bottom: 12px;
  display: flex;
}

.profile-module__xm4b2G__primaryButton {
  color: #fcfafa;
  min-width: 220px;
  min-height: 56px;
  font: inherit;
  cursor: pointer;
  z-index: 0;
  background: #bc269b;
  border: 0;
  border-radius: 56px;
  padding: 0 36px;
  transition: opacity .2s, outline-color .2s;
  position: relative;
  overflow: hidden;
}

.profile-module__xm4b2G__primaryButton:before {
  content: "";
  will-change: transform;
  z-index: -1;
  background: #921185;
  border-radius: 999px;
  width: 300px;
  height: 300px;
  transition: transform .3s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(0);
}

.profile-module__xm4b2G__primaryButton:hover:not(:disabled) {
  transform: none;
}

.profile-module__xm4b2G__primaryButton:hover:not(:disabled):before {
  transform: translate(-50%, -50%)scale(1);
}

.profile-module__xm4b2G__primaryButtonDisabled {
  opacity: .5;
  cursor: not-allowed;
}

.profile-module__xm4b2G__primaryButtonText {
  letter-spacing: -.01em;
  font-size: 16px;
  font-weight: 600;
}

@keyframes profile-module__xm4b2G__spin {
  to {
    transform: rotate(360deg);
  }
}

@media (hover: hover) and (pointer: fine) {
  .profile-module__xm4b2G__backButton:hover {
    background: #fff;
  }
}

@media (min-width: 769px) {
  .profile-module__xm4b2G__backButtonRow {
    display: none;
  }

  .profile-module__xm4b2G__nameRow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
  }
}

@media (max-width: 420px) {
  .profile-module__xm4b2G__profileCompletionPage {
    padding-inline: 18px;
  }
}

/*# sourceMappingURL=app_connect_0--57h4._.css.map*/