.blogSidebar{display:flex;flex-direction:column;gap:2rem;position:sticky;top:2rem;height:fit-content}.sidebarSection{background:rgba(26,26,26,.6);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:1.5rem;backdrop-filter:blur(10px)}.sectionTitle{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:1rem}.categoriesList{display:flex;flex-direction:column;gap:.5rem}.categoryItem{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#a0a0a0;font-size:.875rem;cursor:pointer;transition:all .2s;text-align:left;width:100%}.categoryItem:hover{background:hsla(0,0%,100%,.1);color:#fff;border-color:rgba(99,102,241,.3)}.categoryItem.active{background:rgba(99,102,241,.2);color:#6366f1;border-color:rgba(99,102,241,.4)}.categoryName{font-weight:500}.categoryCount{font-size:.75rem;opacity:.7}.categoriesLoading{display:flex;flex-direction:column;gap:.5rem}.categoryItemSkeleton{height:45px;background:hsla(0,0%,100%,.05);border-radius:8px;animation:pulse 2s ease-in-out infinite}.postsList{display:flex;flex-direction:column;gap:1rem}.miniPost{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;text-decoration:none;color:inherit;transition:all .2s}.miniPost:hover{background:hsla(0,0%,100%,.08);border-color:rgba(99,102,241,.2)}.miniPostRank{background:linear-gradient(90deg,#6366f1,#a855f7);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.miniPostContent{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.miniPostTitle{font-size:.875rem;font-weight:500;color:#fff;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.miniPost:hover .miniPostTitle{color:#6366f1}.miniPostMeta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#666}.newsletterSection{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.1));border-color:rgba(99,102,241,.2)}.newsletterDescription{color:#a0a0a0;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.newsletterButton{display:block;width:100%;padding:.75rem 1rem;background:linear-gradient(90deg,#6366f1,#a855f7);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;text-align:center;transition:all .2s}.newsletterButton:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(99,102,241,.3)}@media (max-width:1024px){.blogSidebar{position:static;grid-row:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.sidebarSection{padding:1.25rem}}@media (max-width:700px){.blogSidebar{grid-template-columns:1fr}.categoriesList{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.categoryItem{padding:.5rem .75rem;flex-direction:column;gap:.25rem;text-align:center}.miniPost{padding:.75rem;gap:.5rem}.miniPostTitle{font-size:.8rem}.miniPostMeta{font-size:.7rem}}.blogNavigation{flex-direction:column;padding:2rem 0}.blogNavigation,.navigationContainer{display:flex;align-items:center;gap:1rem}.navigationContainer{background:rgba(26,26,26,.6);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:.75rem;backdrop-filter:blur(10px)}.navButton{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#a0a0a0;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.navButton:hover:not(:disabled){background:hsla(0,0%,100%,.1);color:#fff;border-color:rgba(99,102,241,.3)}.navButton:disabled{opacity:.5;cursor:not-allowed}.pageNumbers{gap:.25rem}.pageButton,.pageNumbers{display:flex;align-items:center}.pageButton{width:40px;height:40px;justify-content:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#a0a0a0;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.pageButton:hover:not(:disabled):not(.current){background:hsla(0,0%,100%,.1);color:#fff;border-color:rgba(99,102,241,.3)}.pageButton.current{background:linear-gradient(90deg,#6366f1,#a855f7);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.pageButton.ellipsis{cursor:default;opacity:.5}.pageButton.ellipsis:hover{background:hsla(0,0%,100%,.05);color:#a0a0a0;border-color:hsla(0,0%,100%,.1)}.pageInfo{color:#666;font-size:.875rem;text-align:center}@media (max-width:768px){.navigationContainer{flex-wrap:wrap;justify-content:center;gap:.75rem;padding:1rem}.navButton{flex:1;min-width:120px;justify-content:center}.pageNumbers{order:3;flex-basis:100%;justify-content:center;margin-top:.5rem}}@media (max-width:525px){.navButton span{display:none}.navButton{min-width:auto;padding:.75rem}.pageNumbers{gap:.125rem}.pageButton{width:36px;height:36px;font-size:.8rem}}.blogPage{min-height:100vh;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:#fff;width:100vw;overflow-x:hidden}.blogContainer{max-width:1400px;margin:0 auto;padding:2rem var(--page-x-padding);display:grid;grid-template-columns:1fr 300px;gap:4rem;align-items:start}.blogMainContent{display:flex;flex-direction:column;gap:3rem}.blogGrid,.blogLoading{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.blogCardSkeleton{height:400px;background:hsla(0,0%,100%,.05);border-radius:12px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.noPosts{grid-column:1/-1;text-align:center;padding:4rem 2rem;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.noPosts h3{font-size:1.5rem;margin-bottom:1rem;color:#fff}.noPosts p{color:#a0a0a0}@media (max-width:1320px){.blogContainer{padding:2rem var(--page-x-padding-md)}}@media (max-width:1024px){.blogContainer{grid-template-columns:1fr;gap:2rem}.blogGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}}@media (max-width:700px){.blogContainer{padding:2rem var(--page-x-padding-sm)}.blogGrid{grid-template-columns:1fr;gap:1.5rem}.blogMainContent{gap:2rem}}