@font-face {
  font-family: CreatoDisplay;
  src: url("/public/creato_display/CreatoDisplay-ExtraBold.woff2")
    format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: CreatoDisplay;
  src: url("/public/creato_display/CreatoDisplay-Bold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: CreatoDisplay;
  src: url("/public/creato_display/CreatoDisplay-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: CreatoDisplay;
  src: url("/public/creato_display/CreatoDisplay-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: CreatoDisplay;
  src: url("/public/creato_display/CreatoDisplay-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Goldman;
  src: url("/public/goldman_display/Goldman-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Goldman;
  src: url("/public/goldman_display/Goldman-Bold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
html {
  overflow-x: hidden;
}
body {
  margin: 0px;
  font-family: CreatoDisplay, Inter;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
button {
  margin: 0px;
  font-family: CreatoDisplay, Inter !important;
}
h1 {
  font-family: CreatoDisplay, Inter;
  font-weight: 500;
}
p {
  margin: 0px !important;
}
.pin-spacer {
  background-color: black !important;
}
#home-placeholder {
  width: 100%;
  background: rgb(0, 0, 0);
  height: 2000px;
}
.flare_button::after {
  inset: 0px;
  position: absolute;
  content: "";
  pointer-events: none;
}
.button--stroke:hover .button__label {
  transition: color 0.15s ease-in-out;
}
.button__flair {
  inset: 0px;
  pointer-events: none;
  position: absolute;
}
.button__flair::before {
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  content: "";
  display: block;
  left: 0px;
  pointer-events: none;
  position: absolute;
  top: 0px;
  transform: translate(-50%, -50%);
  width: 200%;
}
.button__label {
  position: relative;
  text-align: center;
  transition: color 50ms ease-in-out;
}
.button--stroke .button__flair {
  transform: scale(0);
  transform-origin: 0px 0px;
  will-change: transform;
}
.terminal-like-hover .word {
  white-space: nowrap;
}
.terminal-like-hover .char {
  position: relative;
  --opa: 0;
}
.terminal-like-hover {
  font-kerning: none;
  position: relative;
  white-space: nowrap;
}
.terminal-like-hover .char::after {
  content: "";
  width: 1ch;
  top: 0px;
  left: 0px;
  position: absolute;
  opacity: var(--opa);
}
.terminal-like-hover .char::after {
  background: rgb(165, 157, 255);
  height: 100%;
}
@-webkit-keyframes animation-sfb07t {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animation-sfb07t {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes animation-80vu4g {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0px);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
@keyframes animation-80vu4g {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0px);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
@-webkit-keyframes animation-1q1o29b {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes animation-1q1o29b {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-webkit-keyframes animation-7co3t8 {
  0%,
  100% {
    transform: translateX(0px);
  }
  25% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
}
@keyframes animation-7co3t8 {
  0%,
  100% {
    transform: translateX(0px);
  }
  25% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
}
.css-187hgnr {
  display: block;
}
@media (max-width: 628px) {
  .css-187hgnr {
    width: 120px;
  }
}
@media (max-width: 368px) {
  .css-187hgnr {
    display: none;
  }
}
.css-i9b8ok {
  display: none;
}
@media (max-width: 368px) {
  .css-i9b8ok {
    display: block;
    width: 33px;
  }
}
.css-1u3dq6 {
  margin-top: 50px;
  margin-bottom: 36px;
}
.css-19es2es {
  fill-opacity: 0.6;
}
@media (max-width: 368px) {
  .css-19es2es {
    fill-opacity: 1;
  }
}
.css-10vvud9 {
  fill-opacity: 0.6;
}
@media (max-width: 368px) {
  .css-10vvud9 {
    fill-opacity: 1;
  }
}
.css-1608me2 {
  cursor: pointer;
  transition: fill 0.3s;
}
.css-1608me2:hover {
  transform: scale(1.1);
}
.css-1608me2:hover path {
  fill: rgb(206, 199, 222);
}
@media (max-width: 628px) {
  .css-1608me2 {
    width: 16px;
  }
}
@font-face {
  font-family: Wallpoet;
  src: url("/public/Wallpoet/Wallpoet-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
w3m-modal {
  backdrop-filter: blur(16px);
  background: rgba(0, 0, 0, 0.2);
}
.css-zzlvuy {
  text-transform: capitalize;
}
.css-187tox5 {
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  min-height: 100vh;
  background: url("/public/airdrop/left-1.png?t=1751430948382") left bottom /
      269px no-repeat,
    url("/public/airdrop/left-2.png?t=1751430948382") left 206px bottom / 320px
      no-repeat,
    url("/public/airdrop/right-2.png?t=1751430948382") right 153px bottom /
      396px no-repeat,
    url("/public/airdrop/right-1.png?t=1751430948382") right bottom / 378px
      no-repeat,
    radial-gradient(
        76.25% 127.06% at 50% -7.8%,
        rgb(6, 18, 41) 0%,
        rgba(0, 0, 0, 0.6) 100%
      )
      center center / auto no-repeat,
    center center / auto no-repeat rgb(6, 18, 41);
}
@media (max-width: 1024px) {
  .css-187tox5 {
    background-size: 135px, 160px, 198px, 189px, auto, auto;
    background-position: left bottom, left 103px bottom, right 76px bottom,
      right bottom, center center, center center;
  }
}
@media (max-width: 508px) {
  .css-187tox5 {
    background-size: 68px, 80px, 100px, 95px, auto, auto;
    background-position: left bottom, left 52px bottom, right 38px bottom,
      right bottom, center center, center center;
  }
}
.css-11mrhfc {
  width: -webkit-fill-available;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 36px 48px;
  height: 56px;
}
@media (max-width: 628px) {
  .css-11mrhfc {
    padding: 12px 16px;
  }
}
.css-fdtoaz {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  gap: 20px;
}
@media (max-width: 628px) {
  .css-fdtoaz {
    gap: 8px;
  }
}
.css-bfqh1h {
  display: flex;
  padding: 12px 24px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
  border-radius: 24px;
  border: 1px solid rgba(235, 243, 250, 0.5);
  backdrop-filter: blur(5px);
  color: rgba(235, 243, 250, 0.5);
  font-family: CreatoDisplay;
  font-size: 14px;
  height: 22px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
}
.css-bfqh1h:hover {
  border: 1px solid rgba(235, 243, 250, 0.8);
  color: rgba(235, 243, 250, 0.8);
  backdrop-filter: blur(8px);
}
@media (max-width: 628px) {
  .css-bfqh1h {
    padding: 4px 12px;
    font-size: 12px;
  }
}
.css-1qnv95l {
  display: flex;
  padding: 12px 24px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5px);
  cursor: pointer;
  height: 23px;
  transition: 0.3s;
}
@media (max-width: 628px) {
  .css-1qnv95l {
    padding: 4px 12px;
    font-size: 12px;
  }
}
.css-1qnv95l:hover {
  background: rgba(255, 255, 255, 0.3);
  box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 8px;
}
.css-1l0wuxb {
  color: rgb(248, 248, 248);
  font-family: CreatoDisplay;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-width: 628px) {
  .css-1l0wuxb {
    font-size: 12px;
    font-weight: 500;
  }
}
.css-1fctdox {
  width: -webkit-fill-available;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 36px 48px;
}
@media (max-width: 628px) {
  .css-1fctdox {
    padding: 12px 16px;
  }
}
@media (max-width: 426px) {
  .css-1fctdox {
    padding: 4px 16px;
  }
}
.css-1m6ezz5 {
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.css-1wi4lzq {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  gap: 16px;
  transform: translateX(50px);
}
@media (max-width: 862px) {
  .css-1wi4lzq {
    flex-direction: column;
    transform: translateX(0px);
  }
}
@media (max-width: 426px) {
  .css-1wi4lzq {
    gap: 8px;
  }
}
.css-51y56g {
  color: var(--Grey-100, #f8f8f8);
  text-align: center;
  font-family: CreatoDisplay;
  font-size: 52px;
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-width: 638px) {
  .css-51y56g {
    font-size: 36px;
  }
}
@media (max-width: 426px) {
  .css-51y56g {
    font-size: 24px;
  }
}
.css-1wvh4vz {
  width: 144px;
  height: 44px;
}
.css-1t217gz {
  color: rgb(192, 192, 192);
  text-align: center;
  font-family: CreatoDisplay;
  font-size: 18px;
  font-weight: 400;
  margin-top: 16px !important;
}
@media (max-width: 426px) {
  .css-1t217gz {
    margin-top: 6px !important;
    font-size: 14px;
  }
}
.css-11xzvpx {
  width: 500px;
  min-height: 337px;
  flex-shrink: 0;
  border-radius: 20px;
  background: rgb(50, 56, 89);
  backdrop-filter: blur(5px);
  margin-top: 28px;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  padding-bottom: 16px;
}
@media (max-width: 628px) {
  .css-11xzvpx {
    min-height: 280px;
  }
}
@media (max-width: 528px) {
  .css-11xzvpx {
    width: 400px;
    margin-top: 18px;
  }
}
@media (max-width: 428px) {
  .css-11xzvpx {
    width: 320px;
  }
}
.css-f26wxr {
  margin-top: 36px;
}
.css-19jd5l6 {
  color: rgb(248, 248, 248);
  text-align: center;
  font-family: CreatoDisplay;
  font-size: 26px;
  font-weight: 500;
}
@media (max-width: 428px) {
  .css-19jd5l6 {
    font-size: 20px;
  }
}
.css-1qntkkv {
  margin-top: 18px;
  margin-bottom: 48px;
  display: flex;
  padding: 16px 24px;
  width: 280px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 10px;
  border-radius: 36px;
  background: rgb(248, 248, 248);
  cursor: pointer;
  transition: 0.3s;
}
.css-1qntkkv:hover {
  background: rgb(234, 234, 234);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  transform: translateY(-1px);
}
.css-1qntkkv:hover p {
  color: rgb(17, 17, 17);
}
@media (max-width: 428px) {
  .css-1qntkkv {
    width: 200px;
  }
}
.css-kirzlu {
  color: rgb(0, 0, 0);
  font-family: CreatoDisplay;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
.css-14w10g6 {
  max-width: 348.581px;
  color: rgba(235, 243, 250, 0.3);
  text-align: center;
  font-family: CreatoDisplay;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  flex-direction: column;
}
.css-hmgz2r {
  font-weight: 600;
}
.css-14erl72 {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 16px;
}
.css-14erl72 svg {
  cursor: pointer;
}
@media (max-width: 528px) {
  .css-14erl72 {
    margin-top: 24px;
  }
}
.css-18lmyl7 {
  display: flex;
  gap: 32px;
  margin-bottom: 25px;
}
.css-1whxcug {
  color: rgba(235, 243, 250, 0.3);
  font-family: CreatoDisplay;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 528px) {
  .css-1whxcug {
    margin-top: 72px;
  }
}
@media (max-width: 368px) {
  .css-1whxcug {
    color: rgba(235, 243, 250, 0.8);
  }
}
.css-cit3fp {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px;
  background: rgb(50, 56, 89);
  width: 636px;
  height: 553px;
  padding: 10px;
  flex-shrink: 0;
}
@media (max-width: 668px) {
  .css-cit3fp {
    left: 0%;
    top: 0%;
    width: calc(100% - 20px);
    height: 100vh;
    transform: translate(0%);
    border-radius: 0px;
    overflow: hidden scroll;
  }
}
.css-cit3fp:focus {
  outline: none;
}
.css-cit3fp :focus {
  outline: none;
}
.css-1ko9h1y {
  display: flex;
  -webkit-box-pack: end;
  justify-content: end;
}
@media (max-width: 668px) {
  .css-1ko9h1y svg {
    transform: translateX(-20px);
  }
}
.css-nt0fnd {
  cursor: pointer;
}
.css-qaa467 {
  max-height: 500px;
  overflow: scroll;
  padding: 0px 31px !important;
}
@media (max-width: 668px) {
  .css-qaa467 {
    width: calc(100% - 32px);
    max-height: unset;
    overflow: scroll;
    white-space: pre-wrap;
    padding: 0px 16px !important;
  }
}
.css-qaa467 > li:first-child {
  padding-top: 0px !important;
  border-top: none !important;
}
.css-qaa467::-webkit-scrollbar {
  display: none;
}
.css-qkudec {
  display: flex;
  flex-direction: column;
  gap: 13px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-box-pack: start !important;
  justify-content: start !important;
  -webkit-box-align: start !important;
  align-items: start !important;
  padding: 16px 0px !important;
}
.css-qkudec ul {
  padding-left: 12px;
  color: rgba(255, 255, 255, 0.7);
  list-style-type: disc;
}
.css-8laflo {
  color: var(--Grey-100, #f8f8f8);
  font-family: CreatoDisplay;
  font-size: 20px;
  font-weight: 600;
}
.css-g9e5mo {
  color: rgba(255, 255, 255, 0.5);
  font-family: CreatoDisplay;
  font-size: 16px;
  font-weight: 500;
}
.css-g2d599 {
  cursor: pointer;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  white-space: pre-wrap;
  word-break: break-all;
}
.css-149389k {
  color: rgba(255, 255, 255, 0.5);
  font-family: CreatoDisplay;
  font-size: 16px;
  font-weight: 500;
  white-space: pre-wrap;
}
@font-face { font-family: CreatoDisplay; src: url("/public/creato_display/CreatoDisplay-ExtraBold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: CreatoDisplay; src: url("/public/creato_display/CreatoDisplay-Bold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: CreatoDisplay; src: url("/public/creato_display/CreatoDisplay-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: CreatoDisplay; src: url("/public/creato_display/CreatoDisplay-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: CreatoDisplay; src: url("/public/creato_display/CreatoDisplay-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: Goldman; src: url("/public/goldman_display/Goldman-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Goldman; src: url("/public/goldman_display/Goldman-Bold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
html { overflow-x: hidden; }
body { margin: 0px; font-family: CreatoDisplay, Inter; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
button { margin: 0px; font-family: CreatoDisplay, Inter !important; }
h1 { font-family: CreatoDisplay, Inter; font-weight: 500; }
p { margin: 0px !important; }
.pin-spacer { background-color: black !important; }
#home-placeholder { width: 100%; background: rgb(0, 0, 0); height: 2000px; }
.flare_button::after { inset: 0px; position: absolute; content: ""; pointer-events: none; }
.button--stroke:hover .button__label { transition: color 0.15s ease-in-out; }
.button__flair { inset: 0px; pointer-events: none; position: absolute; }
.button__flair::before { aspect-ratio: 1 / 1; border-radius: 50%; content: ""; display: block; left: 0px; pointer-events: none; position: absolute; top: 0px; transform: translate(-50%, -50%); width: 200%; }
.button__label { position: relative; text-align: center; transition: color 50ms ease-in-out; }
.button--stroke .button__flair { transform: scale(0); transform-origin: 0px 0px; will-change: transform; }
.terminal-like-hover .word { white-space: nowrap; }
.terminal-like-hover .char { position: relative; --opa: 0; }
.terminal-like-hover { font-kerning: none; position: relative; white-space: nowrap; }
.terminal-like-hover .char::after { content: ""; width: 1ch; top: 0px; left: 0px; position: absolute; opacity: var(--opa); }
.terminal-like-hover .char::after { background: rgb(165, 157, 255); height: 100%; }
@-webkit-keyframes animation-sfb07t {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes animation-sfb07t {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes animation-80vu4g {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0px); }
  40% { transform: translateY(-10px); }
  60% { transform: translateY(-5px); }
}
@keyframes animation-80vu4g {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0px); }
  40% { transform: translateY(-10px); }
  60% { transform: translateY(-5px); }
}
@-webkit-keyframes animation-1q1o29b {
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes animation-1q1o29b {
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@-webkit-keyframes animation-7co3t8 {
  0%, 100% { transform: translateX(0px); }
  25% { transform: translateX(-5px); }
  75% { transform: translateX(5px); }
}
@keyframes animation-7co3t8 {
  0%, 100% { transform: translateX(0px); }
  25% { transform: translateX(-5px); }
  75% { transform: translateX(5px); }
}
.css-187hgnr { display: block; }
@media (max-width: 628px) {
  .css-187hgnr { width: 120px; }
}
@media (max-width: 368px) {
  .css-187hgnr { display: none; }
}
.css-i9b8ok { display: none; }
@media (max-width: 368px) {
  .css-i9b8ok { display: block; width: 33px; }
}
.css-1u3dq6 { margin-top: 50px; margin-bottom: 36px; }
.css-19es2es { fill-opacity: 0.6; }
@media (max-width: 368px) {
  .css-19es2es { fill-opacity: 1; }
}
.css-10vvud9 { fill-opacity: 0.6; }
@media (max-width: 368px) {
  .css-10vvud9 { fill-opacity: 1; }
}
.css-1608me2 { cursor: pointer; transition: fill 0.3s; }
.css-1608me2:hover { transform: scale(1.1); }
.css-1608me2:hover path { fill: rgb(206, 199, 222); }
@media (max-width: 628px) {
  .css-1608me2 { width: 16px; }
}
@font-face { font-family: Wallpoet; src: url("/public/Wallpoet/Wallpoet-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
w3m-modal { backdrop-filter: blur(16px); background: rgba(0, 0, 0, 0.2); }
.css-zzlvuy { text-transform: capitalize; }
.css-187tox5 { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; min-height: 100vh; background: url("/public/airdrop/left-1.png?t=1751430948382") left bottom / 269px no-repeat, url("/public/airdrop/left-2.png?t=1751430948382") left 206px bottom / 320px no-repeat, url("/public/airdrop/right-2.png?t=1751430948382") right 153px bottom / 396px no-repeat, url("/public/airdrop/right-1.png?t=1751430948382") right bottom / 378px no-repeat, radial-gradient(76.25% 127.06% at 50% -7.8%, rgb(6, 18, 41) 0%, rgba(0, 0, 0, 0.6) 100%) center center / auto no-repeat, center center / auto no-repeat rgb(6, 18, 41); }
@media (max-width: 1024px) {
  .css-187tox5 { background-size: 135px, 160px, 198px, 189px, auto, auto; background-position: left bottom, left 103px bottom, right 76px bottom, right bottom, center center, center center; }
}
@media (max-width: 508px) {
  .css-187tox5 { background-size: 68px, 80px, 100px, 95px, auto, auto; background-position: left bottom, left 52px bottom, right 38px bottom, right bottom, center center, center center; }
}
.css-11mrhfc { width: -webkit-fill-available; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 36px 48px; height: 56px; }
@media (max-width: 628px) {
  .css-11mrhfc { padding: 12px 16px; }
}
.css-fdtoaz { display: flex; -webkit-box-align: center; align-items: center; gap: 20px; }
@media (max-width: 628px) {
  .css-fdtoaz { gap: 8px; }
}
.css-bfqh1h { display: flex; padding: 12px 24px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 10px; border-radius: 24px; border: 1px solid rgba(235, 243, 250, 0.5); backdrop-filter: blur(5px); color: rgba(235, 243, 250, 0.5); font-family: CreatoDisplay; font-size: 14px; height: 22px; font-weight: 600; text-transform: uppercase; cursor: pointer; }
.css-bfqh1h:hover { border: 1px solid rgba(235, 243, 250, 0.8); color: rgba(235, 243, 250, 0.8); backdrop-filter: blur(8px); }
@media (max-width: 628px) {
  .css-bfqh1h { padding: 4px 12px; font-size: 12px; }
}
.css-1qnv95l { display: flex; padding: 12px 24px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 10px; border-radius: 24px; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(5px); cursor: pointer; height: 23px; transition: 0.3s; }
@media (max-width: 628px) {
  .css-1qnv95l { padding: 4px 12px; font-size: 12px; }
}
.css-1qnv95l:hover { background: rgba(255, 255, 255, 0.3); box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 8px; }
.css-1l0wuxb { color: rgb(248, 248, 248); font-family: CreatoDisplay; font-size: 14px; font-weight: 600; text-transform: uppercase; }
@media (max-width: 628px) {
  .css-1l0wuxb { font-size: 12px; font-weight: 500; }
}
.css-1fctdox { width: -webkit-fill-available; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 36px 48px; }
@media (max-width: 628px) {
  .css-1fctdox { padding: 12px 16px; }
}
@media (max-width: 426px) {
  .css-1fctdox { padding: 4px 16px; }
}
.css-1m6ezz5 { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
.css-1wi4lzq { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 16px; transform: translateX(50px); }
@media (max-width: 862px) {
  .css-1wi4lzq { flex-direction: column; transform: translateX(0px); }
}
@media (max-width: 426px) {
  .css-1wi4lzq { gap: 8px; }
}
.css-51y56g { color: var(--Grey-100, #f8f8f8); text-align: center; font-family: CreatoDisplay; font-size: 52px; font-weight: 600; text-transform: uppercase; }
@media (max-width: 638px) {
  .css-51y56g { font-size: 36px; }
}
@media (max-width: 426px) {
  .css-51y56g { font-size: 24px; }
}
.css-1wvh4vz { width: 144px; height: 44px; }
.css-1t217gz { color: rgb(192, 192, 192); text-align: center; font-family: CreatoDisplay; font-size: 18px; font-weight: 400; margin-top: 16px !important; }
@media (max-width: 426px) {
  .css-1t217gz { margin-top: 6px !important; font-size: 14px; }
}
.css-11xzvpx { width: 1000px; min-height: 337px; flex-shrink: 0; border-radius: 20px; background: rgb(50, 56, 89); backdrop-filter: blur(5px); margin-top: 28px; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; padding-bottom: 16px; }
@media (max-width: 628px) {
  .css-11xzvpx { min-height: 280px; }
}
@media (max-width: 528px) {
  .css-11xzvpx { width: 400px; margin-top: 18px; }
}
@media (max-width: 428px) {
  .css-11xzvpx { width: 320px; }
}
.css-f26wxr { margin-top: 36px; }
.css-19jd5l6 { color: rgb(248, 248, 248); text-align: center; font-family: CreatoDisplay; font-size: 26px; font-weight: 500; }
@media (max-width: 428px) {
  .css-19jd5l6 { font-size: 20px; }
}
.css-1qntkkv { margin-top: 18px; margin-bottom: 48px; display: flex; padding: 16px 24px; width: 280px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 10px; border-radius: 36px; background: rgb(248, 248, 248); cursor: pointer; transition: 0.3s; }
.css-1qntkkv:hover { background: rgb(234, 234, 234); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; transform: translateY(-1px); }
.css-1qntkkv:hover p { color: rgb(17, 17, 17); }
@media (max-width: 428px) {
  .css-1qntkkv { width: 200px; }
}
.css-kirzlu { color: rgb(0, 0, 0); font-family: CreatoDisplay; font-size: 16px; font-weight: 600; text-transform: uppercase; }
.css-14w10g6 { max-width: 348.581px; color: rgba(235, 243, 250, 0.3); text-align: center; font-family: CreatoDisplay; font-size: 12px; font-style: normal; font-weight: 400; display: flex; flex-direction: column; }
.css-hmgz2r { font-weight: 600; }
.css-14erl72 { margin-top: auto; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; margin-bottom: 16px; }
.css-14erl72 svg { cursor: pointer; }
@media (max-width: 528px) {
  .css-14erl72 { margin-top: 24px; }
}
.css-18lmyl7 { display: flex; gap: 32px; margin-bottom: 25px; }
.css-1whxcug { color: rgba(235, 243, 250, 0.3); font-family: CreatoDisplay; font-size: 14px; font-weight: 400; text-align: center; }
@media (max-width: 528px) {
  .css-1whxcug { margin-top: 72px; }
}
@media (max-width: 368px) {
  .css-1whxcug { color: rgba(235, 243, 250, 0.8); }
}
.css-cit3fp { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 20px; background: rgb(50, 56, 89); width: 636px; height: 553px; padding: 10px; flex-shrink: 0; }
@media (max-width: 668px) {
  .css-cit3fp { left: 0%; top: 0%; width: calc(100% - 20px); height: 100vh; transform: translate(0%); border-radius: 0px; overflow: hidden scroll; }
}
.css-cit3fp:focus { outline: none; }
.css-cit3fp :focus { outline: none; }
.css-1ko9h1y { display: flex; -webkit-box-pack: end; justify-content: end; }
@media (max-width: 668px) {
  .css-1ko9h1y svg { transform: translateX(-20px); }
}
.css-nt0fnd { cursor: pointer; }
.css-qaa467 { max-height: 500px; overflow: scroll; padding: 0px 31px !important; }
@media (max-width: 668px) {
  .css-qaa467 { width: calc(100% - 32px); max-height: unset; overflow: scroll; white-space: pre-wrap; padding: 0px 16px !important; }
}
.css-qaa467 > li:first-child { padding-top: 0px !important; border-top: none !important; }
.css-qaa467::-webkit-scrollbar { display: none; }
.css-qkudec { display: flex; flex-direction: column; gap: 13px; border-top: 1px solid rgba(255, 255, 255, 0.3); -webkit-box-pack: start !important; justify-content: start !important; -webkit-box-align: start !important; align-items: start !important; padding: 16px 0px !important; }
.css-qkudec ul { padding-left: 12px; color: rgba(255, 255, 255, 0.7); list-style-type: disc; }
.css-8laflo { color: var(--Grey-100, #f8f8f8); font-family: CreatoDisplay; font-size: 20px; font-weight: 600; }
.css-g9e5mo { color: rgba(255, 255, 255, 0.5); font-family: CreatoDisplay; font-size: 16px; font-weight: 500; }
.css-g2d599 { cursor: pointer; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; white-space: pre-wrap; word-break: break-all; }
.css-149389k { color: rgba(255, 255, 255, 0.5); font-family: CreatoDisplay; font-size: 16px; font-weight: 500; white-space: pre-wrap; }


button{
    border: none;
    background: none;
    cursor: pointer;
}