.pagination{justify-content:center;align-items:center;gap:16px;margin-top:48px;margin-bottom:24px;display:flex}.pagination-btn{border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text);background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.pagination-btn:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-numbers{align-items:center;gap:8px;display:flex}.pagination-number{width:36px;height:36px;color:var(--color-text-sub);border-radius:8px;justify-content:center;align-items:center;font-weight:500;transition:all .2s;display:flex}.pagination-number:hover{background-color:var(--color-bg-light);color:var(--color-primary)}.pagination-number.active{background-color:var(--color-primary);color:#fff;font-weight:600}.pagination-ellipsis{color:var(--color-text-sub);padding:0 4px}
.blog-page{background-color:var(--color-bg-light);min-height:100vh;padding-bottom:80px}.blog-list-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.no-blogs{text-align:center;color:var(--color-text-sub);padding:60px 0;font-size:18px}.blog-grid-loading{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.blog-skeleton{aspect-ratio:3/2;background-color:#eee;border-radius:20px;animation:1.5s ease-in-out infinite pulse}@media (max-width:1024px){.blog-list-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-list-grid{grid-template-columns:1fr;gap:24px}.blog-grid-loading{grid-template-columns:1fr}}