.article-hover-icon{opacity:0;transform:scale(.5);transition:all .4s cubic-bezier(.16, 1, .3, 1)}.blog-card-new:hover .article-hover-icon{opacity:1;transform:scale(1)}.pagination-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--card-border-color);font-weight:700;transition:all .3s;color:var(--text-primary);cursor:pointer;text-decoration:none}.pagination-btn:hover:not(.active):not([disabled]){background:var(--bg-secondary);border-color:var(--brand-primary);color:var(--brand-primary)}.pagination-btn.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);box-shadow:0 4px 15px rgba(0,102,255,.3)}.articles-grid{transition:opacity .4s ease,transform .4s ease}.articles-grid.is-loading{opacity:0;transform:translateY(10px)}.dot-nav-wrapper{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;margin-bottom:1rem}@media (max-width:1023px){.text-center.max-w-4xl .grid.grid-cols-1.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.5rem!important}.text-center.max-w-4xl .grid.grid-cols-1.md\:grid-cols-3>div{background-color:var(--bg-primary)!important;border:1px solid var(--card-border-color)!important;border-radius:1rem!important;padding:1rem .25rem!important;box-shadow:0 4px 10px rgba(0,0,0,.02)!important}[data-theme=dark] .text-center.max-w-4xl .grid.grid-cols-1.md\:grid-cols-3>div{background-color:rgba(30,30,30,.4)!important;box-shadow:none!important}.text-center.max-w-4xl .grid.grid-cols-1.md\:grid-cols-3>div .text-3xl{font-size:1.15rem!important;margin-bottom:.25rem!important}.text-center.max-w-4xl .grid.grid-cols-1.md\:grid-cols-3>div .text-\[0\.9rem\]{font-size:.65rem!important;line-height:1.2!important}.text-center.max-w-4xl .grid.grid-cols-1.md\:grid-cols-3>div .w-14.h-14{width:2.2rem!important;height:2.2rem!important;border-radius:.5rem!important;margin-bottom:.5rem!important}.text-center.max-w-4xl .grid.grid-cols-1.md\:grid-cols-3>div .w-14.h-14 i{font-size:1.1rem!important}#articles-grid,#projects-grid{display:flex!important;flex-wrap:nowrap!important;flex-direction:row!important;overflow-x:auto!important;scroll-snap-type:x mandatory;gap:16px!important;padding:10px 1.5rem 24px 1.5rem!important;margin:0!important;width:100%!important;scroll-padding-left:1.5rem!important;scroll-padding-right:1.5rem!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}#articles-grid::-webkit-scrollbar,#projects-grid::-webkit-scrollbar{display:none}#articles-grid>div,#projects-grid>div{flex:0 0 85%!important;width:85%!important;max-width:360px!important;scroll-snap-align:center;margin-top:0!important;margin-bottom:0!important}#projects-grid>div{background-color:var(--bg-primary)!important;border:1px solid var(--card-border-color)!important;border-radius:1.5rem!important;padding:.75rem!important}[data-theme=dark] #projects-grid>div{background-color:rgba(30,30,30,.4)!important}#articles-grid>div{background-color:var(--bg-secondary)!important;border:1px solid var(--card-border-color)!important;border-radius:1.5rem!important;padding:0!important;overflow:hidden!important;box-shadow:none!important}[data-theme=dark] #articles-grid>div{background-color:rgba(40,40,40,.5)!important}#articles-grid>div .content-wrapper{padding:1.25rem!important}}@media (min-width:1024px){body .desktop-transparent-wrapper{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body .desktop-seamless-card{background-color:var(--bg-primary)!important;transition:transform .5s cubic-bezier(.2, .8, .2, 1),box-shadow .5s cubic-bezier(.2, .8, .2, 1),outline-color .4s ease,outline-offset .4s ease,background-color .4s ease!important;border-width:1px!important;border-style:solid!important;will-change:transform,box-shadow;border-radius:2rem;outline:2px solid transparent;outline-offset:0px}body .desktop-seamless-card:hover{transform:translateY(-8px)!important;border-color:transparent!important;outline-color:var(--hover-green-border)!important;outline-offset:4px!important;box-shadow:0 15px 35px var(--hover-green-shadow)!important;background-color:var(--bg-primary)!important;z-index:10}.author-project-card{border-color:var(--card-border-color)!important;border-width:1px!important;border-style:solid!important;border-radius:2rem}}