.blog-page{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background:var(--primary-bg);z-index:23}.blog-page .blog-page-out{width:100%;height:100%;position:relative}.blog-page .main-sec{width:100%;height:100%;padding-top:80px;overflow-y:auto}.blogs-main-page{width:100%;height:100%;overflow:auto;overflow-x:hidden;padding:40px 40px 80px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:18px;color:var(--text-secondary,#666)}.pagination-container{margin-top:60px;display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px 0}.pagination-info{font-size:14px;color:var(--text-secondary,#666);font-weight:500}.pagination-controls{gap:8px;flex-wrap:wrap}.pagination-btn,.pagination-controls{display:flex;align-items:center;justify-content:center}.pagination-btn{min-width:40px;height:40px;padding:0 16px;border:1px solid var(--border-color,#e0e0e0);background:var(--card-bg,#fff);color:var(--text-primary,#333);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn.active{background:var(--primary-color,#0d0d0d);color:#fff;font-weight:600}.pagination-btn.disabled{opacity:.4;cursor:not-allowed;background:var(--disabled-bg,#f5f5f5);color:var(--text-disabled,#999)}.pagination-dots{padding:0 8px;color:var(--text-secondary,#666);font-weight:500}@media(max-width:640px){.blogs-main-page{padding:20px 20px 80px}.pagination-container{margin-top:40px;padding:20px 0}.pagination-controls{gap:6px}.pagination-btn{min-width:36px;height:36px;padding:0 12px;font-size:13px}.pagination-info{font-size:13px}}