html[data-theme="nox"],html:not([data-theme]),html[data-theme=""]{
  --auth-bg:#06050A;--auth-card:rgba(17,18,28,.78);--auth-card2:rgba(255,255,255,.045);
  --auth-border:rgba(125,146,255,.18);--auth-text:#EDEAF6;--auth-muted:#9296C7;
  --auth-dim:#4C506A;--auth-acc:#7C3AED;--auth-acc2:#A78BFA;--auth-danger:#F43F5E;--auth-ok:#10D97E;
}
html[data-theme="nox-light"]{
  --auth-bg:#F4F7FB;--auth-card:rgba(255,255,255,.82);--auth-card2:rgba(238,243,250,.72);
  --auth-border:rgba(91,110,148,.18);--auth-text:#141827;--auth-muted:#66718A;
  --auth-dim:#A4AEC1;--auth-acc:#6D5DF6;--auth-acc2:#3B82F6;--auth-danger:#E11D48;--auth-ok:#059669;
}
body.auth-page{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif!important;
  color:var(--auth-text)!important;
  background:
    radial-gradient(circle at 0% 0%, color-mix(in srgb,var(--auth-acc) 18%,transparent), transparent 26rem),
    radial-gradient(circle at 100% 4%, color-mix(in srgb,var(--auth-acc2) 14%,transparent), transparent 24rem),
    var(--auth-bg)!important;
}
body.auth-page::before{
  content:'';position:fixed;inset:0;pointer-events:none;
  background-image:
    linear-gradient(color-mix(in srgb,var(--auth-acc2) 6%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--auth-acc2) 5%,transparent) 1px,transparent 1px);
  background-size:56px 56px;opacity:.58;
}
body.auth-page .card{
  position:relative;z-index:1;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.024)),var(--auth-card)!important;
  border-color:var(--auth-border)!important;border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 28px 76px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(24px) saturate(1.18);
}
body.auth-page .logo p,body.auth-page .footer,body.auth-page .hint{color:var(--auth-muted)!important}
body.auth-page label{color:var(--auth-muted)!important}
body.auth-page input{
  color:var(--auth-text)!important;background:var(--auth-card2)!important;border-color:var(--auth-border)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
body.auth-page input:focus{border-color:var(--auth-acc2)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--auth-acc2) 16%,transparent)!important}
body.auth-page input::placeholder{color:var(--auth-dim)!important}
body.auth-page button{
  background:linear-gradient(135deg,var(--auth-acc),var(--auth-acc2))!important;
  box-shadow:0 14px 30px color-mix(in srgb,var(--auth-acc2) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.22);
  transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s ease,filter .2s ease!important;
}
body.auth-page button:hover{opacity:1!important;transform:translateY(-1px)}
body.auth-page .footer a{color:var(--auth-acc2)!important}
body.auth-page .divider{color:var(--auth-dim)!important}
body.auth-page .divider::before,body.auth-page .divider::after{background:var(--auth-border)!important}
body.auth-page .error,body.auth-page .msg.err{color:var(--auth-danger)!important;border-color:color-mix(in srgb,var(--auth-danger) 30%,transparent)!important}
body.auth-page .success,body.auth-page .msg.ok{color:var(--auth-ok)!important;border-color:color-mix(in srgb,var(--auth-ok) 30%,transparent)!important}
body.auth-page .plan-box{
  background:color-mix(in srgb,var(--auth-acc) 12%,transparent)!important;border-color:color-mix(in srgb,var(--auth-acc2) 28%,transparent)!important;
}
body.auth-page .plan-title{color:var(--auth-acc2)!important}
body.auth-page .plan-copy{color:var(--auth-muted)!important}

@media (max-width:520px){
  body.auth-page{
    align-items:flex-start!important;
    padding:18px 14px!important;
  }

  body.auth-page .card{
    max-width:100%!important;
    padding:30px 22px 24px!important;
  }
}

@media (max-width:360px){
  body.auth-page{
    padding:12px 10px!important;
  }

  body.auth-page .card{
    padding:24px 16px 20px!important;
  }

  body.auth-page .logo-icon,
  body.auth-page .logo-icon img{
    width:190px!important;
  }
}