.all-posts-page{min-height:60vh;padding:40px 0 80px}.all-posts-page .all-posts-header{text-align:center;margin-bottom:60px}.all-posts-page .all-posts-header h1{color:#2563eb;margin-bottom:16px;font-size:3rem;font-weight:700;line-height:1.2}@media (max-width:639px){.all-posts-page .all-posts-header h1{font-size:2.5rem}}.all-posts-page .all-posts-header p{color:#6b7280;max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.6}@media (max-width:639px){.all-posts-page .all-posts-header p{font-size:1.1rem}}.all-posts-page .posts-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:60px;display:grid}@media (max-width:639px){.all-posts-page .posts-grid{grid-template-columns:1fr;gap:20px}}@media (min-width:640px) and (max-width:767px){.all-posts-page .posts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}}.all-posts-page .no-posts,.all-posts-page .error-state{text-align:center;padding:80px 20px}.all-posts-page .no-posts h1,.all-posts-page .no-posts h2,.all-posts-page .error-state h1,.all-posts-page .error-state h2{color:#2563eb;margin-bottom:20px;font-size:2.5rem;font-weight:700}@media (max-width:639px){.all-posts-page .no-posts h1,.all-posts-page .no-posts h2,.all-posts-page .error-state h1,.all-posts-page .error-state h2{font-size:2rem}}.all-posts-page .no-posts p,.all-posts-page .error-state p{color:#6b7280;margin-bottom:30px;font-size:1.1rem;line-height:1.6}.all-posts-page .no-posts .back-home-btn,.all-posts-page .error-state .back-home-btn{color:#fff;background:#2563eb;border:2px solid #0000;border-radius:8px;align-items:center;padding:15px 30px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.all-posts-page .no-posts .back-home-btn:hover,.all-posts-page .error-state .back-home-btn:hover{background:#134cca;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.all-posts-page .no-posts .back-home-btn:active,.all-posts-page .error-state .back-home-btn:active{transform:translateY(0)}@media (max-width:639px){.all-posts-page .no-posts .back-home-btn,.all-posts-page .error-state .back-home-btn{padding:12px 24px;font-size:.95rem}}.all-posts-page .error-state h1{color:#dc2626}@media (max-width:639px){.all-posts-page{padding:20px 0 60px}.all-posts-page .all-posts-header,.all-posts-page .posts-grid{margin-bottom:40px}.all-posts-page .pagination{margin-top:40px;padding-top:30px}}@media (min-width:640px) and (max-width:767px){.all-posts-page .posts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}