body.auth{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(120% 75% at 64% 30%,#0c2b2d 0%,#061416 36%,var(--bg) 74%)}
.auth .nav{position:absolute}
.auth .nav .btn[aria-current]{box-shadow:0 0 0 1px rgba(143,255,143,.6) inset,0 0 26px -6px rgba(80,254,182,.8)}
.auth .nav .btn-g[aria-current]{background:rgba(80,254,182,.1)}


.auth-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.auth-bg::before{content:"";position:absolute;left:-60%;right:-60%;top:58%;height:70%;background:linear-gradient(rgba(80,254,182,.13) 1px,transparent 1px) 0 0/100% 48px,linear-gradient(90deg,rgba(80,254,182,.09) 1px,transparent 1px) 50% 0/48px 100%;transform:perspective(420px) rotateX(64deg);transform-origin:50% 0;-webkit-mask-image:linear-gradient(#000,transparent 75%);mask-image:linear-gradient(#000,transparent 75%)}
.auth-bg::after{content:"";position:absolute;left:0;right:0;top:58%;height:1px;background:linear-gradient(90deg,transparent 3%,rgba(160,255,190,.55) 26%,rgba(160,255,190,.08) 42%,rgba(160,255,190,.08) 58%,rgba(160,255,190,.55) 74%,transparent 97%)}

.auth-main{position:relative;z-index:2;flex:1;display:grid;place-items:center;padding:120px 20px 56px}
.auth-card{width:min(640px,100%);text-align:center}
.auth-mark{width:min(190px,44vw);margin:0 auto 34px;filter:drop-shadow(0 0 30px rgba(80,254,182,.35))}
.auth-mark svg{display:block;width:100%;height:auto;aspect-ratio:760/486;overflow:visible}
.auth-mark .cand{transform-box:fill-box;transform-origin:50% 100%;animation:auth-rise 1.1s var(--ease) both}
.auth-mark .c1{animation-delay:.1s}.auth-mark .c2{animation-delay:.22s}.auth-mark .c3{animation-delay:.34s}.auth-mark .c4{animation-delay:.46s}.auth-mark .c5{animation-delay:.58s}
@keyframes auth-rise{from{transform:translateY(24%) scaleY(.2);opacity:0}to{transform:none;opacity:1}}
.auth .kicker{justify-content:center;gap:10px;padding:9px 14px 9px 12px;border-radius:999px;background:rgba(3,3,5,.55);box-shadow:0 0 0 1px var(--line) inset;color:var(--mint);margin-bottom:26px}
.auth-h{font:400 clamp(34px,6vw,76px)/1 var(--fd);text-transform:uppercase;letter-spacing:-.005em;margin:0 0 24px}
.auth-lead{color:var(--tx2);font-size:clamp(16px,1.4vw,19px);max-width:520px;margin:0 auto 28px}
.auth-list{display:grid;gap:8px;max-width:440px;margin:0 auto 34px;text-align:left}
.auth-list li{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:rgba(11,16,18,.88);box-shadow:0 0 0 1px var(--line) inset;font-size:15px;line-height:1.4;color:#d9fff0}
.auth-list i{width:24px;height:24px;border-radius:50%;background:var(--grad);display:grid;place-items:center;flex:none}
.auth-list i svg{width:12px;height:12px;stroke:#02130D;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.auth .ctas{justify-content:center}
.auth-alt{margin:28px 0 0;color:var(--tx3);font-size:15px}
.auth-alt a{color:var(--mint);font-weight:700;text-decoration:none;margin-left:4px}
.auth-alt a:hover{text-decoration:underline}
.auth-note{margin:16px 0 0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;font:500 11px/1.5 var(--fm);color:var(--tx3)}
.auth-foot{position:relative;z-index:2;padding:20px 20px 26px;border-top:1px solid var(--line);background:rgba(3,3,5,.6);text-align:center;font:500 11.5px/1.6 var(--fm);color:var(--tx2)}
.auth-foot p{margin:0 auto 6px;max-width:760px}
.auth-risk{display:flex;gap:8px;justify-content:center;align-items:flex-start;color:var(--tx2);font-size:12.5px}
.auth-risk svg{width:15px;height:15px;stroke:#ff9aa4;flex:none;margin-top:2px}
@media (max-width:759px){
  .auth-main{padding:96px 18px 40px}
  .auth .ctas .btn{--h:50px;padding:0 20px;font-size:10.5px}
  .auth-list li{font-size:14.5px}
}
html.rm .auth-mark .cand{animation:none}


.auth .nav{background:#030305;box-shadow:0 1px 0 var(--line)}
.auth .nav::after{content:"";position:absolute;left:0;right:0;top:100%;height:8px;background:linear-gradient(180deg,#030305,rgba(3,3,5,0));pointer-events:none}
html.fx-on body.auth[data-fx-ambient] .auth-bg{display:none}

@media (min-width:1200px){
  html.fx-on body.auth[data-fx-ambient]::before{content:"";position:fixed;left:84%;top:32.5%;z-index:1;width:440px;height:440px;margin:-220px 0 0 -220px;border-radius:50%;pointer-events:none;opacity:1;
    background:linear-gradient(90deg,rgba(220,255,236,0),rgba(220,255,236,.5) 50%,rgba(220,255,236,0)) 50% 50%/70% 1px no-repeat,
      linear-gradient(0deg,rgba(220,255,236,0),rgba(220,255,236,.42) 50%,rgba(220,255,236,0)) 50% 50%/1px 36% no-repeat,
      radial-gradient(closest-side,rgba(244,255,250,.9) 0,rgba(200,255,225,.55) 2.5%,rgba(143,255,143,.22) 9%,rgba(80,254,182,.08) 30%,rgba(80,254,182,.025) 58%,rgba(80,254,182,0) 100%)}
}
@media (forced-colors:active){html.fx-on body.auth[data-fx-ambient]::before{display:none}}
.auth-card.fx-card{width:min(660px,100%);padding:clamp(28px,4vw,46px) clamp(18px,4vw,46px) clamp(26px,3.6vw,40px);text-align:center}
:where(.auth-card.fx-card){border-radius:24px;background:linear-gradient(170deg,rgba(14,21,24,.95),rgba(7,10,12,.97));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 40px 100px -50px rgba(80,254,182,.45)}
.auth-card.fx-card .pa-form,.auth-card.fx-card .pa-panel{padding:0;background:none;box-shadow:none}
.auth-card.fx-card .pa-form::before,.auth-card.fx-card .pa-panel::before{display:none}
.auth-card.fx-card .pa-done{padding-top:6px}
.auth-mark.is-3d,body.pa-wired .auth-mark.is-3d{width:min(270px,64vw);margin:-6px auto 6px;filter:none}
.auth-mark.is-3d>svg{display:none}
@media (max-width:759px){
  .auth-card.fx-card{padding:24px 16px 26px}
  :where(.auth-card.fx-card){border-radius:20px}
}

@media (max-width:759px){
  .auth .nav .brand{min-height:44px;min-width:44px;justify-content:center}
  .auth .nav .btn-s{--h:44px;font-size:11px}
  .auth .nav-login .nl-s{font-size:11px}
  .auth .lang-btn{height:44px;min-width:44px;justify-content:center}
  .auth .kicker{font-size:11px}
  .auth .pa-l,.auth .pa-l small,.auth .pa-check small{font-size:11px;letter-spacing:.08em}
  .auth .btn{font-size:11px}
  .auth .pa-eye{width:44px;height:44px;right:3px}
  .auth .pa-hint button,.auth .pa-hint .pa-link{display:inline-block;padding:13px 4px;margin:-13px -4px}
  .auth .auth-alt a{display:inline-block;padding:12px 6px;margin:-12px -6px}
  .auth .auth-foot{font-size:11.5px}
}

@media (max-width:759px){
  html:is([data-script="cyrl"],[data-script="viet"]) .auth .nav .nav-login,html:is([data-script="cyrl"],[data-script="viet"]) .auth .nav .nav-reg{font-size:11px;letter-spacing:.02em;padding:0 11px}
  html:is([data-script="cyrl"],[data-script="viet"]) .auth .nav .brand .wm{display:none}
}

.auth .kicker .live{animation-iteration-count:3}
.auth .btn-p::before{animation-iteration-count:2}

.auth .btn-p{overflow:hidden}
.auth .btn-p::before{inset:0 auto 0 0;width:42%;border-radius:0;background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 100%);
  transform:translate3d(-110%,0,0);animation-name:pa-sheen;animation-timing-function:cubic-bezier(.45,0,.25,1)}
html.rm .auth .btn-p::before{animation:none}
.auth .pa-badge::after{animation-iteration-count:3}
html.fx-idle .auth .btn-p::before,html.fx-idle .auth .kicker .live{animation-play-state:paused}

@media (max-width:759px){.auth .pa-done .btn-s{--h:44px}}