@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");

#mxty-root{
  --mag:#de097f;
  --mag-soft:#ff4fae;
  --aqua:#14e0c0;
  --blue:#3d7bff;
  --ink:#12081d;
  --ink-2:#4d4460;
  --muted:#766c82;
  --paper:#ffffff;
  --paper-2:#faf7fc;
  --line:#eee6f2;
  --dark:#120a1c;
  --dark-2:#1b1029;
  --dark-line:rgba(255,255,255,.10);
  --dark-muted:#b8adc7;
  --wrap:min(1280px,calc(100% - 48px));
  --font:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --header-overlap:180px;
  position:relative;
  display:block;
  isolation:isolate;
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  overflow-x:clip;
  background:var(--dark);
  color:#fff;
  font-family:var(--font);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
#mxty-root *, #mxty-root *::before, #mxty-root *::after{box-sizing:border-box;margin:0;padding:0}
#mxty-root a{color:inherit;text-decoration:none}
#mxty-root button{font:inherit}
#mxty-root .mxty_wrap{width:var(--wrap);margin:0 auto}
#mxty-root h1, #mxty-root h2, #mxty-root h3{font-weight:800;letter-spacing:-.025em;line-height:1.08}
#mxty-root p{line-height:1.7}

#mxty-root .mxty_hero{
  position:relative;
  min-height:760px;
  padding:112px 0 105px;
  overflow:hidden;
  background:
    radial-gradient(760px 520px at 50% -8%,rgba(222,9,127,.28),transparent 64%),
    radial-gradient(620px 420px at 0% 88%,rgba(61,123,255,.15),transparent 64%),
    radial-gradient(620px 420px at 100% 82%,rgba(20,224,192,.13),transparent 64%),
    var(--dark);
}
#mxty-root .mxty_hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(850px 650px at 50% 34%,#000 28%,transparent 80%);
  -webkit-mask-image:radial-gradient(850px 650px at 50% 34%,#000 28%,transparent 80%);
  pointer-events:none;
}
#mxty-root .mxty_glow{
  position:absolute;
  width:480px;
  height:480px;
  left:50%;
  top:46%;
  border-radius:50%;
  background:rgba(222,9,127,.10);
  filter:blur(90px);
  transform:translate(-50%,-50%);
  pointer-events:none;
}
#mxty-root .mxty_inner{position:relative;z-index:2;max-width:880px;margin:0 auto;text-align:center}
#mxty-root .mxty_status{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:25px;
  padding:8px 14px;
  border:1px solid rgba(20,224,192,.28);
  border-radius:999px;
  background:rgba(20,224,192,.075);
  color:#9af6e7;
  font-family:var(--mono);
  font-size:11px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
}
#mxty-root .mxty_status i{font-size:11px}
#mxty-root .mxty_success{
  position:relative;
  width:80px;
  height:80px;
  display:grid;
  place-items:center;
  margin:0 auto 23px;
  border:1px solid rgba(20,224,192,.4);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(20,224,192,.18),rgba(61,123,255,.12));
  color:var(--aqua);
  font-size:32px;
  box-shadow:0 22px 60px rgba(0,0,0,.30),0 0 48px rgba(20,224,192,.12);
  animation:mxtySuccess .7s cubic-bezier(.34,1.55,.64,1) both;
}
#mxty-root .mxty_success::after{
  content:"";
  position:absolute;
  inset:-7px;
  border:1px solid rgba(20,224,192,.16);
  border-radius:29px;
  animation:mxtyRing 2.8s ease-in-out infinite;
}
@keyframes mxtySuccess{from{opacity:0;transform:scale(.65) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes mxtyRing{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.9;transform:scale(1.035)}}
#mxty-root h1{font-size:clamp(37px,5.1vw,61px);color:#fff}
#mxty-root .mxty_intro{
  max-width:720px;
  margin:22px auto 0;
  color:var(--dark-muted);
  font-size:clamp(16.15px,1.47vw,19px);
}
#mxty-root .mxty_intro strong{color:#fff}

#mxty-root .mxty_panel{
  position:relative;
  margin-top:47px;
  padding:37px 38px 34px;
  border:1px solid var(--dark-line);
  border-radius:25px;
  background:linear-gradient(160deg,rgba(33,21,52,.88),rgba(18,10,28,.97));
  box-shadow:0 34px 90px rgba(0,0,0,.34);
  text-align:left;
  overflow:hidden;
}
#mxty-root .mxty_panel::before{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  right:-150px;
  top:-150px;
  border-radius:50%;
  background:rgba(222,9,127,.12);
  pointer-events:none;
}
#mxty-root .mxty_steps{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#mxty-root .mxty_step{
  position:relative;
  min-height:164px;
  padding:22px 21px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:17px;
  background:rgba(255,255,255,.035);
}
#mxty-root .mxty_step-number{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  margin-bottom:17px;
  border-radius:11px;
  background:rgba(222,9,127,.14);
  color:var(--mag-soft);
  font-family:var(--mono);
  font-size:11px;
  font-weight:600;
}
#mxty-root .mxty_step:nth-child(2) .mxty_step-number{background:rgba(61,123,255,.15);color:#8fb1ff}
#mxty-root .mxty_step:nth-child(3) .mxty_step-number{background:rgba(20,224,192,.12);color:var(--aqua)}
#mxty-root .mxty_step h2{color:#fff;font-size:17px;letter-spacing:-.01em}
#mxty-root .mxty_step p{margin-top:8px;color:var(--dark-muted);font-size:12.8px;line-height:1.65}

#mxty-root .mxty_notice{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-start;
  gap:13px;
  margin-top:19px;
  padding:17px 18px;
  border:1px solid rgba(20,224,192,.15);
  border-radius:14px;
  background:rgba(20,224,192,.055);
}
#mxty-root .mxty_notice i{margin-top:3px;color:var(--aqua);font-size:15px}
#mxty-root .mxty_notice p{color:#d2c8dc;font-size:12.8px;line-height:1.6}
#mxty-root .mxty_notice strong{color:#fff}

#mxty-root .mxty_actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px}
#mxty-root .mxty_btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:54px;
  padding:15px 28px;
  border:1px solid transparent;
  border-radius:12px;
  font-size:15px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  transition:transform .22s cubic-bezier(.34,1.35,.64,1),box-shadow .25s ease,border-color .2s ease,color .2s ease,background .2s ease;
}
#mxty-root .mxty_btn i{font-size:13px;transition:transform .2s ease}
#mxty-root .mxty_btn:hover{transform:translateY(-3px)}
#mxty-root .mxty_btn:hover i:last-child{transform:translateX(4px)}
#mxty-root .mxty_btn:focus-visible{outline:3px solid var(--aqua);outline-offset:3px}
#mxty-root .mxty_btn--primary{
  background:linear-gradient(120deg,var(--mag),var(--mag-soft) 130%);
  color:#fff;
  box-shadow:0 10px 28px rgba(222,9,127,.34),inset 0 1px 0 rgba(255,255,255,.25);
}
#mxty-root .mxty_btn--primary::after{
  content:"";
  position:absolute;
  top:-50%;
  bottom:-50%;
  left:-70%;
  width:42%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.42),transparent);
  transform:skewX(-18deg);
  transition:left .6s ease;
  pointer-events:none;
}
#mxty-root .mxty_btn--primary:hover{box-shadow:0 20px 46px rgba(222,9,127,.46),inset 0 1px 0 rgba(255,255,255,.25)}
#mxty-root .mxty_btn--primary:hover::after{left:130%}
#mxty-root .mxty_btn--ghost{background:rgba(255,255,255,.025);color:#fff;border-color:rgba(255,255,255,.22)}
#mxty-root .mxty_btn--ghost:hover{color:var(--aqua);border-color:var(--aqua);box-shadow:0 14px 34px rgba(20,224,192,.13)}
#mxty-root .mxty_support{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:20px;
  color:#93879f;
  font-size:12px;
}
#mxty-root .mxty_support a{color:#d9d0e1;font-weight:700;transition:color .2s ease}
#mxty-root .mxty_support a:hover{color:var(--aqua)}
#mxty-root .mxty_support i{color:var(--aqua);font-size:11px}







#mxty-root, #mxty-root .mxty_hero{
  margin-bottom:0!important;
}

@media(min-width:1041px){
  #mxty-root{margin-top:calc(var(--header-overlap) * -1)}
  #mxty-root .mxty_hero{
    min-height:calc(100svh + var(--header-overlap));
    padding-top:calc(var(--header-overlap) + clamp(42px,5vh,62px));
    padding-bottom:clamp(30px,4vh,46px);
  }
  #mxty-root .mxty_inner{max-width:900px}
  #mxty-root .mxty_success{
    width:68px;
    height:68px;
    margin-bottom:16px;
    border-radius:20px;
    font-size:28px;
  }
  #mxty-root .mxty_success::after{inset:-6px;border-radius:25px}
  #mxty-root .mxty_status{
    margin-bottom:16px;
    padding:7px 13px;
  }
  #mxty-root h1{font-size:clamp(40px,4.4vw,56px)}
  #mxty-root .mxty_intro{
    max-width:760px;
    margin-top:15px;
    font-size:clamp(17px,1.28vw,18.5px);
    line-height:1.58;
  }
  #mxty-root .mxty_panel{
    margin-top:27px;
    padding:25px 27px 23px;
    border-radius:22px;
  }
  #mxty-root .mxty_steps{gap:14px}
  #mxty-root .mxty_step{
    min-height:138px;
    padding:17px 18px;
    border-radius:15px;
  }
  #mxty-root .mxty_step-number{
    width:30px;
    height:30px;
    margin-bottom:11px;
    border-radius:9px;
  }
  #mxty-root .mxty_step h2{font-size:17.5px}
  #mxty-root .mxty_step p{
    margin-top:6px;
    font-size:14.25px;
    line-height:1.5;
  }
  #mxty-root .mxty_notice{
    gap:11px;
    margin-top:13px;
    padding:12px 15px;
  }
  #mxty-root .mxty_notice p{
    font-size:13.5px;
    line-height:1.5;
  }
  #mxty-root .mxty_actions{
    gap:12px;
    margin-top:19px;
  }
  #mxty-root .mxty_btn{
    min-height:49px;
    padding:13px 23px;
    font-size:14.5px;
  }
  #mxty-root .mxty_support{
    margin-top:12px;
    font-size:12.5px;
  }
  body.mxty-landing-page #mxr-header-root, body.mxty-landing-page .mxr_header_chrome{position:relative;z-index:9500;background:transparent!important}
  body.mxty-landing-page #mxr-hdr{background:transparent!important;background-color:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}
  body.mxty-landing-page #mxr-hdr.--sc{background:rgba(18,8,29,.90)!important;background-color:rgba(18,8,29,.90)!important;background-image:none!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 10px 30px rgba(18,8,29,.16)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
  body.mxty-landing-page #mxr-hdr .mxr_hdr-in{background:transparent!important}
  body.mxty-landing-page #mxr-hdr .mxr_hdr-nav a, body.mxty-landing-page #mxr-hdr .mxr_hdr-login{color:#f6f1fa!important}
  body.mxty-landing-page #mxr-hdr .mxr_hdr-nav a:hover{color:#fff!important;background:rgba(255,255,255,.07)!important}
  body.mxty-landing-page #mxr-hdr .mxr_hdr-login svg{stroke:currentColor!important}
  body.mxty-landing-page #mxr-hdr .mxr_hdr-logo img{transition:filter .2s ease,opacity .2s ease}
  body.mxty-landing-page #mxr-hdr .mxr_hdr-logo img.mxty-header-logo-white-fallback{filter:brightness(0) invert(1)}
}

@media(min-width:1041px) and (max-height:760px){
  #mxty-root .mxty_hero{
    padding-top:calc(var(--header-overlap) + 30px);
    padding-bottom:24px;
  }
  #mxty-root .mxty_success{
    width:60px;
    height:60px;
    margin-bottom:12px;
    font-size:25px;
  }
  #mxty-root .mxty_status{margin-bottom:12px}
  #mxty-root h1{font-size:44px}
  #mxty-root .mxty_intro{margin-top:11px;font-size:16.5px;line-height:1.48}
  #mxty-root .mxty_panel{margin-top:20px;padding:20px 22px 18px}
  #mxty-root .mxty_step{min-height:122px;padding:14px 16px}
  #mxty-root .mxty_step-number{margin-bottom:8px}
  #mxty-root .mxty_step h2{font-size:16.5px}
  #mxty-root .mxty_step p{font-size:13.5px;line-height:1.42}
  #mxty-root .mxty_notice{margin-top:10px;padding:10px 13px}
  #mxty-root .mxty_actions{margin-top:14px}
  #mxty-root .mxty_btn{min-height:45px;padding:11px 20px}
  #mxty-root .mxty_support{margin-top:9px}
}

@media(max-width:800px){
  #mxty-root .mxty_hero{min-height:auto;padding:86px 0 82px}
  #mxty-root .mxty_steps{grid-template-columns:1fr}
  #mxty-root .mxty_step{min-height:0}
  #mxty-root .mxty_panel{padding:27px 22px 25px}
}
@media(max-width:560px){
  #mxty-root{--wrap:calc(100% - 30px)}
  #mxty-root .mxty_hero{padding:70px 0 66px}
  #mxty-root .mxty_success{width:70px;height:70px;border-radius:21px;font-size:28px}
  #mxty-root h1{font-size:clamp(34px,10.2vw,44px)}
  #mxty-root .mxty_intro{font-size:15.2px}
  #mxty-root .mxty_panel{margin-top:37px;padding:22px 17px 21px;border-radius:20px}
  #mxty-root .mxty_step{padding:19px 17px}
  #mxty-root .mxty_notice{padding:15px}
  #mxty-root .mxty_actions{display:grid;grid-template-columns:1fr}
  #mxty-root .mxty_btn{width:100%;white-space:normal;text-align:center}
  #mxty-root .mxty_support{align-items:flex-start;text-align:left;line-height:1.55}
}
@media(prefers-reduced-motion:reduce){
  #mxty-root *, #mxty-root *::before, #mxty-root *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}