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