:root{
  --vx-modal-bg:rgba(4,9,13,.82);
  --vx-modal-panel:linear-gradient(145deg,rgba(16,27,34,.98),rgba(6,12,17,.98) 58%,rgba(10,18,25,.98));
  --vx-modal-line:rgba(53,229,212,.22);
  --vx-modal-line-soft:rgba(148,163,184,.14);
  --vx-modal-text:#f3fbfc;
  --vx-modal-muted:#91a4b3;
  --vx-modal-primary:#35e5d4;
  --vx-modal-primary-soft:rgba(53,229,212,.09);
  --vx-modal-danger:#fb7185;
}

.vx-service-modal-mask{
  position:fixed!important;
  inset:0!important;
  z-index:10020!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
}

.vx-service-modal-mask.is-open{
  display:flex!important;
}

.order-modal-mask,
.login-modal-mask,
.contract-modal-mask,
.vx-info-modal-mask,
.register-modal-mask,
.vx-service-modal-mask{
  background:
    radial-gradient(circle at 50% 10%,rgba(53,229,212,.18),transparent 34%),
    rgba(2,6,10,.78)!important;
  backdrop-filter:blur(18px) saturate(116%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(116%)!important;
}

.order-modal,
.login-modal,
.contract-modal,
.vx-info-modal,
.register-modal,
.vx-service-modal{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid var(--vx-modal-line)!important;
  border-radius:22px!important;
  background:var(--vx-modal-panel)!important;
  color:var(--vx-modal-text)!important;
  box-shadow:
    0 30px 92px rgba(0,0,0,.58),
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 0 1px rgba(53,229,212,.035)!important;
}

.order-modal::before,
.login-modal::before,
.contract-modal::before,
.vx-info-modal::before,
.register-modal::before,
.vx-service-modal::before{
  content:""!important;
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  top:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(53,229,212,.72),transparent)!important;
  pointer-events:none!important;
}

.order-modal::after,
.login-modal::after,
.contract-modal::after,
.vx-info-modal::after,
.register-modal::after,
.vx-service-modal::after{
  content:""!important;
  position:absolute!important;
  right:-86px!important;
  top:-96px!important;
  width:230px!important;
  height:230px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(53,229,212,.12),transparent 70%)!important;
  pointer-events:none!important;
}

.order-modal > *,
.login-modal > *,
.contract-modal > *,
.vx-info-modal > *,
.register-modal > *,
.vx-service-modal > *{
  position:relative!important;
  z-index:1!important;
}

.order-modal h2,
.order-modal h3,
.login-modal h2,
.login-modal h3,
.contract-modal h2,
.contract-modal h3,
.vx-info-modal h2,
.register-modal h3,
.vx-service-modal h2,
.vx-service-modal h3{
  color:var(--vx-modal-text)!important;
  letter-spacing:0!important;
}

.order-modal p,
.login-modal p,
.contract-modal p,
.vx-info-modal-summary,
.vx-info-modal-body li,
.register-modal p,
.vx-service-modal p,
.vx-service-modal li{
  color:var(--vx-modal-muted)!important;
}

.order-modal-row,
.vx-service-modal-section,
.vx-info-modal-grid article{
  border-color:var(--vx-modal-line-soft)!important;
  background:rgba(255,255,255,.035)!important;
}

.order-modal-row strong,
.vx-info-modal-grid strong,
.vx-service-modal strong{
  color:#eefafa!important;
}

.order-modal-note{
  margin:14px 0 0!important;
  padding:14px!important;
  border:1px solid rgba(53,229,212,.18)!important;
  border-radius:14px!important;
  background:rgba(53,229,212,.065)!important;
  color:#9fb6c1!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.75!important;
  text-align:left!important;
}

.order-modal-note b{
  color:var(--vx-modal-primary)!important;
}

.vx-inline-toast{
  position:fixed;
  left:50%;
  bottom:32px;
  z-index:99999;
  max-width:min(520px,calc(100vw - 32px));
  transform:translateX(-50%);
  padding:14px 18px;
  border:1px solid rgba(51,230,213,.36);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(10,24,34,.96),rgba(16,38,56,.94));
  color:#eaf7ff;
  box-shadow:0 18px 48px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
  font-weight:800;
  letter-spacing:.01em;
  transition:opacity .22s ease, transform .22s ease;
}

.vx-inline-toast-warning{
  border-color:rgba(54,232,216,.42);
  color:#35ead9;
}

.vx-inline-toast-error{
  border-color:rgba(255,111,134,.46);
  color:#ff8798;
}

.vx-inline-toast.is-leaving{
  opacity:0;
  transform:translate(-50%,10px);
}

.vx-order-modal-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin-top:18px!important;
}

.vx-order-modal-actions.has-secondary{
  grid-template-columns:1fr 1fr!important;
}

.vx-order-modal-actions button{
  width:100%!important;
  margin:0!important;
}

.order-modal-close,
.login-modal-login,
.login-modal-cancel,
.contract-modal button,
.register-modal button,
.vx-service-modal button{
  min-height:46px!important;
  border:1px solid rgba(53,229,212,.30)!important;
  border-radius:13px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 42%),
    rgba(53,229,212,.10)!important;
  color:var(--vx-modal-primary)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  font-weight:900!important;
}

.order-modal-close:hover,
.login-modal-login:hover,
.login-modal-cancel:hover,
.contract-modal button:hover,
.register-modal button:hover,
.vx-service-modal button:hover{
  border-color:rgba(53,229,212,.52)!important;
  background:rgba(53,229,212,.15)!important;
}

.login-modal-cancel,
.vx-service-modal .is-secondary{
  border-color:rgba(148,163,184,.22)!important;
  background:rgba(148,163,184,.08)!important;
  color:#b8c7d3!important;
}

.vx-service-modal .is-primary,
.register-modal button{
  color:#051312!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 38%),
    linear-gradient(135deg,#5ff5e6,#23dcca 46%,#149b92)!important;
}

.vx-service-modal{
  width:min(760px,100%)!important;
  max-height:min(88dvh,780px)!important;
  padding:30px!important;
  overflow:auto!important;
}

.vx-service-modal-x{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  width:42px!important;
  min-height:42px!important;
  height:42px!important;
  padding:0!important;
  border-radius:13px!important;
  font-size:24px!important;
  line-height:1!important;
}

.vx-service-badge{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 11px!important;
  border:1px solid rgba(53,229,212,.24)!important;
  border-radius:999px!important;
  background:rgba(53,229,212,.08)!important;
  color:var(--vx-modal-primary)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:1.8px!important;
}

.vx-service-modal h2{
  margin:16px 52px 10px 0!important;
  font-size:28px!important;
  line-height:1.25!important;
}

.vx-service-modal-body{
  display:grid!important;
  gap:12px!important;
  margin-top:18px!important;
}

.vx-service-modal-section{
  padding:16px!important;
  border-radius:14px!important;
}

.vx-service-modal-section h3{
  margin:0 0 8px!important;
  font-size:15px!important;
}

.vx-service-modal-section p,
.vx-service-modal-section li{
  font-size:12px!important;
  line-height:1.8!important;
}

.vx-service-modal-section ul{
  margin:8px 0 0!important;
  padding-left:18px!important;
}

.vx-service-modal-actions{
  display:grid!important;
  grid-template-columns:1fr 1.25fr!important;
  gap:12px!important;
  margin-top:22px!important;
}

.register-agreement{
  margin:14px 0 2px!important;
}

.register-agreement-check{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  min-height:0!important;
  margin:0!important;
  padding:12px 13px!important;
  border:1px solid rgba(53,229,212,.18)!important;
  border-radius:13px!important;
  background:rgba(53,229,212,.055)!important;
  color:#a9bac5!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.65!important;
}

.register-agreement-check input{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  margin:2px 0 0!important;
  accent-color:var(--vx-modal-primary)!important;
}

.register-agreement-check button{
  display:inline!important;
  min-height:0!important;
  width:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--vx-modal-primary)!important;
  box-shadow:none!important;
  font-weight:900!important;
  cursor:pointer!important;
}

#toast-modal-icon{
  background:rgba(53,229,212,.10)!important;
  color:var(--vx-modal-primary)!important;
  box-shadow:0 0 26px rgba(53,229,212,.16)!important;
}

#toast-modal-mask.is-warning #toast-modal-icon{
  background:rgba(234,179,8,.12)!important;
  color:#facc15!important;
  box-shadow:0 0 26px rgba(234,179,8,.14)!important;
}

#toast-modal-mask.is-error #toast-modal-icon{
  background:rgba(251,113,133,.12)!important;
  color:#fb7185!important;
  box-shadow:0 0 26px rgba(251,113,133,.14)!important;
}

#toast-modal-text{
  color:var(--vx-modal-muted)!important;
}

@media(max-width:640px){
  .order-modal,
  .login-modal,
  .contract-modal,
  .vx-info-modal,
  .register-modal,
  .vx-service-modal{
    width:min(100%,calc(100vw - 28px))!important;
    max-height:88dvh!important;
    border-radius:18px!important;
  }

  .vx-service-modal{
    padding:26px 18px!important;
  }

  .vx-service-modal-actions{
    grid-template-columns:1fr!important;
  }
}