.blog-card-motion-shell{isolation:isolate;position:relative;overflow:visible}.blog-card-motion{z-index:40;pointer-events:none;position:absolute;inset:0;overflow:visible}.blog-card-motion__particle{background:rgb(var(--c-card) / .94);opacity:0;-webkit-backdrop-filter:blur(10px);will-change:transform, opacity;border:1px solid;border-radius:12px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)scale(.56);box-shadow:0 10px 28px #0003}.blog-card-motion__particle--pink{color:#ff2cc3;box-shadow:0 10px 28px #ff2cc32e,0 0 20px #ff2cc31f}.blog-card-motion__particle--blue{color:#0076ff;box-shadow:0 10px 28px #0076ff2e,0 0 20px #0076ff1f}.blog-card-motion__particle--white{color:rgb(var(--c-white));box-shadow:0 10px 30px #00000047, 0 0 16px rgb(var(--c-white) / .14)}.blog-card-motion-shell:hover .blog-card-motion__particle--left,.blog-card-motion-shell:focus-visible .blog-card-motion__particle--left{animation:1.52s cubic-bezier(.18,.78,.22,1) both blog-card-burst-left}.blog-card-motion-shell:hover .blog-card-motion__particle--up,.blog-card-motion-shell:focus-visible .blog-card-motion__particle--up{animation:1.62s cubic-bezier(.18,.78,.22,1) 50ms both blog-card-burst-up}.blog-card-motion-shell:hover .blog-card-motion__particle--right,.blog-card-motion-shell:focus-visible .blog-card-motion__particle--right{animation:1.56s cubic-bezier(.18,.78,.22,1) .1s both blog-card-burst-right}@keyframes blog-card-burst-left{0%{opacity:0;transform:translate(-50%,-50%)scale(.56)rotate(6deg)}18%{opacity:1}to{opacity:0;transform:translate(-112px,-92px)scale(1.08)rotate(-22deg)}}@keyframes blog-card-burst-up{0%{opacity:0;transform:translate(-50%,-50%)scale(.56)}18%{opacity:1}to{opacity:0;transform:translate(-10px,-132px)scale(1.12)rotate(8deg)}}@keyframes blog-card-burst-right{0%{opacity:0;transform:translate(-50%,-50%)scale(.56)rotate(-6deg)}18%{opacity:1}to{opacity:0;transform:translate(96px,-80px)scale(1.06)rotate(22deg)}}@media (prefers-reduced-motion:reduce){.blog-card-motion__particle{opacity:0!important;animation:none!important}}.feature-card-hover:hover .blog-card-motion__particle--left,.feature-card-hover:focus-visible .blog-card-motion__particle--left{animation:1.52s cubic-bezier(.18,.78,.22,1) both blog-card-burst-left}.feature-card-hover:hover .blog-card-motion__particle--up,.feature-card-hover:focus-visible .blog-card-motion__particle--up{animation:1.62s cubic-bezier(.18,.78,.22,1) 50ms both blog-card-burst-up}.feature-card-hover:hover .blog-card-motion__particle--right,.feature-card-hover:focus-visible .blog-card-motion__particle--right{animation:1.56s cubic-bezier(.18,.78,.22,1) .1s both blog-card-burst-right}.blog-topic-motion{pointer-events:none;opacity:.36;width:156px;height:116px;transition:opacity .38s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1);position:absolute;top:66px;left:50%;right:auto;transform:translateY(4px)scale(.94)}.blog-topic-motion__track{opacity:.8;background:linear-gradient(90deg,#0000,#0076ff57,#ff2cc361,#0000);height:1px;position:absolute;top:54%;left:12px;right:12px}.blog-topic-motion__main,.blog-topic-motion__satellite{color:rgb(var(--c-white) / .7);filter:drop-shadow(0 0 18px #0076ff1f);will-change:transform, opacity;place-items:center;display:grid;position:absolute}.blog-topic-motion__main{top:50%;left:50%;transform:translate(-50%,-50%)}.blog-topic-motion__satellite{border:1px solid rgb(var(--c-white) / .1);background:rgb(var(--c-card) / .74);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;width:34px;height:34px}.blog-topic-motion__satellite--left{color:#0076ff;bottom:5px;left:4px}.blog-topic-motion__satellite--right{color:#ff2cc3;top:4px;right:3px}.group:hover .blog-topic-motion{opacity:.92}.group:focus-visible .blog-topic-motion{opacity:.92;transform:translateY(-2px)scale(1)}@media (hover:hover){.group:hover .blog-topic-motion{transform:translateY(-2px)scale(1)}}.group:hover .blog-topic-motion__main,.group:focus-visible .blog-topic-motion__main{animation:1.85s cubic-bezier(.22,1,.36,1) both blog-topic-main}.group:hover .blog-topic-motion__satellite--left,.group:focus-visible .blog-topic-motion__satellite--left{animation:1.7s cubic-bezier(.22,1,.36,1) 50ms both blog-topic-left}.group:hover .blog-topic-motion__satellite--right,.group:focus-visible .blog-topic-motion__satellite--right{animation:1.8s cubic-bezier(.22,1,.36,1) 90ms both blog-topic-right}@keyframes blog-topic-main{0%{transform:translate(-50%,-50%)scale(.86)rotate(-5deg)}42%{transform:translate(-68%,-50%)scale(1.08)rotate(4deg)}to{transform:translate(-38%,-50%)scale(1)rotate(0)}}@keyframes blog-topic-left{0%{opacity:.25;transform:translateY(12px)scale(.72)}45%{opacity:1;transform:translate(46px,-18px)scale(1.05)}to{opacity:.45;transform:translate(84px,-42px)scale(.9)}}@keyframes blog-topic-right{0%{opacity:.25;transform:translateY(-8px)scale(.72)}48%{opacity:1;transform:translate(-42px,24px)scale(1.08)}to{opacity:.45;transform:translate(-78px,48px)scale(.9)}}@media (width<=1279px){.blog-topic-motion{transform-origin:100% 0;top:82px;left:auto;right:14px;transform:scale(.86)}}@media (prefers-reduced-motion:reduce){.blog-topic-motion,.blog-topic-motion__main,.blog-topic-motion__satellite{transition:none!important;animation:none!important}}
