/* DAKHAZU KASIR — Motion Premium. Motion only; existing authentication untouched. */
.auth-showcase{isolation:isolate}
.auth-showcase:before{content:"";position:absolute;z-index:0;pointer-events:none;width:460px;height:460px;top:12%;right:-210px;border-radius:50%;background:radial-gradient(circle,rgba(70,200,255,.24),transparent 66%);animation:orbitGlow 11s ease-in-out infinite alternate}
.auth-showcase:after{content:"";position:absolute;z-index:0;pointer-events:none;width:380px;height:380px;left:-170px;bottom:-120px;border-radius:50%;background:radial-gradient(circle,rgba(98,108,255,.22),transparent 68%);animation:orbitGlow 13s ease-in-out infinite alternate-reverse}
.moving-light{position:absolute;inset:-60%;z-index:0;pointer-events:none;background:conic-gradient(from 45deg,transparent 0deg,rgba(129,217,255,.075) 44deg,transparent 84deg,transparent 360deg);animation:spinLight 24s linear infinite}
.grid-lines{animation:gridShift 18s linear infinite}
.brand-row{animation:floatIn .8s ease-out both}
.brand-row .login-logo-img{animation:logoBreathe 4.5s ease-in-out 1s infinite;transform-origin:left center}
.hero-copy .eyebrow{animation:floatIn .75s cubic-bezier(.2,.8,.2,1) .12s both}
.hero-copy h1{animation:floatIn .85s cubic-bezier(.2,.8,.2,1) .28s both}
.hero-copy h1 span{background-size:220% auto;animation:gradientShimmer 7s linear infinite}
.hero-copy p{animation:floatIn .85s ease-out .43s both}
.feature-chips{animation:floatIn .85s ease-out .58s both}
.feature-chips span{transition:transform .24s ease,background .24s ease,border-color .24s ease}
.feature-chips span:hover{transform:translateY(-4px);background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.38)}
.mini-list{animation:floatIn .85s ease-out .73s both}
.preview-card{animation:cardEnter 1s cubic-bezier(.2,.8,.2,1) .85s both,cardDrift 7s ease-in-out 2s infinite;box-shadow:0 24px 75px rgba(0,0,0,.23);transition:border-color .25s ease,box-shadow .25s ease}
.preview-card:hover{border-color:rgba(140,221,255,.48);box-shadow:0 30px 90px rgba(0,0,0,.3)}
.preview-card:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.095) 40%,transparent 62%);background-size:260% 100%;animation:cardSheen 8s ease-in-out 2s infinite}
.preview-stats .mini-card{transition:transform .25s ease,background .25s ease}
.preview-stats .mini-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.13)}
.mini-chart span{transform-origin:bottom;animation:barGrow 1s cubic-bezier(.18,.82,.22,1) both,barGlow 4s ease-in-out infinite alternate}
.mini-chart span:nth-child(1){animation-delay:1s,2s}.mini-chart span:nth-child(2){animation-delay:1.12s,2.2s}.mini-chart span:nth-child(3){animation-delay:1.24s,2.4s}.mini-chart span:nth-child(4){animation-delay:1.36s,2.6s}.mini-chart span:nth-child(5){animation-delay:1.48s,2.8s}
.auth-form-side{position:relative;overflow:hidden}
.auth-form-side:before{content:"";position:absolute;pointer-events:none;width:450px;height:450px;right:-260px;top:-230px;background:radial-gradient(circle,#d8eaff,transparent 70%);animation:orbitGlow 10s ease-in-out infinite alternate}
.form-card{position:relative;z-index:1;animation:formReveal .85s cubic-bezier(.18,.82,.22,1) .16s both;transition:box-shadow .3s ease,transform .3s ease}
.form-card:hover{box-shadow:0 24px 65px rgba(15,45,110,.16)}
.top-label{animation:tagPulse 4s ease-in-out infinite}
.input-wrap,.store-field input{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.input-wrap:focus-within,.store-field input:focus{transform:translateY(-1px);border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.12)}
.submit-btn{position:relative;overflow:hidden;background:linear-gradient(110deg,#0751d9,#0784e9,#0751d9);background-size:200% 100%;animation:gradientShimmer 5s ease-in-out infinite}
.submit-btn:after{content:"";position:absolute;top:-50%;left:-50%;height:200%;width:28%;transform:rotate(22deg) translateX(-350%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transition:transform .65s ease}
.submit-btn:hover:after{transform:rotate(22deg) translateX(650%)}
.quick-links a{transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.quick-links a:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(11,69,200,.12)}
@keyframes floatIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes formReveal{from{opacity:0;transform:translateX(34px) scale(.97)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes cardEnter{from{opacity:0;transform:translateY(38px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes cardDrift{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes logoBreathe{0%,100%{filter:drop-shadow(0 4px 12px #001e5f)}50%{filter:drop-shadow(0 4px 20px rgba(97,217,255,.8))}}
@keyframes orbitGlow{from{transform:translate(-25px,-15px) scale(.95)}to{transform:translate(45px,36px) scale(1.12)}}
@keyframes spinLight{to{transform:rotate(360deg)}}
@keyframes gridShift{to{background-position:68px 34px}}
@keyframes gradientShimmer{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
@keyframes cardSheen{0%,20%{background-position:150% 0}50%,100%{background-position:-130% 0}}
@keyframes barGrow{from{opacity:.2;transform:scaleY(.1)}to{opacity:1;transform:scaleY(1)}}
@keyframes barGlow{from{filter:brightness(1)}to{filter:brightness(1.25)}}
@keyframes tagPulse{0%,100%{box-shadow:0 0 0 0 rgba(10,75,215,0)}50%{box-shadow:0 0 0 6px rgba(10,75,215,.06)}}
@media(max-width:760px){.form-card{animation:floatIn .65s ease-out both}.mobile-brand{animation:floatIn .55s ease-out both}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;translate:none!important;transform:none!important}}