.blog-content{padding:6rem 0;min-height:400px;background:#fff}.blog-tools{display:flex;flex-direction:column;gap:2.5rem;margin-bottom:5rem;align-items:center}.search-box{position:relative;width:100%;max-width:500px}.search-box input{width:100%;padding:1.25rem 1.75rem;background:#fff;border:2px solid #f1f5f9;border-radius:1.5rem;font-size:1.0625rem;color:#1e293b;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 40px #0000000a}.search-box input:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 20px 50px #e26b6d14;transform:translateY(-2px)}.category-filter{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.filter-btn{display:inline-block;text-decoration:none;padding:.625rem 1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.875rem;font-size:.9375rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s ease}.filter-btn:hover{background:#fff;border-color:var(--color-primary-300);color:var(--color-primary-600);transform:translateY(-2px)}.filter-btn.active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff;box-shadow:0 8px 16px #e26b6d33}.posts-grid{display:grid;gap:3rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.blog-list-page .post-card{display:flex;flex-direction:column;background:#fff;border-radius:1.75rem;overflow:hidden;transition:all .5s cubic-bezier(.2,.8,.2,1);border:1px solid #f1f5f9;box-shadow:0 4px 20px #00000008;height:100%}.post-card:hover{transform:translateY(-16px) scale(1.02);box-shadow:0 40px 80px #0000001a}.post-image{position:relative;aspect-ratio:16/11;overflow:hidden;min-height:180px;background:#f1f5f9}@supports not (aspect-ratio: 16/11){.post-image{padding-top:68.75%;height:0}.post-image img{position:absolute;top:0;left:0}}.post-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.165,.84,.44,1)}.post-card:hover .post-image img{transform:scale(1.1)}.post-category{position:absolute;top:1.25rem;left:1.25rem;padding:.5rem 1.25rem;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-primary-700);border-radius:.875rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;z-index:2;box-shadow:0 4px 12px #0000000d}.blog-list-page .post-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.post-date{font-size:.8125rem;color:#94a3b8;margin-bottom:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.blog-list-page .post-title{font-size:1.375rem;font-weight:800;line-height:1.3;margin-bottom:1rem;color:#0f172a;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-list-page .post-excerpt{font-size:.9375rem;color:#64748b;line-height:1.5;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.post-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1.75rem;border-top:1px solid #f8fafc}.post-author{display:flex;align-items:center;gap:.875rem}.author-avatar{width:36px;height:36px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;border:2px solid white;box-shadow:0 2px 8px #0000000d;overflow:hidden}.author-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.blog-list-page .author-name{font-size:.9375rem;font-weight:700;color:#334155}.read-more-btn{display:flex;align-items:center;gap:.5rem;font-weight:800;color:var(--color-primary-600);text-decoration:none;font-size:.9375rem;padding:.5rem 1rem;background:var(--color-primary-50);border-radius:.75rem;transition:all .3s ease}.read-more-btn:hover{background:var(--color-primary-600);color:#fff;transform:translate(4px)}.pagination{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:5rem}.page-numbers{display:flex;gap:.75rem}.page-btn{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #f1f5f9;border-radius:1.25rem;font-size:1.0625rem;font-weight:700;color:#64748b;cursor:pointer;transition:all .3s ease}.page-btn:hover:not(:disabled){border-color:var(--color-primary-300);color:var(--color-primary-600);background:var(--color-primary-50);transform:translateY(-2px)}.page-btn.active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff;box-shadow:0 12px 24px #e26b6d4d}.page-btn.nav-btn{width:auto;padding:0 1.75rem}.loading-state{padding:12rem 0;display:flex;flex-direction:column;align-items:center;gap:2rem}.spinner{width:60px;height:60px;border:5px solid #f1f5f9;border-top:5px solid var(--color-primary-600);border-radius:50%;animation:spin 1s cubic-bezier(.5,0,.5,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-list-page .empty-state{text-align:center;padding:8rem 2rem;background:#fff;border-radius:2rem;border:1px solid #f1f5f9;box-shadow:0 10px 40px #00000005;max-width:700px;margin:2rem auto}.blog-list-page .empty-icon{font-size:3.5rem;margin-bottom:2rem;display:inline-block;filter:drop-shadow(0 4px 12px rgba(226,107,109,.15))}.blog-list-page .empty-state h3{font-size:2rem;font-weight:800;color:#0f172a;margin-bottom:1.25rem}.blog-list-page .empty-state p{font-size:1.125rem;color:#64748b;line-height:1.7;max-width:500px;margin:0 auto 2.5rem}@media(max-width:1280px){.posts-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(max-width:1024px){.blog-hero .hero-title{font-size:2.75rem}}@media(max-width:768px){.blog-hero{padding:5rem 0 4rem}.blog-hero .hero-title{font-size:2.25rem}.posts-grid{grid-template-columns:1fr}.pagination{flex-direction:column;gap:1.5rem}}