.blog-header{background:linear-gradient(135deg, var(--primary), var(--primary-dark));text-align:center;color:#fff;padding:140px 0 100px}.blog-badge{color:#fff;letter-spacing:1px;backdrop-filter:blur(4px);background:#fff3;border-radius:50px;margin-bottom:25px;padding:6px 18px;font-size:.8rem;font-weight:900;display:inline-block}.blog-header h1{font-family:var(--font-heading);letter-spacing:-2px;margin-bottom:15px;font-size:4rem;font-weight:900;line-height:1}.blog-header p{color:#ffffffd9;max-width:650px;margin:0 auto;font-size:1.3rem;font-weight:500}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.blog-list{background:var(--gray-50);padding:60px 0 80px}.blog-meta-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.total-articles{color:var(--gray-600);font-size:1.1rem;font-weight:600}.total-articles strong{color:var(--primary);font-weight:900}.search-box{width:100%;max-width:350px;position:relative}.search-box input{border:1px solid var(--gray-200);width:100%;font-size:.95rem;font-weight:600;font-family:var(--font-body);background:var(--white);border-radius:50px;padding:12px 20px 12px 45px;transition:all .3s}.search-box input:focus{border-color:var(--primary);outline:none;box-shadow:0 4px 15px #ff8c001a}.search-box svg{color:var(--gray-600);position:absolute;top:50%;left:15px;transform:translateY(-50%)}.category-tags{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:40px;display:flex}.cat-label{color:var(--gray-600);margin-right:5px;font-size:.9rem;font-weight:800}.cat-tag{background:var(--white);border:1px solid var(--gray-200);color:var(--gray-600);cursor:pointer;border-radius:50px;padding:6px 15px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s}.cat-tag:hover,.cat-tag.active{background:var(--primary);color:#fff;border-color:var(--primary)}.blog-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:60px;display:grid}.blog-card{background:var(--white);border:1px solid var(--gray-200);border-radius:24px;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 15px 45px #ff8c000f}.blog-card:hover{border-color:var(--primary);transform:translateY(-10px);box-shadow:0 25px 60px #ff8c0026}.card-img{background:var(--gray-100);height:220px;position:relative;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%;transition:all .5s}.blog-card:hover .card-img img{transform:scale(1.1)}.card-category{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;z-index:2;letter-spacing:.5px;border-radius:50px;padding:6px 15px;font-size:.72rem;font-weight:900;position:absolute;top:15px;left:15px;box-shadow:0 4px 10px #0003}.card-body{flex-direction:column;flex-grow:1;padding:28px;display:flex}.card-meta{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.date{color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:700}.reading-time{color:var(--gray-600);background:var(--gray-100);border-radius:6px;padding:4px 10px;font-size:.78rem;font-weight:700}.card-body h2{font-family:var(--font-heading);color:var(--black);margin-bottom:12px;font-size:1.3rem;font-weight:800;line-height:1.3}.title-link{color:inherit;text-decoration:none}.card-body p{color:var(--gray-600);flex-grow:1;margin-bottom:20px;font-size:.95rem;line-height:1.6}.read-more{color:var(--primary);border-bottom:2px solid var(--secondary);align-self:flex-start;padding-bottom:2px;font-size:.9rem;font-weight:800;text-decoration:none;transition:all .3s}.read-more:hover{color:var(--primary-dark);border-color:var(--primary-dark);padding-left:5px}.pagination{border-top:1px solid var(--gray-200);justify-content:center;align-items:center;gap:30px;padding-top:50px;display:flex}.page-nav{color:var(--black);font-size:.95rem;font-weight:800;text-decoration:none;transition:all .3s}.page-nav:hover{color:var(--primary)}.page-nav.disabled{opacity:.3;cursor:not-allowed}.page-numbers{align-items:center;gap:12px;display:flex}.page-num{width:44px;height:44px;color:var(--gray-600);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;font-weight:800;text-decoration:none;transition:all .3s;display:flex}.page-num:hover{background:var(--white);color:var(--primary);border-color:var(--gray-200)}.page-num.active{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:0 4px 15px #ff8c0033}.no-results{text-align:center;background:var(--white);color:var(--gray-600);border-radius:20px;margin-bottom:60px;padding:50px 20px;font-size:1.2rem;font-weight:700}.blog-newsletter{background:var(--gray-50);padding-bottom:80px}.newsletter-box{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;text-align:center;border-radius:30px;padding:70px 40px}.newsletter-box h3{font-family:var(--font-heading);letter-spacing:-1px;margin-bottom:16px;font-size:2.4rem;font-weight:900}.newsletter-box p{opacity:.9;max-width:550px;margin-bottom:35px;margin-left:auto;margin-right:auto;font-size:1.15rem;font-weight:500}@media (width<=900px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-header h1{font-size:3rem}}@media (width<=600px){.blog-grid{grid-template-columns:1fr}.blog-header{padding:120px 0 70px}.blog-header h1{letter-spacing:-1px;font-size:2.2rem}.blog-header p{font-size:1rem}.newsletter-box{padding:50px 24px}.newsletter-box h3{font-size:1.8rem}.pagination{gap:15px}}