/* Deliberate, one-shot choreography. No animation dependency for authentication. */
:root{--entry-ease:cubic-bezier(.22,1,.36,1)}
.auth-view .auth-top{animation:entry-in .5s var(--entry-ease) both}
.auth-view .auth-intro{animation:entry-from-left .7s var(--entry-ease) .04s both}
.auth-view .auth-intro dl>div{animation:entry-in .6s var(--entry-ease) both}
.auth-view .auth-intro dl>div:nth-child(1){animation-delay:.13s}
.auth-view .auth-intro dl>div:nth-child(2){animation-delay:.2s}
.auth-view .auth-intro dl>div:nth-child(3){animation-delay:.27s}
.auth-view .auth-card{position:relative;isolation:isolate;animation:entry-in .4s var(--entry-ease) .04s both}
.auth-view .auth-card>h1,.auth-view #auth-description,.auth-view #auth-form{animation:none}
.auth-view .auth-footer{animation:entry-in .6s var(--entry-ease) .15s both}
.auth-view .auth-card input{transition:border-color .18s,box-shadow .18s}
.auth-view .auth-card input:focus{box-shadow:0 0 0 3px #006eff0d}
.auth-view .auth-submit{position:relative;overflow:hidden;transition:background .18s,box-shadow .18s,transform .18s}
.auth-view .auth-submit:not(:disabled):hover{box-shadow:0 4px 12px #006eff22;transform:translateY(-1px)}
.auth-view .auth-submit:not(:disabled):active{transform:translateY(0);box-shadow:none}
.page-leaving{pointer-events:none}
.page-leaving::after{content:'';position:fixed;z-index:9999;top:0;left:0;width:100%;height:2px;background:#006eff;transform-origin:left;animation:entry-progress .24s ease-out both}
.auth-submit[aria-busy="true"]::before{content:'';display:inline-block;width:12px;height:12px;margin-right:9px;border:1.5px solid #ffffff70;border-top-color:white;border-radius:50%;vertical-align:-1px;animation:entry-spin .7s linear infinite}
.auth-complete .auth-card>:not(.login-success){animation:none!important;opacity:0;visibility:hidden;pointer-events:none}
.login-success{position:absolute;inset:0;border-radius:inherit;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background:#fff;color:#252b35;text-align:center;font-family:"Microsoft YaHei","Segoe UI",sans-serif}
.login-success-eyebrow{font-size:10px;letter-spacing:2px;color:#9aa3af;margin-bottom:30px}
.login-success-mark{width:80px;height:80px;margin-bottom:23px;overflow:visible;fill:none;stroke:#006eff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.success-ring{stroke:#d5e5fb;stroke-dasharray:100;animation:success-draw .48s var(--entry-ease) both;transform-origin:40px 40px;transform:rotate(-90deg)}
.success-check{stroke-dasharray:100;animation:success-draw .35s var(--entry-ease) .2s both}
.login-success strong{font-size:23px;line-height:1.5;font-weight:500;letter-spacing:1px}
.login-success-description{font-size:12px;color:#8993a1;margin-top:10px}
.login-success-track{width:100px;height:2px;background:#edf1f6;margin-top:32px;overflow:hidden}
.login-success-track::after{content:'';display:block;height:100%;background:#006eff;transform-origin:left;animation:entry-progress .72s var(--entry-ease) both}
.login-success-standalone{position:fixed;inset:0;background:#f7f8f4}
.console-enter>.cloud-topbar{animation:entry-chrome .45s var(--entry-ease) both}
.console-enter>aside{animation:entry-from-left .55s var(--entry-ease) .04s both}
.console-enter>main{animation:entry-in .6s var(--entry-ease) .09s both}
@keyframes entry-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes entry-card{from{opacity:0;transform:translateY(20px) scale(.986)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes entry-from-left{from{opacity:0;translate:-12px 0}to{opacity:1;translate:0 0}}
@keyframes entry-chrome{from{opacity:0}to{opacity:1}}
@keyframes entry-spin{to{rotate:360deg}}
@keyframes entry-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes success-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@media(max-width:760px){.login-success{padding:24px}.login-success-eyebrow{margin-bottom:22px}.login-success-mark{width:68px;height:68px;margin-bottom:17px}.login-success strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){
 .auth-view .auth-top,.auth-view .auth-intro,.auth-view .auth-intro dl>div,.auth-view .auth-card,.auth-view .auth-card>h1,.auth-view #auth-description,.auth-view #auth-form,.auth-view .auth-footer,.console-enter>.cloud-topbar,.console-enter>aside,.console-enter>main,.auth-submit[aria-busy="true"]::before,.success-ring,.success-check,.login-success-track::after,.page-leaving::after{animation:none!important}
 .auth-view .auth-card input,.auth-view .auth-submit,.auth-complete .auth-card>:not(.login-success){transition:none!important}
 .auth-view .auth-submit:not(:disabled):hover{transform:none}
}
