.blog-page{background:var(--gray-50);min-height:80vh;padding:2rem 0 5rem}.blog-header{text-align:center;margin-bottom:2rem}.blog-header h1{margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.blog-header p{color:var(--gray-600);margin-bottom:.75rem;font-size:1.05rem}.blog-count{background:var(--primary-red-light);color:var(--primary-red);border-radius:var(--radius-full);padding:.3rem 1rem;font-size:.85rem;font-weight:700;display:inline-block}.blog-filter-bar{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--gray-100);flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2.5rem;padding:1.25rem;display:flex}.blog-filter-tag{border-radius:var(--radius-full);border:1px solid var(--gray-200);background:var(--white);color:var(--gray-700);cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.blog-filter-tag:hover{border-color:var(--primary-red);color:var(--primary-red);background:var(--primary-red-light)}.blog-filter-tag.active{background:var(--primary-red);color:var(--white);border-color:var(--primary-red)}.blog-filter-tag.active .blog-filter-count{color:var(--white);background:#ffffff40}.blog-filter-count{background:var(--gray-100);color:var(--gray-500);border-radius:var(--radius-full);text-align:center;min-width:1.2rem;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.blog-posts-grid{flex-direction:column;gap:1.5rem;display:flex}.blog-card{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--gray-100);grid-template-columns:340px 1fr;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:grid;position:relative;overflow:hidden}.blog-card:before{content:"";background:linear-gradient(90deg,var(--primary-red),var(--primary-red-gradient-end));transform-origin:0;z-index:1;height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.blog-card:hover:before{transform:scaleX(1)}.blog-card:hover{box-shadow:var(--shadow-lg);border-color:var(--gray-200)}.blog-card-image-link{text-decoration:none;display:block}.blog-card-image{background:var(--dark);min-height:220px;position:relative;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{flex-direction:column;padding:1.75rem 2rem;display:flex}.blog-card-meta{justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.78rem;font-weight:600;display:flex}.blog-card-category{background:var(--primary-red);color:var(--white);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;padding:.25rem .75rem;font-size:.7rem;font-weight:700;transition:all .2s;display:inline-block}.blog-card-category:hover{background:var(--primary-red-gradient-end)}.blog-card-date{color:var(--gray-500)}.blog-card-title-link{color:var(--dark);text-decoration:none}.blog-card-title-link h2{transition:var(--transition);margin-bottom:.75rem;font-size:1.25rem;line-height:1.4}.blog-card-title-link:hover h2{color:var(--primary-red)}.blog-card-excerpt{color:var(--gray-600);flex:1;margin-bottom:1.25rem;font-size:.92rem;line-height:1.7}.blog-card-readmore{color:var(--primary-red);transition:var(--transition);align-items:center;gap:.25rem;margin-top:auto;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.blog-card-readmore:hover{gap:.5rem}.blog-no-results{text-align:center;color:var(--gray-500);background:var(--white);border-radius:var(--radius-md);border:1px solid var(--gray-100);padding:3rem;font-size:1rem}.blog-pagination{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--gray-100);justify-content:center;align-items:center;gap:.75rem;margin-top:3rem;padding:1.5rem;display:flex}.blog-pagination-btn{border-radius:var(--radius-full);background:var(--white);border:1px solid var(--gray-200);color:var(--gray-700);white-space:nowrap;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.blog-pagination-btn:hover{border-color:var(--primary-red);color:var(--primary-red);background:var(--primary-red-light)}.blog-pagination-pages{gap:.35rem;display:flex}.blog-pagination-page{border-radius:var(--radius-full);background:var(--white);border:1px solid var(--gray-200);width:2.25rem;height:2.25rem;color:var(--gray-700);justify-content:center;align-items:center;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.blog-pagination-page:hover{border-color:var(--primary-red);color:var(--primary-red);background:var(--primary-red-light)}.blog-pagination-page.active{background:var(--primary-red);color:var(--white);border-color:var(--primary-red);pointer-events:none}@media (max-width:900px){.blog-card{grid-template-columns:260px 1fr}.blog-card-content{padding:1.25rem 1.5rem}}@media (max-width:640px){.blog-card{grid-template-columns:1fr}.blog-card-image{aspect-ratio:16/9;min-height:unset;max-height:240px}.blog-card-content{padding:1.25rem}.blog-card-title-link h2{font-size:1.1rem}.blog-filter-bar{gap:.35rem;padding:.75rem}.blog-filter-tag{padding:.35rem .75rem;font-size:.75rem}.blog-pagination{flex-wrap:wrap;gap:.5rem;padding:1rem}.blog-pagination-btn{padding:.5rem .75rem;font-size:.8rem}.blog-pagination-page{width:2rem;height:2rem;font-size:.8rem}}
