@font-face {
        font-family: 'Red-Hat-Display';
        src: url("../fonts/RedHatDisplay-VariableFont_wght.ttf")
          format('truetype-variations');
        font-weight: 300 900;
      }
    

      @font-face {
        font-family: 'Inter';
        src: url("../fonts/Inter_VariableFont_wght.ttf")
          format('truetype-variations');
        font-weight: 300 900;
      }
    
#root{overflow:hidden}

@font-face { font-family: Red-Hat-Display; src: url("../fonts/RedHatDisplay-VariableFont_wght.ttf") format("truetype-variations"); font-weight: 300 900; }
@font-face { font-family: Inter; src: url("../fonts/Inter_VariableFont_wght.ttf") format("truetype-variations"); font-weight: 300 900; }
#root { overflow: hidden; }
html { -webkit-font-smoothing: antialiased; box-sizing: border-box; text-size-adjust: 100%; }
*, ::before, ::after { box-sizing: inherit; }
strong, b { font-weight: 700; }
body { margin: 0px; color: rgb(153, 153, 153); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; letter-spacing: 0.15px; font-variant-numeric: tabular-nums; background-color: rgb(11, 10, 11); }
@media print {
  body { background-color: rgb(255, 255, 255); }
}
body::backdrop { background-color: rgb(11, 10, 11); }
.css-12tb3hg { display: flex; width: 100%; min-height: 1000px; overflow: hidden; position: relative; }
.css-46ta8w { display: flex; width: 100%; min-height: 1000px; overflow: hidden; position: relative; }
.css-ftor3m { position: absolute; top: 0px; left: 0px; width: 100vw; height: 1000px; z-index: -1; pointer-events: none; overflow: hidden; }
.css-ftor3m > svg { width: 100%; height: 100%; object-fit: cover; }
.css-1e83f26 { position: absolute; top: 0px; left: 0px; width: 100vw; height: 1000px; z-index: -1; pointer-events: none; overflow: hidden; }
.css-1e83f26 > svg { width: 100%; height: 100%; object-fit: cover; }
.css-1mrodtb { position: absolute; width: 100%; height: 40px; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: 0px 32px; margin-top: 16px; z-index: 800; border-radius: 64px; }
.css-1t2ugf8 { position: absolute; width: 100%; height: 40px; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: 0px 32px; margin-top: 16px; z-index: 800; border-radius: 64px; }
.css-1a8wd3a { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-1a8wd3a img { height: 40px; display: block; }
.css-1a8wd3a svg { width: 40px; height: 40px; }
.css-13gl1cm { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-13gl1cm img { height: 40px; display: block; }
.css-13gl1cm svg { width: 40px; height: 40px; }
.css-1p8jy62 { cursor: pointer; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-1p8jy62 > svg { width: 136px; height: 40px; }
.css-1xjdyg4 { cursor: pointer; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-1xjdyg4 > svg { width: 136px; height: 40px; }
.css-16r66qv { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 16px; }
.css-gpkmcz { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 16px; }
.css-50ony9 { width: 40px; height: 40px; border-radius: 32px; border: 1px solid rgb(49, 49, 49); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin-right: -8px; }
.css-50ony9 svg { width: 20px; height: 20px; }
.css-f01ob9 { width: 40px; height: 40px; border-radius: 32px; border: 1px solid rgb(49, 49, 49); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin-right: -8px; }
.css-f01ob9 svg { width: 20px; height: 20px; }
.css-bb3wcx { width: 170px; height: 40px; margin-left: 8px; -webkit-text-fill-color: rgb(255, 255, 255); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 4px; }
.css-1rbxqps { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; line-height: 1.75; min-width: 64px; padding: 5px 15px; --variant-textColor: #D157FF; --variant-outlinedColor: #D157FF; --variant-outlinedBorder: rgba(209, 87, 255, 0.5); --variant-containedColor: #534E59; --variant-containedBg: #D157FF; box-shadow: none; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); font-weight: 700; font-size: 14px; border-radius: 100px; text-transform: none; color: rgb(255, 255, 255); border: 1px solid transparent; background: linear-gradient(190deg, rgb(209, 87, 255) 4.58%, rgb(116, 222, 255) 100%) text; position: relative; width: 170px; height: 40px; margin-left: 8px; -webkit-text-fill-color: rgb(255, 255, 255); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 4px; }
.css-1rbxqps:hover { text-decoration: none; }
.css-1rbxqps.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-1rbxqps.Mui-disabled { border: 1px solid rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
  .css-1rbxqps:hover { --variant-containedBg: rgb(146, 60, 178); --variant-textBg: rgba(209, 87, 255, 0.04); --variant-outlinedBorder: #D157FF; --variant-outlinedBg: rgba(209, 87, 255, 0.04); }
}
.css-1rbxqps:hover { box-shadow: none; }
.css-1rbxqps.Mui-focusVisible { box-shadow: none; }
.css-1rbxqps:active { box-shadow: none; }
.css-1rbxqps.Mui-disabled { box-shadow: none; }
.css-1rbxqps.MuiButton-loading { color: transparent; }
.css-1rbxqps.Mui-disabled { border: none; background: rgba(0, 0, 0, 0.12); box-shadow: unset; }
.css-1rbxqps > span { background: linear-gradient(190deg, rgb(209, 87, 255) 4.58%, rgb(116, 222, 255) 100%) text; -webkit-text-fill-color: transparent; }
.css-1rbxqps::before { content: ""; position: absolute; inset: -1px; padding: 1px; background: linear-gradient(190deg, rgb(209, 87, 255) 4.58%, rgb(116, 222, 255) 100%); border-radius: 100px; mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); }
.css-1rbxqps:hover::before { opacity: 0.8; }
.css-1rbxqps:disabled { opacity: 0.3; text-transform: none; border: 1px solid transparent; background: linear-gradient(190deg, rgb(209, 87, 255) 4.58%, rgb(116, 222, 255) 100%) text; -webkit-text-fill-color: transparent; }
.css-1rbxqps:disabled::before { opacity: 0.3; }
.css-18parib { box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px 0px 0px 8px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; line-height: 1.75; min-width: 64px; padding: 5px 15px; --variant-textColor: #D157FF; --variant-outlinedColor: #D157FF; --variant-outlinedBorder: rgba(209, 87, 255, 0.5); --variant-containedColor: #534E59; --variant-containedBg: #D157FF; box-shadow: none; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); font-weight: 700; font-size: 14px; border-radius: 100px; text-transform: none; color: rgb(255, 255, 255); border: 1px solid transparent; background: linear-gradient(190deg, rgb(209, 87, 255) 4.58%, rgb(116, 222, 255) 100%) text; position: relative; width: 170px; height: 40px; -webkit-text-fill-color: rgb(255, 255, 255); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 4px; }
.css-18parib.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-18parib { print-color-adjust: exact; }
}
.css-18parib:hover { text-decoration: none; }
.css-18parib.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-18parib.Mui-disabled { border: 1px solid rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
  .css-18parib:hover { --variant-containedBg: rgb(146, 60, 178); --variant-textBg: rgba(209, 87, 255, 0.04); --variant-outlinedBorder: #D157FF; --variant-outlinedBg: rgba(209, 87, 255, 0.04); }
}
.css-18parib:hover { box-shadow: none; }
.css-18parib.Mui-focusVisible { box-shadow: none; }
.css-18parib:active { box-shadow: none; }
.css-18parib.Mui-disabled { box-shadow: none; }
.css-18parib.MuiButton-loading { color: transparent; }
.css-18parib.Mui-disabled { border: none; background: rgba(0, 0, 0, 0.12); box-shadow: unset; }
.css-18parib > span { background: linear-gradient(190deg, rgb(209, 87, 255) 4.58%, rgb(116, 222, 255) 100%) text; -webkit-text-fill-color: transparent; }
.css-18parib::before { content: ""; position: absolute; inset: -1px; padding: 1px; background: linear-gradient(190deg, rgb(209, 87, 255) 4.58%, rgb(116, 222, 255) 100%); border-radius: 100px; mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); }
.css-18parib:hover::before { opacity: 0.8; }
.css-18parib:disabled { opacity: 0.3; text-transform: none; border: 1px solid transparent; background: linear-gradient(190deg, rgb(209, 87, 255) 4.58%, rgb(116, 222, 255) 100%) text; -webkit-text-fill-color: transparent; }
.css-18parib:disabled::before { opacity: 0.3; }
.css-1fcatho { width: 24px; height: 24px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; overflow: hidden; }
.css-o0sleb { width: 24px; height: 24px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; overflow: hidden; }
.css-1g8dm1z { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 110px; height: 110px; overflow: hidden; }
.css-1g8dm1z > div { width: 110px; height: 110px; margin-top: 3px; }
.css-1g8dm1z > div > svg { width: 110px !important; height: 110px !important; }
.css-r2b9z7 { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 110px; height: 110px; overflow: hidden; }
.css-r2b9z7 > div { width: 110px; height: 110px; margin-top: 3px; }
.css-r2b9z7 > div > svg { width: 110px !important; height: 110px !important; }
.css-debk7r { backdrop-filter: blur(50px); }
.css-f5oevt { backdrop-filter: blur(50px); }
@media print {
  .css-f5oevt { position: absolute !important; }
}
.css-t8kiwy { display: flex; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; gap: 0px; position: absolute; height: 340px; width: auto; margin-left: 32px; margin-top: 96px; margin-bottom: 0px; }
.css-t8kiwy .MuiStepLabel-root { padding: 0px; }
.css-t8kiwy .MuiStepLabel-iconContainer .MuiStepIcon-root { width: 40px; height: 40px; }
.css-t8kiwy .MuiStepConnector-line { min-height: 42px; margin-left: 8px; border-color: rgb(83, 78, 89); border-left-width: 2px; border-top-width: 2px; }
.css-t8kiwy .MuiStepConnector-root { top: 20px; left: calc(-50% + 20px); right: calc(50% + 20px); }
.css-t8kiwy .MuiStepLabel-label { margin-top: 4px !important; }
.css-1dl38rv { display: flex; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; gap: 0px; position: absolute; height: 340px; width: auto; margin-left: 32px; margin-top: 96px; margin-bottom: 0px; }
.css-1dl38rv .MuiStepLabel-root { padding: 0px; }
.css-1dl38rv .MuiStepLabel-iconContainer .MuiStepIcon-root { width: 40px; height: 40px; }
.css-1dl38rv .MuiStepConnector-line { min-height: 42px; margin-left: 8px; border-color: rgb(83, 78, 89); border-left-width: 2px; border-top-width: 2px; }
.css-1dl38rv .MuiStepConnector-root { top: 20px; left: calc(-50% + 20px); right: calc(50% + 20px); }
.css-1dl38rv .MuiStepLabel-label { margin-top: 4px !important; }
.css-wy97fy { width: auto; }
.css-1plgln2 { display: flex; flex-direction: column; width: auto; }
.css-ireni7 { cursor: pointer; }
.css-ireni7 svg text { font-size: 14px; font-weight: 700; fill: rgb(104, 104, 104); }
.css-ireni7 .MuiStepLabel-label { color: rgb(58, 58, 58); }
.css-ireni7 .MuiStepIcon-root { border-radius: 50%; background-color: rgb(83, 78, 89); }
.css-ireni7:hover .MuiStepIcon-root { background-color: rgb(209, 87, 255); }
.css-ireni7:hover svg { color: rgb(209, 87, 255); }
.css-ireni7:hover svg text { fill: rgb(255, 255, 255); }
.css-ireni7:hover .MuiStepLabel-label { color: rgb(209, 87, 255); }
.css-ireni7 svg { border: 1px solid rgb(209, 87, 255); }
.css-ireni7 svg text { fill: rgb(255, 255, 255); }
.css-ireni7 .MuiStepLabel-label { color: rgb(209, 87, 255) !important; }
.css-10flipy { display: flex; -webkit-box-align: center; align-items: center; text-align: left; padding: 8px 0px; cursor: pointer; }
.css-10flipy.MuiStepLabel-alternativeLabel { flex-direction: column; }
.css-10flipy.Mui-disabled { cursor: default; }
.css-10flipy svg text { font-size: 14px; font-weight: 700; fill: rgb(104, 104, 104); }
.css-10flipy .MuiStepLabel-label { color: rgb(58, 58, 58); }
.css-10flipy .MuiStepIcon-root { border-radius: 50%; background-color: rgb(83, 78, 89); }
.css-10flipy:hover .MuiStepIcon-root { background-color: rgb(209, 87, 255); }
.css-10flipy:hover svg { color: rgb(209, 87, 255); }
.css-10flipy:hover svg text { fill: rgb(255, 255, 255); }
.css-10flipy:hover .MuiStepLabel-label { color: rgb(209, 87, 255); }
.css-10flipy svg { border: 1px solid rgb(209, 87, 255); }
.css-10flipy svg text { fill: rgb(255, 255, 255); }
.css-10flipy .MuiStepLabel-label { color: rgb(209, 87, 255) !important; }
.css-1wd7dh2 { flex-shrink: 0; display: flex; padding-right: 8px; }
.css-1wd7dh2.MuiStepLabel-alternativeLabel { padding-right: 0px; }
.css-xrvhe6 { display: block; transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1); color: rgba(0, 0, 0, 0.38); }
.css-xrvhe6.Mui-completed { color: rgb(209, 87, 255); }
.css-xrvhe6.Mui-active { color: rgb(209, 87, 255); }
.css-xrvhe6.Mui-error { color: rgb(211, 47, 47); }
.css-6xtoxh { user-select: none; width: 1em; height: 1em; flex-shrink: 0; fill: currentcolor; font-size: 1.5rem; display: block; transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1); color: rgba(0, 0, 0, 0.38); }
.css-6xtoxh.Mui-completed { color: rgb(209, 87, 255); }
.css-6xtoxh.Mui-active { color: rgb(209, 87, 255); }
.css-6xtoxh.Mui-error { color: rgb(211, 47, 47); }
.css-10554de { fill: rgb(83, 78, 89); font-size: 12px; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
.css-1hgn2jo { width: 100%; color: rgb(236, 236, 236); }
.css-1hgn2jo.MuiStepLabel-alternativeLabel { text-align: center; }
.css-1k9hlkx { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: 0.15px; font-variant-numeric: tabular-nums; display: block; transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-1k9hlkx.Mui-active { color: rgb(255, 255, 255); font-weight: 500; }
.css-1k9hlkx.Mui-completed { color: rgb(255, 255, 255); font-weight: 500; }
.css-1k9hlkx.MuiStepLabel-alternativeLabel { margin-top: 16px; }
.css-1k9hlkx.Mui-error { color: rgb(211, 47, 47); }
.css-17sr61i { margin: 0px; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 20px; font-style: normal; font-weight: 700; line-height: 32px; letter-spacing: 0.15px; font-variant-numeric: tabular-nums; }
.css-16s61l1 { flex: 1 1 auto; margin-left: 12px; }
.css-1woajr2 { display: block; border-color: rgb(189, 189, 189); border-left-style: solid; border-left-width: 1px; min-height: 24px; }
.css-1fyb1hh { cursor: pointer; }
.css-1fyb1hh svg text { font-size: 14px; font-weight: 700; fill: rgb(104, 104, 104); }
.css-1fyb1hh .MuiStepLabel-label { color: rgb(58, 58, 58); }
.css-1fyb1hh .MuiStepIcon-root { border-radius: 50%; background-color: rgb(83, 78, 89); }
.css-1fyb1hh:hover .MuiStepIcon-root { background-color: rgb(209, 87, 255); }
.css-1fyb1hh:hover svg { color: rgb(209, 87, 255); }
.css-1fyb1hh:hover svg text { fill: rgb(255, 255, 255); }
.css-1fyb1hh:hover .MuiStepLabel-label { color: rgb(209, 87, 255); }
.css-bl1y76 { display: flex; -webkit-box-align: center; align-items: center; text-align: left; padding: 8px 0px; cursor: pointer; }
.css-bl1y76.MuiStepLabel-alternativeLabel { flex-direction: column; }
.css-bl1y76.Mui-disabled { cursor: default; }
.css-bl1y76 svg text { font-size: 14px; font-weight: 700; fill: rgb(104, 104, 104); }
.css-bl1y76 .MuiStepLabel-label { color: rgb(58, 58, 58); }
.css-bl1y76 .MuiStepIcon-root { border-radius: 50%; background-color: rgb(83, 78, 89); }
.css-bl1y76:hover .MuiStepIcon-root { background-color: rgb(209, 87, 255); }
.css-bl1y76:hover svg { color: rgb(209, 87, 255); }
.css-bl1y76:hover svg text { fill: rgb(255, 255, 255); }
.css-bl1y76:hover .MuiStepLabel-label { color: rgb(209, 87, 255); }
.css-1phla9n { position: relative; display: flex; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; width: 640px; margin: 80px auto 0px; }
.css-pmoiiw { position: relative; display: flex; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; width: 640px; margin: 80px auto 0px; }
.css-qyghp4 { position: relative; }
.css-qyghp4 > svg { width: 176.5px; height: 43px; }
.css-4kd1p2 { position: relative; }
.css-4kd1p2 > svg { width: 176.5px; height: 43px; }
.css-9g2fhk { position: absolute; margin-left: auto; margin-right: auto; left: 0px; right: 0px; text-align: center; top: 6px; background: linear-gradient(64deg, rgb(199, 51, 255) -25.59%, rgb(241, 188, 255) 83.69%) text; -webkit-text-fill-color: transparent; font-weight: 700; }
.css-yxgxit { margin: 0px auto; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 24px; font-style: normal; line-height: 32px; color: rgb(153, 153, 153); font-variant-numeric: tabular-nums; position: absolute; left: 0px; right: 0px; text-align: center; top: 6px; background: linear-gradient(64deg, rgb(199, 51, 255) -25.59%, rgb(241, 188, 255) 83.69%) text; -webkit-text-fill-color: transparent; font-weight: 700; }
.css-z86fq1 { font-size: 64px; font-weight: 700; line-height: 88px; background: linear-gradient(90deg, rgb(255, 255, 255) 36%, rgb(153, 153, 153) 100%) text; -webkit-text-fill-color: transparent; margin-bottom: 80px; }
.css-1m9879z { margin: 0px 0px 80px; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; letter-spacing: 0.15px; font-variant-numeric: tabular-nums; font-size: 64px; font-weight: 700; line-height: 88px; background: linear-gradient(90deg, rgb(255, 255, 255) 36%, rgb(153, 153, 153) 100%) text; -webkit-text-fill-color: transparent; }
.css-k71t9s { border-radius: 32px; background: rgb(27, 27, 27); position: relative; display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; width: 100%; padding: 92px 48px 64px; }
.css-14jhln { border-radius: 32px; background: rgb(27, 27, 27); position: relative; display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; width: 100%; padding: 92px 48px 64px; }
.css-1jmqdm3 { position: absolute; top: -102px; left: 50%; transform: translateX(-50%); width: 220px; height: 220px; margin-left: 5px; }
.css-1456f7n { display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin-top: 0px; }
.css-1v9x8lq { margin: 0px; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 34px; font-style: normal; font-weight: 700; line-height: 40px; font-variant-numeric: tabular-nums; color: rgb(236, 236, 236); display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-q9a3jc { text-align: center; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin-top: 24px; }
.css-cxlckl { margin: 24px 0px 0px; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; letter-spacing: 0.15px; font-variant-numeric: tabular-nums; color: rgb(153, 153, 153); text-align: center; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-927xl9 { margin-top: 40px; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-35y0ec { margin-top: 40px; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-1e0neex { margin-top: 8px; }
.css-lu8lk8 { margin: 8px 0px 0px; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: 0.15px; font-variant-numeric: tabular-nums; color: rgb(104, 104, 104); }
.css-18orulu { margin-top: 64px; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-ywvzhq { margin-top: 64px; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-16t1s65 { max-width: 340px; }
.css-umonu1 { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; line-height: 1.75; min-width: 64px; padding: 6px 16px; border: 0px; --variant-textColor: #D157FF; --variant-outlinedColor: #D157FF; --variant-outlinedBorder: rgba(209, 87, 255, 0.5); --variant-containedColor: #534E59; --variant-containedBg: #D157FF; box-shadow: none; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); font-weight: 700; font-size: 14px; border-radius: 100px; text-transform: none; height: 48px; width: 100%; background: linear-gradient(190deg, rgb(209, 87, 255) 4.58%, rgb(116, 222, 255) 100%); color: rgb(27, 27, 27); max-width: 340px; }
.css-umonu1:hover { text-decoration: none; }
.css-umonu1.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-umonu1:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-umonu1:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-umonu1:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-umonu1.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-umonu1.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
  .css-umonu1:hover { --variant-containedBg: rgb(146, 60, 178); --variant-textBg: rgba(209, 87, 255, 0.04); --variant-outlinedBorder: #D157FF; --variant-outlinedBg: rgba(209, 87, 255, 0.04); }
}
.css-umonu1:hover { box-shadow: none; }
.css-umonu1.Mui-focusVisible { box-shadow: none; }
.css-umonu1:active { box-shadow: none; }
.css-umonu1.Mui-disabled { box-shadow: none; }
.css-umonu1.MuiButton-loading { color: transparent; }
.css-umonu1.Mui-disabled { border: none; background: rgba(0, 0, 0, 0.12); box-shadow: unset; }
.css-umonu1:hover { box-shadow: rgb(255, 255, 255) 0px 0px 40px 0px inset; }
.css-umonu1.Mui-disabled { opacity: 0.3; background: linear-gradient(190deg, rgb(209, 87, 255) 4.58%, rgb(116, 222, 255) 100%); color: rgb(27, 27, 27); }
.css-w2i1f7 { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; line-height: 1.75; min-width: 64px; padding: 6px 16px; border: 0px; --variant-textColor: #D157FF; --variant-outlinedColor: #D157FF; --variant-outlinedBorder: rgba(209, 87, 255, 0.5); --variant-containedColor: #534E59; --variant-containedBg: #D157FF; box-shadow: none; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1); font-weight: 700; font-size: 14px; border-radius: 100px; text-transform: none; height: 48px; width: 100%; background: linear-gradient(190deg, rgb(209, 87, 255) 4.58%, rgb(116, 222, 255) 100%); color: rgb(27, 27, 27); max-width: 340px; }
.css-w2i1f7.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
  .css-w2i1f7 { print-color-adjust: exact; }
}
.css-w2i1f7:hover { text-decoration: none; }
.css-w2i1f7.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-w2i1f7:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
  .css-w2i1f7:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-w2i1f7:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-w2i1f7.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-w2i1f7.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
  .css-w2i1f7:hover { --variant-containedBg: rgb(146, 60, 178); --variant-textBg: rgba(209, 87, 255, 0.04); --variant-outlinedBorder: #D157FF; --variant-outlinedBg: rgba(209, 87, 255, 0.04); }
}
.css-w2i1f7:hover { box-shadow: none; }
.css-w2i1f7.Mui-focusVisible { box-shadow: none; }
.css-w2i1f7:active { box-shadow: none; }
.css-w2i1f7.Mui-disabled { box-shadow: none; }
.css-w2i1f7.MuiButton-loading { color: transparent; }
.css-w2i1f7.Mui-disabled { border: none; background: rgba(0, 0, 0, 0.12); box-shadow: unset; }
.css-w2i1f7:hover { box-shadow: rgb(255, 255, 255) 0px 0px 40px 0px inset; }
.css-w2i1f7.Mui-disabled { opacity: 0.3; background: linear-gradient(190deg, rgb(209, 87, 255) 4.58%, rgb(116, 222, 255) 100%); color: rgb(27, 27, 27); }
.css-isw3rh { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: absolute; bottom: 4px; left: 0px; right: 0px; gap: 28px; }
.css-1bodp98 { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: absolute; bottom: 4px; left: 0px; right: 0px; gap: 28px; }
.css-1v7x0m2 { color: rgb(132, 132, 132); text-decoration: none; font-size: 0.875rem; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 500; line-height: 24px; cursor: pointer; position: relative; }
.css-1v7x0m2::before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 2px; border-radius: 4px 4px 0px 0px; background-color: rgb(255, 255, 255); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s; }
.css-1v7x0m2:hover { color: rgb(255, 255, 255); }
.css-1v7x0m2:hover::before { transform: scaleX(1); }
.css-430vc9 { --Link-underlineColor: rgba(209, 87, 255, 0.4); color: rgb(132, 132, 132); text-decoration: none; font-size: 0.875rem; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 500; line-height: 24px; cursor: pointer; position: relative; }
.css-430vc9:hover { text-decoration-color: inherit; }
.css-430vc9::before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 2px; border-radius: 4px 4px 0px 0px; background-color: rgb(255, 255, 255); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s; }
.css-430vc9:hover { color: rgb(255, 255, 255); }
.css-430vc9:hover::before { transform: scaleX(1); }
.css-11x2dp6 { margin: 0px; font-style: normal; letter-spacing: 0.15px; font-variant-numeric: tabular-nums; --Link-underlineColor: rgba(209, 87, 255, 0.4); color: rgb(132, 132, 132); text-decoration: none; font-size: 0.875rem; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 500; line-height: 24px; cursor: pointer; position: relative; }
.css-11x2dp6:hover { text-decoration-color: inherit; }
.css-11x2dp6::before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 2px; border-radius: 4px 4px 0px 0px; background-color: rgb(255, 255, 255); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s; }
.css-11x2dp6:hover { color: rgb(255, 255, 255); }
.css-11x2dp6:hover::before { transform: scaleX(1); }