@keyframes logoReveal{0%{opacity:0;transform:perspective(700px) rotateY(-55deg) rotateX(18deg) scale(.72);clip-path:polygon(0 0,0 0,0 100%,0 100%);filter:blur(10px) brightness(1.8)}55%{opacity:1;clip-path:polygon(0 0,100% 0,82% 100%,0 100%);filter:blur(0) brightness(1.2)}78%{transform:perspective(700px) rotateY(7deg) rotateX(-3deg) scale(1.06)}100%{transform:perspective(700px) rotateY(0) rotateX(0) scale(1);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);filter:brightness(1)}}@keyframes logoAura{0%,100%{filter:drop-shadow(0 8px 10px rgba(10,36,114,.2)) drop-shadow(0 0 0 rgba(255,186,8,0))}50%{filter:drop-shadow(0 12px 18px rgba(10,36,114,.34)) drop-shadow(0 0 16px rgba(255,186,8,.7))}}@keyframes scanLogo{0%{transform:translateX(-160%) skewX(-20deg)}50%,100%{transform:translateX(260%) skewX(-20deg)}}@keyframes riseIn{from{opacity:0;transform:translateY(32px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floatCard{0%,100%{transform:translate3d(0,0,0) rotate(2deg)}30%{transform:translate3d(8px,-12px,0) rotate(.5deg)}70%{transform:translate3d(-5px,-7px,0) rotate(2.8deg)}}@keyframes goldFlow{to{background-position:-220% center}}@keyframes pulsePlay{0%,100%{box-shadow:0 0 0 0 rgba(255,186,8,.5)}65%{box-shadow:0 0 0 18px rgba(255,186,8,0)}}.brand,.admin-brand{position:relative;isolation:isolate}.brand:after,.admin-brand:after{content:"";position:absolute;left:0;top:0;width:42px;height:100%;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.9) 50%,transparent 75%);z-index:2;pointer-events:none;animation:scanLogo 4.8s 1.1s ease-in-out infinite}.brand img,.admin-brand img,.login-card>img,footer img{animation:logoReveal 1.05s cubic-bezier(.16,.8,.2,1) both,logoAura 4s 1.1s ease-in-out infinite;transform-origin:center}.brand:hover img,.admin-brand:hover img{transform:perspective(600px) rotateY(14deg) rotateX(-6deg) scale(1.08);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.hero>div:first-child{animation:riseIn .8s ease-out both}.hero>div:first-child>*{animation:riseIn .7s ease-out both}.hero>div:first-child>*:nth-child(2){animation-delay:.1s}.hero>div:first-child>*:nth-child(3){animation-delay:.2s}.hero>div:first-child>*:nth-child(4){animation-delay:.3s}.hero-logo{animation:logoReveal 1s .18s ease-out both,floatCard 6s 1.3s ease-in-out infinite}.card,.product{animation:riseIn .65s ease-out both}.card:nth-child(2),.product:nth-child(2){animation-delay:.1s}.card:nth-child(3),.product:nth-child(3){animation-delay:.2s}.card-image{transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .4s}.card:hover .card-image{transform:scale(1.045);filter:saturate(1.18)}.primary,.product a,.academy a,.read{transition:transform .22s,box-shadow .22s}.primary:hover,.product a:hover,.academy a:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(10,36,114,.25)}.hero h1 em,.brand b,.product-art b{background:linear-gradient(100deg,#c88800 15%,#ffba08 35%,#fff2aa 50%,#ffba08 65%,#c88800 85%);background-size:220% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:goldFlow 4.5s linear infinite}.card-image strong{animation:pulsePlay 2.5s infinite}.notice,.success,.error,.course-lock{animation:riseIn .4s ease-out both}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
