:root{--brand:#1F1D1D;--muted:#AFAFB0;--muted-25:rgba(175,175,176,0.25);--muted-50:rgba(175,175,176,0.5);--brand-08:rgba(31,29,29,0.08);--brand-12:rgba(31,29,29,0.12);--brand-25:rgba(31,29,29,0.25)}.blog-cta-button{position:relative;overflow:hidden;isolation:isolate;border:1px solid var(--brand);color:var(--brand);transition:color .25s ease,border-color .25s ease,background .25s ease}.blog-cta-button:before{content:"";position:absolute;inset:0;left:-100%;background:var(--brand);transition:left .28s ease;z-index:0}.blog-cta-button:hover:before{left:0}.blog-cta-button:hover{color:#fff!important;border-color:var(--brand)!important}.blog-card{background:#fff;border:1px solid var(--muted-50);box-shadow:0 6px 16px -6px var(--brand-12);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s ease;will-change:transform,box-shadow}.blog-card:hover{transform:translateY(-6px);border-color:var(--muted)}.blog-card-image{transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}.blog-card:hover .blog-card-image{transform:scale(1.06)}.hero-bg-shape{animation:float 6s ease-in-out infinite}.hero-bg-shape:nth-child(2){animation-delay:-3s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(3deg)}}.stats-number{animation:countUp .7s ease-out both}@keyframes countUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.section-divider{position:relative;overflow:hidden}.section-divider:before{content:"";position:absolute;top:50%;left:-100%;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--brand),transparent);animation:slideIn 1.6s ease-out both}@keyframes slideIn{to{left:100%}}.recent-post-item{position:relative;transition:transform .25s ease,background .25s ease}.recent-post-item:before{content:"";position:absolute;inset:0 0 0 auto;left:0;width:0;background:var(--brand);transition:width .25s ease}.recent-post-item:hover{background:linear-gradient(135deg,#F8F8F8,#F0F0F0);transform:translateX(8px)}.recent-post-item:hover:before{width:4px}.newsletter-card{position:relative;overflow:hidden}.newsletter-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(195,195,196,.12),transparent);transform:rotate(45deg);opacity:0;transition:transform .5s ease,opacity .5s ease}.newsletter-card:hover:before{transform:rotate(45deg) translate(50%,50%);opacity:1}.blog-grid-item{animation:fadeInUp .5s ease-out both}.blog-grid-item:first-child{animation-delay:.08s}.blog-grid-item:nth-child(2){animation-delay:.12s}.blog-grid-item:nth-child(3){animation-delay:.16s}.blog-grid-item:nth-child(4){animation-delay:.2s}.blog-grid-item:nth-child(5){animation-delay:.24s}.blog-grid-item:nth-child(6){animation-delay:.28s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-badge{animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.author-avatar{position:relative;transition:transform .25s ease}.author-avatar:after{content:"";position:absolute;inset:-2px;border-radius:9999px;background:linear-gradient(45deg,var(--brand),var(--muted));opacity:0;transition:opacity .25s ease;z-index:-1}.blog-card:hover .author-avatar{transform:translateY(-1px)}.blog-card:hover .author-avatar:after{opacity:1}.read-time-badge{transform:translateY(-8px);opacity:0;transition:transform .25s ease,opacity .25s ease}.blog-card:hover .read-time-badge{transform:translateY(0);opacity:1}.sidebar-sticky{transition:top .25s ease}.blog-image{background:linear-gradient(90deg,#F2F2F2 25%,#E7E7E7 50%,#F2F2F2 75%);background-size:200% 100%;animation:shimmer 1.8s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.blog-card:hover{transform:translateY(-4px)}.hero-bg-shape{animation-duration:8s}.recent-post-item:hover{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.author-avatar,.blog-card,.blog-card-image,.blog-grid-item,.hero-bg-shape,.newsletter-card:before,.read-time-badge,.section-divider:before{animation:none!important;transition:none!important;transform:none!important}}