.LazyImage_container__Ok6Nj{position:relative;width:100%;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-border)}.LazyImage_skeleton__Xmko7{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-border) 0,hsla(0,0%,100%,.1) 50%,var(--color-border) 100%);background-size:200% 100%;animation:LazyImage_shimmer__GiJQT 1.5s infinite;transition:opacity .3s}.LazyImage_skeleton__Xmko7.LazyImage_hidden__iarUE{opacity:0}.LazyImage_image__PUqXt{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease-in-out,transform .3s ease}.LazyImage_image__PUqXt.LazyImage_loaded__TBjf0{opacity:1}@keyframes LazyImage_shimmer__GiJQT{0%{background-position:-200% 0}to{background-position:200% 0}}.BlogSection_wrapper__Rb2Ga{position:relative;width:100%;max-width:1200px;margin:0 auto;flex-grow:1}.BlogSection_backgroundGradient__yI2VP{position:absolute;inset:0;z-index:-1;opacity:.6;overflow:hidden;pointer-events:none}.BlogSection_gradient1__fbaXc{width:560px;transform:translateY(-350px) rotate(-45deg);background:radial-gradient(68.54% 68.72% at 55.02% 31.46%,rgba(0,0,0,.06) 0,hsla(0,0%,55%,.02) 50%,rgba(0,0,0,.01) 80%)}.BlogSection_gradient1__fbaXc,.BlogSection_gradient2__kqiTy{position:absolute;top:0;left:0;height:1280px;border-radius:50%}.BlogSection_gradient2__kqiTy{transform:translate(5%,-50%) rotate(-45deg)}.BlogSection_gradient2__kqiTy,.BlogSection_gradient3__oUlyM{width:240px;background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.04) 0,rgba(0,0,0,.01) 80%,transparent 100%)}.BlogSection_gradient3__oUlyM{position:absolute;top:0;left:0;height:1280px;transform:translateY(-350px) rotate(-45deg);border-radius:50%}.BlogSection_container__Erw__{width:100%;position:relative;z-index:1}.BlogSection_header__QPY2k{padding:2rem 1rem}.BlogSection_title__K_znJ{font-family:Monaco,Courier New,monospace;font-size:2.25rem;font-weight:700;letter-spacing:.025em;margin-bottom:.5rem}.BlogSection_subtitle__P9PHr{color:var(--color-text-secondary);font-size:1rem;line-height:1.5}.BlogSection_divider__NsV_S{width:100%;height:1px;border-bottom:1px dashed var(--color-border);margin-bottom:1rem}.BlogSection_grid__hFIRh{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;padding:1rem;position:relative;z-index:10}@media (min-width:768px){.BlogSection_grid__hFIRh{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.BlogSection_grid__hFIRh{grid-template-columns:repeat(3,1fr)}}.BlogSection_card__0qnSx{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border-radius:var(--radius-md);transition:all .2s ease;background:transparent;position:relative}.BlogSection_card__0qnSx:hover{background:rgba(0,102,255,.05);transform:translateY(-2px)}.BlogSection_card__0qnSx:active{background:rgba(0,102,255,.1)}.BlogSection_pinnedBadge__qou8Y{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.375rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;align-items:center;gap:.25rem;animation:BlogSection_pinPulse__TizHz 2s ease-in-out infinite}@keyframes BlogSection_pinPulse__TizHz{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.BlogSection_cardImage__SYSzK{transition:transform .5s ease;border-radius:var(--radius-md);overflow:hidden}.BlogSection_card__0qnSx:hover .BlogSection_cardImage__SYSzK{transform:scale(1.05)}.BlogSection_cardContent__xsQjR{padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.BlogSection_meta__xBK2e{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-text-secondary)}@media (min-width:640px){.BlogSection_meta__xBK2e{font-size:.8125rem}}.BlogSection_metaDot__vPWLG{width:4px;height:4px;background:var(--color-text-secondary);border-radius:50%}.BlogSection_cardTitle__A7bOe{font-size:1.125rem;font-weight:600;line-height:1.25;letter-spacing:-.01em;-webkit-line-clamp:2;line-clamp:2}.BlogSection_cardDescription__FVFdN,.BlogSection_cardTitle__A7bOe{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin:0}.BlogSection_cardDescription__FVFdN{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;-webkit-line-clamp:3;line-clamp:3}@media (max-width:768px){.BlogSection_title__K_znJ{font-size:1.875rem}.BlogSection_header__QPY2k{padding:1.5rem 1rem}}.Demo_page__r1g2c{min-height:100vh;display:flex;flex-direction:column}.Demo_nav__3rKCq{padding:1.5rem;border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;background:var(--color-bg);z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.Demo_backLink__3FUwv{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);padding:.5rem 1rem;border-radius:var(--radius-sm);transition:all var(--transition)}.Demo_backLink__3FUwv:hover{background:var(--color-border);color:var(--color-text)}