.blog-card{position:relative;z-index:2;background:var(--primary-color);transition:background-color .15s ease,top .1s}.blog-card:before{top:6px;bottom:6px;left:-6px;right:-6px}.blog-card:after,.blog-card:before{content:"";position:absolute;background:var(--primary-color);z-index:-1;transition:background-color .15s ease}.blog-card:after{top:3px;bottom:3px;left:-3px;right:-3px}.blog-card:focus-visible,.blog-card:hover{background:var(--purple)}.blog-card:focus-visible:after,.blog-card:focus-visible:before,.blog-card:hover:after,.blog-card:hover:before{background:var(--purple)}.blog-arrow{position:static;z-index:2;flex-shrink:0;width:clamp(48px,4vw,64px);height:clamp(48px,4vw,64px);padding:0;background-color:transparent;background-repeat:no-repeat;background-position:50%;background-size:contain;border:none;cursor:pointer;opacity:0;transition:opacity .4s ease,filter .2s ease,transform .2s ease;filter:drop-shadow(0 0 4px rgba(194,101,175,.6));animation:blog-arrow-pulse 2.4s ease-in-out infinite}.blog-arrow-ready{opacity:1}@keyframes blog-arrow-pulse{0%,to{filter:drop-shadow(0 0 4px rgba(194,101,175,.6))}50%{filter:drop-shadow(0 0 10px rgba(194,101,175,.95)) drop-shadow(0 0 20px rgba(142,50,179,.55))}}@keyframes blog-arrow-drift-left{0%,to{translate:0}50%{translate:-5px}}@keyframes blog-arrow-drift-right{0%,to{translate:0}50%{translate:5px}}.blog-arrow-left{background-image:url(/arrow-left.svg);animation:blog-arrow-pulse 2.4s ease-in-out infinite,blog-arrow-drift-left 1.5s ease-in-out infinite}.blog-arrow-right{background-image:url(/arrow-right.svg);transform:scaleX(-1);animation:blog-arrow-pulse 2.4s ease-in-out infinite,blog-arrow-drift-right 1.5s ease-in-out infinite}.blog-arrow:focus-visible,.blog-arrow:hover:not(:disabled){animation-play-state:paused;filter:drop-shadow(0 0 10px #c265af) drop-shadow(0 0 20px #8e32b3)}.blog-arrow:focus-visible{outline:2px solid #c265af;outline-offset:2px}.blog-arrow-left:focus-visible,.blog-arrow-left:hover:not(:disabled){transform:translateX(6px)}.blog-arrow-right:focus-visible,.blog-arrow-right:hover:not(:disabled){transform:scaleX(-1) translateX(6px)}.blog-arrow-left:active:not(:disabled){transform:translateX(3px) scale(.88);transition:transform .15s ease}.blog-arrow-right:active:not(:disabled){transform:scaleX(-1) translateX(3px) scale(.88);transition:transform .15s ease}.blog-arrow:disabled{opacity:.6;pointer-events:none;animation-play-state:paused}@media (prefers-reduced-motion:reduce){.blog-arrow{animation-duration:.01ms}}.blog-dots.sdots{position:static;bottom:auto;left:auto;transform:none;justify-content:center;margin-top:24px}.blog-panel{position:relative;z-index:2;background:rgba(10,10,15,.55)}.blog-panel:before{top:8px;bottom:8px;left:-8px;right:-8px;background:var(--primary-color)}.blog-panel:after,.blog-panel:before{content:"";position:absolute;z-index:-1}.blog-panel:after{top:4px;bottom:4px;left:-4px;right:-4px;background:var(--purple);opacity:.6}.blog-heading-bar{display:block;width:64px;height:3px;margin:-4px 0 18px;background:#00b4d8;box-shadow:0 0 8px rgba(0,180,216,.6)}.blog-code{position:relative;margin:24px 0;border:1px solid rgba(194,101,175,.35);background:rgba(0,0,0,.55);overflow:hidden}.blog-code-bar{display:flex;gap:6px;padding:8px 10px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(194,101,175,.25)}.blog-code-dot{width:8px;height:8px;border-radius:50%;background:var(--tertiary-color-dark);opacity:.7}.blog-code pre{margin:0;padding:14px 16px;overflow-x:auto}.blog-cover{border:2px solid #00b4d8;box-shadow:0 0 20px rgba(0,180,216,.25)}.blog-title-glow{position:relative}.blog-title-glow:before{content:"";position:absolute;inset:14px 15%;z-index:-1;border-radius:999px;background:var(--primary-color);animation:glowPulse 3s ease-in-out infinite}