/* VXG auth / modal overlay */
:root{
  --vxg-auth-bg:oklch(0.08 0.004 25);
  --vxg-auth-bg-shell:#0A0606;
  --vxg-auth-bg-1:oklch(0.13 0.006 25);
  --vxg-auth-bg-2:oklch(0.17 0.008 25);
  --vxg-auth-bg-3:oklch(0.20 0.008 25);
  --vxg-auth-line:oklch(1 0 0 / 7%);
  --vxg-auth-line-2:oklch(1 0 0 / 10%);
  --vxg-auth-fg:oklch(0.98 0.003 25);
  --vxg-auth-fg-1:oklch(0.90 0.006 25);
  --vxg-auth-fg-2:oklch(0.70 0.012 25);
  --vxg-auth-fg-3:oklch(0.52 0.012 25);
  --vxg-auth-accent:oklch(0.52 0.26 22);
  --vxg-auth-accent-glow:oklch(0.62 0.24 24);
  --vxg-auth-accent-soft:oklch(0.52 0.26 22 / .14);
  --vxg-auth-accent-line:oklch(0.52 0.26 22 / .48);
  --vxg-auth-gradient:linear-gradient(135deg,var(--vxg-auth-accent),var(--vxg-auth-accent-glow));
  --vxg-auth-shadow-glow:0 0 0 1px oklch(0.52 0.26 22 / .40),0 10px 40px -10px oklch(0.52 0.26 22 / .60);
  --vxg-auth-shadow-elevated:0 20px 50px -20px oklch(0 0 0 / .75);
  --vxg-auth-font:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --vxg-auth-display:"Outfit","Inter",ui-sans-serif,system-ui,sans-serif;
}

html .fancybox-overlay{
  background:oklch(0 0 0 / .80)!important;
  -webkit-backdrop-filter:blur(14px) saturate(160%);
  backdrop-filter:blur(14px) saturate(160%);
}
html .fancybox-wrap:not(.fancybox-type-image) .fancybox-skin{
  padding:0!important;
  border:0!important;
  border-radius:26px!important;
  background:transparent!important;
  box-shadow:none!important;
}
html .fancybox-wrap:not(.fancybox-type-image) .fancybox-inner{
  overflow:visible!important;
  background:transparent!important;
}
html .fancybox-wrap:not(.fancybox-type-image) .fancybox-close{
  opacity:0!important;
  visibility:hidden!important;
}

html .modal-inner:not(.vxg-auth-modal){
  border:1px solid var(--vxg-auth-line-2);
  border-radius:22px;
  background:var(--vxg-auth-bg-1);
  box-shadow:0 34px 90px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.05);
  color:var(--vxg-auth-fg);
}
html .modal-inner:not(.vxg-auth-modal) .textfield,
html .modal-inner:not(.vxg-auth-modal) .textarea,
html .modal-inner:not(.vxg-auth-modal) select{
  border:1px solid var(--vxg-auth-line)!important;
  border-radius:13px!important;
  background:var(--vxg-auth-bg-2)!important;
  color:var(--vxg-auth-fg)!important;
}
html .modal-inner:not(.vxg-auth-modal) .bottom [type="submit"]{
  border-radius:14px!important;
  background:var(--vxg-auth-gradient)!important;
  color:#fff!important;
  box-shadow:var(--vxg-auth-shadow-glow)!important;
}

html .vxg-auth-modal{
  display:flex!important;
  width:min(896px,calc(100vw - 40px))!important;
  max-width:896px!important;
  min-width:0!important;
  max-height:min(720px,94vh)!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--vxg-auth-line-2)!important;
  border-radius:24px!important;
  background:color-mix(in oklab,var(--vxg-auth-bg-shell) 95%,transparent)!important;
  color:var(--vxg-auth-fg)!important;
  box-shadow:var(--vxg-auth-shadow-elevated),inset 0 1px 0 oklch(1 0 0 / .05)!important;
  font-family:var(--vxg-auth-font)!important;
  -webkit-backdrop-filter:blur(24px) saturate(160%);
  backdrop-filter:blur(24px) saturate(160%);
  animation:vxg-auth-pop .34s cubic-bezier(.2,.85,.2,1);
}
html .vxg-auth-modal *,
html .vxg-auth-modal *::before,
html .vxg-auth-modal *::after{box-sizing:border-box}
html .vxg-auth-modal svg{
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}

html .vxg-auth-aside{
  position:relative;
  display:flex;
  width:51.2%;
  min-height:100%;
  flex:0 0 51.2%;
  flex-direction:column;
  padding:32px;
  overflow:hidden;
  border-right:1px solid oklch(1 0 0 / .05);
  background:
    linear-gradient(135deg,oklch(0.52 0.26 22 / .30),oklch(0.52 0.26 22 / .05) 45%,transparent 100%),
    var(--vxg-auth-bg-shell);
}
html .vxg-auth-aside::before{
  content:"";
  position:absolute;
  top:-96px;
  left:-96px;
  width:288px;
  height:288px;
  border-radius:9999px;
  background:oklch(0.52 0.26 22 / .30);
  filter:blur(48px);
}
html .vxg-auth-aside::after{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(135deg,#fff 0 1px,transparent 1px 9px);
  opacity:.07;
  mix-blend-mode:overlay;
  pointer-events:none;
}
html .vxg-auth-aside>*{
  position:relative;
  z-index:1;
}
html .vxg-auth-brand{
  display:flex;
  align-items:center;
  gap:10px;
}
html .vxg-auth-logo{
  display:grid;
  width:40px;
  height:40px;
  place-items:center;
  border-radius:12px;
  background:var(--vxg-auth-gradient);
  color:#fff;
  box-shadow:var(--vxg-auth-shadow-glow);
  font-family:var(--vxg-auth-display);
  font-size:22px;
  font-weight:900;
  letter-spacing:0;
}
html .vxg-auth-wordmark{
  color:#fff;
  font-family:var(--vxg-auth-display);
  font-size:16px;
  font-weight:700;
  letter-spacing:0;
}
html .vxg-auth-wordmark span{color:var(--vxg-auth-accent)}
html .vxg-auth-aside-copy{
  margin-top:40px;
}
html .vxg-auth-eyebrow{
  margin:0 0 10px!important;
  color:var(--vxg-auth-fg-2);
  font-size:10px;
  font-weight:800;
  letter-spacing:.28em;
}
html .vxg-auth-aside-copy strong{
  display:block;
  max-width:320px;
  color:#fff;
  font-family:var(--vxg-auth-display);
  font-size:30px;
  font-weight:900;
  line-height:1.05;
  letter-spacing:0;
}
html .vxg-auth-benefits{
  display:grid;
  gap:14px;
  margin:32px 0 0!important;
  padding:0!important;
  list-style:none!important;
}
html .vxg-auth-benefits li{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:12px;
  align-items:start;
}
html .vxg-auth-benefit-ic{
  display:grid;
  width:36px;
  height:36px;
  margin-top:2px;
  place-items:center;
  border:1px solid oklch(1 0 0 / .10);
  border-radius:9px;
  background:oklch(1 0 0 / .05);
  color:var(--vxg-auth-accent);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
html .vxg-auth-benefit-ic svg{width:16px;height:16px}
html .vxg-auth-benefits strong,
html .vxg-auth-benefits small{
  display:block;
}
html .vxg-auth-benefits strong{
  color:#fff;
  font-size:14px;
  font-weight:600;
  line-height:1.15;
}
html .vxg-auth-benefits small{
  margin-top:2px;
  color:var(--vxg-auth-fg-2);
  font-size:12px;
  font-weight:500;
  line-height:1.25;
}
html .vxg-auth-trust{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:auto;
  padding-top:32px;
}
html .vxg-auth-trust span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:27px;
  padding:0 10px;
  border:1px solid oklch(1 0 0 / .10);
  border-radius:9999px;
  background:oklch(1 0 0 / .05);
  color:var(--vxg-auth-fg-1);
  font-size:11px;
  font-weight:500;
  white-space:nowrap;
}
html .vxg-auth-trust svg{
  width:13px;
  height:13px;
  color:var(--vxg-auth-fg-2);
}
html .vxg-auth-note{
  margin:16px 0 0!important;
  color:var(--vxg-auth-fg-2);
  font-size:11px;
  line-height:1.35;
}

html .vxg-auth-panel{
  position:relative;
  flex:1 1 auto;
  min-width:0;
  max-height:min(720px,94vh);
  padding:32px;
  overflow:auto;
  scrollbar-width:none;
}
html .vxg-auth-panel::-webkit-scrollbar{display:none}
html .vxg-auth-close{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  z-index:4;
  display:grid!important;
  width:32px!important;
  height:32px!important;
  place-items:center;
  border:0!important;
  border-radius:10px!important;
  background:color-mix(in oklab,var(--vxg-auth-bg-1) 88%,transparent)!important;
  color:var(--vxg-auth-fg-2)!important;
  box-shadow:0 8px 24px -18px oklch(0 0 0 / .80);
  text-decoration:none!important;
}
html .vxg-auth-close svg{
  width:18px;
  height:18px;
}
html .vxg-auth-close:hover{
  background:oklch(1 0 0 / .05)!important;
  color:var(--vxg-auth-fg)!important;
}
html .vxg-auth-tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
  height:40px;
  min-height:40px;
  margin:0 0 24px;
  padding:4px;
  border:1px solid oklch(1 0 0 / .08);
  border-radius:10px;
  background:color-mix(in oklab,var(--vxg-auth-bg-1) 76%,transparent);
  box-shadow:inset 0 1px 0 oklch(1 0 0 / .04);
}
html .vxg-auth-tab{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:32px;
  border-radius:8px;
  color:var(--vxg-auth-fg-2);
  font-size:14px;
  font-weight:600;
  text-align:center;
  text-decoration:none!important;
  transition:background .18s,color .18s,box-shadow .18s;
}
html .vxg-auth-tab:not(.is-active):hover{
  background:oklch(1 0 0 / .04);
  color:var(--vxg-auth-fg-1);
}
html .vxg-auth-tab.is-active{
  background:
    linear-gradient(180deg,oklch(1 0 0 / .10),oklch(1 0 0 / .045)),
    var(--vxg-auth-bg-2);
  color:var(--vxg-auth-fg);
  font-weight:750;
  box-shadow:
    inset 0 0 0 1px oklch(1 0 0 / .12),
    inset 0 1px 0 oklch(1 0 0 / .08),
    0 8px 20px -18px oklch(0 0 0 / .85);
}
html .vxg-auth-tab.is-active::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:5px;
  width:26px;
  height:2px;
  border-radius:9999px;
  background:var(--vxg-auth-accent);
  box-shadow:0 0 14px oklch(0.52 0.26 22 / .65);
  transform:translateX(-50%);
}
html .vxg-auth-heading{
  margin:0 0 20px;
}
html .vxg-auth-heading h2{
  margin:0 0 9px!important;
  color:var(--vxg-auth-fg);
  font-family:var(--vxg-auth-display);
  font-size:24px;
  font-weight:900;
  line-height:1.12;
  letter-spacing:0;
}
html .vxg-auth-heading p{
  margin:0!important;
  color:var(--vxg-auth-fg-2);
  font-size:13px;
  font-weight:550;
  line-height:1.35;
}
html .vxg-auth-holder,
html .vxg-auth-form{
  width:100%;
}
html .vxg-auth-form .hidden{display:none!important}
html .vxg-auth-form .generic-error{
  margin:0 0 14px!important;
  padding:11px 12px!important;
  border:1px solid var(--vxg-auth-accent-line);
  border-radius:13px;
  background:var(--vxg-auth-accent-soft);
  color:var(--vxg-auth-fg);
  font-size:12px;
  font-weight:700;
  line-height:1.35;
}
html .vxg-auth-row{
  position:relative;
  margin:0 0 12px!important;
}
html .vxg-auth-row label,
html .vxg-auth-captcha label{
  display:block!important;
  margin:0 0 7px!important;
  color:var(--vxg-auth-fg-1)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
}
html .vxg-auth-label-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:7px;
}
html .vxg-auth-label-line label{margin:0!important}
html .vxg-auth-forgot,
html .vxg-auth-secondary-links a,
html .vxg-auth-switchline a{
  color:var(--vxg-auth-accent)!important;
  font-weight:600!important;
  text-decoration:none!important;
}
html .vxg-auth-forgot{
  font-size:12px;
  white-space:nowrap;
}
html .vxg-auth-input,
html .vxg-auth-modal .captcha-control input[type="text"]{
  display:block!important;
  width:100%!important;
  height:48px!important;
  min-width:0!important;
  padding:0 40px!important;
  border:1px solid oklch(1 0 0 / .10)!important;
  border-radius:10px!important;
  background:color-mix(in oklab,var(--vxg-auth-bg-1) 80%,transparent)!important;
  color:var(--vxg-auth-fg)!important;
  box-shadow:none!important;
  font-family:var(--vxg-auth-font)!important;
  font-size:14px!important;
  font-weight:550!important;
  outline:none!important;
  transition:border-color .18s,background .18s,box-shadow .18s;
}
html .vxg-auth-input::placeholder,
html .vxg-auth-modal .captcha-control input[type="text"]::placeholder{
  color:oklch(0.70 0.012 25 / .70);
  opacity:1;
}
html .vxg-auth-input:focus,
html .vxg-auth-modal .captcha-control input[type="text"]:focus{
  border-color:oklch(0.52 0.26 22 / .60)!important;
  background:var(--vxg-auth-bg-1)!important;
  box-shadow:0 0 0 2px oklch(0.52 0.26 22 / .30)!important;
}
html .vxg-auth-row .error,
html .vxg-auth-input.error{
  border-color:var(--vxg-auth-accent-line)!important;
  box-shadow:0 0 0 4px var(--vxg-auth-accent-soft)!important;
}
html .vxg-auth-field-ic,
html .vxg-auth-valid-ic,
html .vxg-auth-eye{
  position:absolute;
  top:36px;
  z-index:2;
}
html .vxg-auth-field-ic{
  left:14px;
  width:18px;
  height:18px;
  color:var(--vxg-auth-fg-3);
}
html .vxg-auth-valid-ic{
  right:14px;
  display:none!important;
  width:18px;
  height:18px;
  color:oklch(.74 .16 145);
}
html .vxg-auth-row.is-valid .vxg-auth-valid-ic{display:block!important}
html .vxg-auth-row.is-valid .vxg-auth-input{
  border-color:color-mix(in oklab,oklch(.74 .16 145) 55%,var(--vxg-auth-line))!important;
}
html .vxg-auth-eye{
  right:8px;
  display:grid!important;
  width:32px;
  height:32px;
  place-items:center;
  border:0!important;
  border-radius:9999px;
  background:transparent!important;
  color:var(--vxg-auth-fg-3)!important;
  cursor:pointer;
}
html .vxg-auth-eye svg{
  width:18px;
  height:18px;
}
html .vxg-auth-eye .vxg-auth-eye-off{display:none}
html .vxg-auth-eye.is-visible .vxg-auth-eye-on{display:none}
html .vxg-auth-eye.is-visible .vxg-auth-eye-off{display:block}
html .vxg-auth-eye:hover{
  background:oklch(1 0 0 / .05)!important;
  color:var(--vxg-auth-fg)!important;
}
html .vxg-auth-row .field-error{
  display:none;
  position:static!important;
  margin-top:7px;
  color:var(--vxg-auth-accent)!important;
  font-size:11.5px!important;
  font-weight:700;
  line-height:1.25;
}

html .vxg-auth-check-row{
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;
  margin:0 0 12px!important;
  color:var(--vxg-auth-fg-2);
}
html .vxg-auth-check-row input[type="checkbox"]{
  display:block!important;
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  opacity:0!important;
  pointer-events:none!important;
}
html .vxg-auth-check-row label{
  position:relative;
  display:block!important;
  min-height:18px;
  margin:0!important;
  padding-left:26px;
  color:var(--vxg-auth-fg-2)!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.45!important;
}
html .vxg-auth-modal .vxg-auth-check-row input[type="checkbox"]+label{
  display:block!important;
  align-items:normal!important;
  margin:0!important;
  padding:0 0 0 26px!important;
}
html .vxg-auth-modal .vxg-auth-check-row input[type="checkbox"]+label::before{
  content:"";
  position:absolute;
  top:.12em;
  left:0;
  width:17px;
  height:17px;
  margin:0!important;
  padding:0!important;
  border:1px solid oklch(1 0 0 / .18);
  border-radius:5px;
  background:color-mix(in oklab,var(--vxg-auth-bg-1) 85%,transparent);
  color:transparent!important;
  box-shadow:inset 0 1px 0 oklch(1 0 0 / .04);
  transition:background .18s,border-color .18s,box-shadow .18s;
}
html .vxg-auth-modal .vxg-auth-check-row input[type="checkbox"]+label::after{
  content:"";
  position:absolute;
  top:calc(.12em + 4px);
  left:4px;
  width:9px;
  height:6px;
  border:2px solid #fff;
  border-top:0;
  border-right:0;
  opacity:0;
  transform:rotate(-45deg) scale(.82);
  transition:opacity .18s,transform .18s;
}
html .vxg-auth-modal .vxg-auth-check-row input[type="checkbox"]+label:active::before{
  transform:none!important;
}
html .vxg-auth-modal .vxg-auth-check-row input[type="checkbox"]:checked+label::before{
  border-color:var(--vxg-auth-accent);
  background:var(--vxg-auth-accent);
  box-shadow:0 6px 16px -12px oklch(0.52 0.26 22 / .80);
  color:transparent!important;
}
html .vxg-auth-modal .vxg-auth-check-row input[type="checkbox"]:checked+label::after{
  opacity:1;
  transform:rotate(-45deg) scale(1);
}
html .vxg-auth-modal .vxg-auth-check-row input[type="checkbox"]:focus-visible+label::before{
  box-shadow:0 0 0 4px var(--vxg-auth-accent-soft);
}
html .vxg-auth-check-row a{
  color:var(--vxg-auth-fg-1)!important;
  text-decoration:underline!important;
  text-underline-offset:3px;
}

html .vxg-auth-strength{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  margin-top:8px;
}
html .vxg-auth-strength[hidden]{display:none!important}
html .vxg-auth-strength span{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px;
}
html .vxg-auth-strength i{
  display:block;
  height:4px;
  border-radius:9999px;
  background:var(--vxg-auth-line-2);
}
html .vxg-auth-strength strong{
  color:var(--vxg-auth-fg-2);
  font-size:11px;
  font-weight:800;
}
html .vxg-auth-strength[data-level="1"] i:nth-child(-n+1){background:oklch(.64 .21 25)}
html .vxg-auth-strength[data-level="2"] i:nth-child(-n+2){background:oklch(.72 .17 65)}
html .vxg-auth-strength[data-level="3"] i:nth-child(-n+3){background:oklch(.8 .15 110)}
html .vxg-auth-strength[data-level="4"] i:nth-child(-n+4){background:oklch(.74 .16 145)}

html .vxg-auth-captcha,
html .vxg-auth-captcha-submit{
  margin:12px 0 0!important;
}
html .vxg-auth-modal .captcha-control{
  display:block;
  width:100%;
}
html .vxg-auth-modal .captcha-control .image{
  display:grid;
  gap:9px;
}
html .vxg-auth-modal .captcha-control img{
  max-width:100%;
  height:auto;
  border:1px solid var(--vxg-auth-line);
  border-radius:13px;
  background:var(--vxg-auth-bg-2);
}
html .vxg-auth-modal .captcha-control input[type="text"]{
  padding:0 13px!important;
}

html .vxg-auth-submit-row,
html .vxg-auth-captcha-submit{
  margin-bottom:0!important;
}
html .vxg-auth-modal .bottom{
  display:block!important;
  width:100%!important;
}
html .vxg-auth-modal .bottom.captcha label{
  margin-bottom:10px!important;
}
html .vxg-auth-submit{
  display:flex!important;
  width:100%!important;
  max-width:none!important;
  height:46px!important;
  min-height:46px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  margin:0!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:12px!important;
  background:var(--vxg-auth-gradient)!important;
  color:#fff!important;
  box-shadow:var(--vxg-auth-shadow-glow)!important;
  font-family:var(--vxg-auth-font)!important;
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:.02em;
  line-height:1!important;
  cursor:pointer!important;
  transition:transform .18s,filter .18s,opacity .18s;
}
html .vxg-auth-submit svg{
  width:17px;
  height:17px;
}
html .vxg-auth-submit:hover{
  filter:brightness(1.08);
  transform:scale(1.01);
}
html .vxg-auth-submit:active{
  transform:translateY(1px);
}
html .vxg-auth-form.is-submitting .vxg-auth-submit{
  opacity:.72;
  pointer-events:none;
}

html .vxg-auth-divider{
  display:flex;
  align-items:center;
  gap:12px;
  margin:12px 0;
}
html .vxg-auth-divider span{
  display:block;
  height:1px;
  min-width:0;
  flex:1 1 auto;
  background:oklch(1 0 0 / .10);
}
html .vxg-auth-divider em{
  color:var(--vxg-auth-fg-2);
  font-size:10px;
  font-style:normal;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}
html .vxg-auth-social-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
html .vxg-auth-social{
  display:flex!important;
  width:100%!important;
  min-height:40px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 10px!important;
  border:1px solid oklch(1 0 0 / .10)!important;
  border-radius:12px!important;
  background:oklch(0.13 0.006 25 / .60)!important;
  color:var(--vxg-auth-fg)!important;
  font-family:var(--vxg-auth-font)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.15!important;
  text-align:center!important;
  transition:border-color .18s,background .18s,opacity .18s;
}
html .vxg-auth-social:disabled{
  cursor:default!important;
  opacity:1!important;
}
html .vxg-auth-social:not(:disabled):hover{
  border-color:oklch(0.52 0.26 22 / .40)!important;
  background:var(--vxg-auth-bg-1)!important;
}

html .vxg-auth-secondary-links{
  margin:10px 0 0;
  text-align:center;
}
html .vxg-auth-secondary-links a{
  font-size:12px;
}
html .vxg-auth-secure,
html .vxg-auth-switchline{
  margin:20px 0 0!important;
  color:var(--vxg-auth-fg-3);
  text-align:center;
  font-size:12px;
  font-weight:650;
  line-height:1.4;
}
html .vxg-auth-secure{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}
html .vxg-auth-secure svg{
  width:13px;
  height:13px;
}
html .vxg-auth-switchline{
  margin-top:8px!important;
  color:var(--vxg-auth-fg-2);
  font-size:13px;
}
html .vxg-auth-success{
  width:min(520px,calc(100vw - 40px));
  padding:28px;
  border:1px solid var(--vxg-auth-line-2);
  border-radius:22px;
  background:var(--vxg-auth-bg-1);
  color:var(--vxg-auth-fg);
  box-shadow:0 34px 90px rgba(0,0,0,.68);
  font-family:var(--vxg-auth-font);
  font-size:15px;
  line-height:1.45;
}

@keyframes vxg-auth-pop{
  from{opacity:0;transform:translateY(14px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes vxg-auth-slide-up{
  from{opacity:0;transform:translateY(24px)}
  to{opacity:1;transform:translateY(0)}
}

@media (max-width:720px){
  html .fancybox-wrap:not(.fancybox-type-image){
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  html .fancybox-wrap:not(.fancybox-type-image) .fancybox-skin{
    border-radius:24px 24px 0 0!important;
  }
  html .fancybox-wrap:not(.fancybox-type-image) .fancybox-inner{
    width:100%!important;
  }
  html .vxg-auth-modal{
    width:100%!important;
    max-width:100%!important;
    max-height:94dvh!important;
    border-right:0!important;
    border-bottom:0!important;
    border-left:0!important;
    border-radius:24px 24px 0 0!important;
    animation:vxg-auth-slide-up .28s cubic-bezier(.2,.85,.2,1);
  }
  html .vxg-auth-modal::before{
    content:"";
    position:absolute;
    top:12px;
    left:50%;
    z-index:3;
    width:42px;
    height:4px;
    border-radius:9999px;
    background:var(--vxg-auth-line-2);
    transform:translateX(-50%);
  }
  html .vxg-auth-aside{display:none}
  html .vxg-auth-panel{
    max-height:94dvh;
    padding:34px 18px calc(20px + env(safe-area-inset-bottom));
  }
  html .vxg-auth-close{
    top:16px!important;
    right:14px!important;
  }
  html .vxg-auth-tabs{
    margin:0 48px 24px 0;
  }
}

@media (max-width:380px){
  html .vxg-auth-panel{
    padding-right:14px;
    padding-left:14px;
  }
  html .vxg-auth-tabs{
    margin-right:44px;
  }
  html .vxg-auth-tab,
  html .vxg-auth-submit{
    font-size:13px!important;
  }
  html .vxg-auth-check-row label{
    font-size:11.5px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  html .vxg-auth-modal,
  html .fancybox-overlay{
    animation:none!important;
    transition:none!important;
  }
}