/* Dragon UI motion layer */
.nav{position:relative;animation:navIn .7s cubic-bezier(.2,.8,.2,1) both}.nav:after{content:"";position:absolute;bottom:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,#c9dcf7,transparent);transform:scaleX(.3);animation:lineIn 1.1s .35s ease-out forwards}.links a{position:relative;transition:color .25s ease,transform .25s ease}.links a:after{content:"";position:absolute;right:0;bottom:-9px;width:0;height:2px;background:#1667d9;border-radius:3px;transition:width .25s ease}.links a:hover{color:#1667d9;transform:translateY(-2px)}.links a:hover:after{width:100%}.brand img{transition:transform .35s ease,filter .35s ease}.brand:hover img{transform:rotate(-7deg) scale(1.08);filter:drop-shadow(0 8px 10px #1667d944)}.cards-item{position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.cards-item:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:#eaf3ff;left:-55px;bottom:-75px;transition:transform .4s ease}.cards-item:hover{transform:translateY(-8px);box-shadow:0 20px 45px #0b2d5c18;border-color:#a8c7f2}.cards-item:hover:before{transform:scale(1.5)}.cards-item>strong{position:relative;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#1667d9,#3c8df0);color:#fff!important;display:grid!important;place-items:center;font-size:25px!important;box-shadow:0 10px 20px #1667d933;transition:transform .3s ease}.cards-item:hover>strong{transform:rotate(-8deg) scale(1.1)}.hero .copy,.hero .preview{animation:riseIn .85s cubic-bezier(.2,.8,.2,1) both}.hero .preview{animation-delay:.12s}.button{transition:transform .25s ease,box-shadow .25s ease;background:linear-gradient(135deg,#0b2d5c,#1667d9)}.button:hover{transform:translateY(-3px);box-shadow:0 12px 24px #1667d944}.dashboard{animation:floatCard 5s ease-in-out infinite}.blob{animation:blobMove 8s ease-in-out infinite alternate}.status{animation:statusIn .8s .5s both}.detail-box{animation:riseIn .75s .18s both}.join-card{transition:transform .3s ease,box-shadow .3s ease}.join-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px #0b2d5c18}@keyframes navIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes lineIn{to{transform:scaleX(1)}}@keyframes riseIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes blobMove{from{transform:translate(0,0) scale(1)}to{transform:translate(-16px,12px) scale(1.08)}}@keyframes statusIn{from{opacity:0;transform:translate(-12px,15px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
