a{color:#2563EB}a:hover{color:#1E40AF}
.lift{transition:transform .25s ease, box-shadow .25s ease}.lift:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(11,31,58,0.14)}
@supports (animation-timeline: view()){
.rv{animation:rvup linear both;animation-timeline:view();animation-range:entry 0% cover 28%}
.rvl{animation:rvl linear both;animation-timeline:view();animation-range:entry 0% cover 30%}
.rvr{animation:rvr linear both;animation-timeline:view();animation-range:entry 0% cover 30%}
.rvs{animation:rvs linear both;animation-timeline:view();animation-range:entry 10% cover 35%}
.drawy{transform-origin:top;animation:drawy linear both;animation-timeline:view();animation-range:entry 20% cover 70%}
}
@keyframes rvup{from{opacity:0;translate:0 60px}to{opacity:1;translate:0 0}}
@keyframes rvl{from{opacity:0;translate:-80px 30px;rotate:-2deg}to{opacity:1;translate:0 0;rotate:0deg}}
@keyframes rvr{from{opacity:0;translate:80px 30px;rotate:2deg}to{opacity:1;translate:0 0;rotate:0deg}}
@keyframes rvs{from{opacity:0;scale:.85}to{opacity:1;scale:1}}
@keyframes drawy{from{scale:1 0}to{scale:1 1}}
@property --holo{syntax:'<angle>';inherits:false;initial-value:0deg}
.holo{background:conic-gradient(from var(--holo),#2563EB,#60A5FA,#93C5FD,#E9B949,#3B82F6,#2563EB);animation:holospin 6s linear infinite}
@keyframes holospin{to{--holo:360deg}}
@keyframes shine{0%,55%{transform:translateX(-120%) skewX(-20deg)}100%{transform:translateX(240%) skewX(-20deg)}}.shine{animation:shine 5s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-14px) rotate(-3deg)}}.floaty{animation:floaty 5s ease-in-out infinite}
@keyframes glowp{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.glowp{animation:glowp 6s ease-in-out infinite}
@keyframes dotb{0%,100%{opacity:.3}50%{opacity:1}}.dotb{animation:dotb 1.4s infinite}
@media (prefers-reduced-motion: reduce){.rv,.rvl,.rvr,.rvs,.drawy,.holo,.shine,.floaty,.glowp,.dotb{animation:none !important}}
@keyframes edin-m{0%{opacity:0;transform:translateY(70px) rotateX(28deg) scale(.9);filter:blur(4px)}100%{opacity:1;transform:none;filter:none}}
@media (max-width:960px){
.ed-pin{overflow:clip!important}
.ed-card{animation:edin-m linear both!important;animation-timeline:view()!important;animation-range:entry 0% cover 32%!important}
.ed-line{animation:skxprog linear both!important;animation-timeline:--edv!important;animation-range:cover 12% cover 80%!important}
.ed-count{animation:edcount linear both!important;animation-timing-function:steps(9,jump-none)!important;animation-timeline:--edv!important;animation-range:cover 12% cover 80%!important}
}
@media (prefers-reduced-motion:reduce){.ed-card{animation:none!important}}
@supports not (animation-timeline: view()){
.msk-io :is(.rv,.rvl,.rvr,.rvs,.ed-card,.skx-card,.ihz-track>article,.bx-head,.bx-row,.ab-chip1,.ab-chip2,.ab-chip3,.bento>a){animation:none!important;transition:opacity .8s cubic-bezier(.2,.7,.2,1),translate .8s cubic-bezier(.2,.7,.2,1),scale .8s cubic-bezier(.2,.7,.2,1)}
.msk-io :is(.rv,.ed-card,.skx-card,.ihz-track>article,.bx-head,.bx-row,.ab-chip1,.ab-chip2,.ab-chip3,.bento>a):not(.msk-in){opacity:0;translate:0 40px}
.msk-io .rvl:not(.msk-in){opacity:0;translate:-50px 20px}
.msk-io .rvr:not(.msk-in){opacity:0;translate:50px 20px}
.msk-io .rvs:not(.msk-in){opacity:0;scale:.9}
.msk-io .ed-count{animation:none!important;transform:translateY(-320px)}
}
@media (max-width:960px){
.skx-card{animation:edin-m linear both!important;animation-timeline:view()!important;animation-range:entry 0% cover 30%!important}
}
@media (max-width:900px){
.ihz-pin,.ihz-view{overflow:clip!important}
.ihz-track>article{animation:edin-m linear both!important;animation-timeline:view()!important;animation-range:entry 0% cover 30%!important}
}
@media (max-width:380px){.logo-sub{display:none}}