.blogs-page-wrapper{background-color:var(--color-white);position:relative}.filter-section{border-bottom:1px solid var(--color-gray-100);padding:60px 0 30px}.search-filter-wrapper{flex-direction:column;gap:20px;display:flex}@media (min-width:992px){.search-filter-wrapper{flex-direction:row;justify-content:space-between;align-items:center}}.categories-tabs{flex-wrap:wrap;gap:10px;display:flex}.category-tab-btn{border:1px solid var(--color-gray-200);background-color:var(--color-white);color:var(--color-gray-600);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-base);cursor:pointer;padding:8px 20px}.category-tab-btn:hover{border-color:var(--color-secondary);color:var(--color-secondary);background-color:#00adef0d}.category-tab-btn.active{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-white);box-shadow:0 4px 12px #00adef40}.search-bar-container{width:100%;max-width:350px;position:relative}.search-input{border:1px solid var(--color-gray-200);border-radius:var(--radius-full);width:100%;font-size:var(--font-size-sm);color:var(--color-gray-800);transition:var(--transition-base);outline:none;padding:10px 20px 10px 45px}.search-input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #00adef1a}.search-icon-inside{color:var(--color-gray-400);font-size:var(--font-size-sm);position:absolute;top:50%;left:18px;transform:translateY(-50%)}.featured-post-section{padding:60px 0}.featured-card-wrapper{background:var(--color-white);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-lg);transition:var(--transition-slow);border-radius:24px;overflow:hidden}.featured-card-wrapper:hover{box-shadow:var(--shadow-xl);border-color:#00adef33;transform:translateY(-5px)}.featured-img-box{height:100%;min-height:300px;position:relative;overflow:hidden}.featured-img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.featured-card-wrapper:hover .featured-img{transform:scale(1.05)}.featured-content-box{flex-direction:column;justify-content:center;height:100%;padding:40px;display:flex}.post-meta-info{font-size:var(--font-size-xs);color:var(--color-gray-500);align-items:center;gap:15px;margin-bottom:15px;display:flex}.meta-item{align-items:center;gap:5px;display:flex}.featured-title{color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-3xl);transition:color var(--transition-base);margin-bottom:15px;line-height:1.3}.featured-card-wrapper:hover .featured-title{color:var(--color-secondary)}.featured-desc{color:var(--color-gray-600);font-size:var(--font-size-base);margin-bottom:25px;line-height:1.6}.author-block{align-items:center;gap:12px;display:flex}.author-avatar{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-secondary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);background-color:#00adef1a;justify-content:center;align-items:center;display:flex}.author-name-text{font-weight:var(--font-weight-semibold);color:var(--color-gray-800);font-size:var(--font-size-sm);margin-bottom:2px}.author-role{font-size:var(--font-size-xs);color:var(--color-gray-500)}.blog-grid-section{padding:20px 0 100px}.blog-grid-card{background:var(--color-white);border:1px solid var(--color-gray-100);height:100%;box-shadow:var(--shadow-sm);transition:var(--transition-base);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.blog-grid-card:hover{box-shadow:var(--shadow-lg);border-color:#00adef33;transform:translateY(-8px)}.card-img-box{background-color:var(--color-gray-100);height:220px;position:relative;overflow:hidden}.card-img-actual{object-fit:cover;width:100%;height:100%;transition:transform .6s}.blog-grid-card:hover .card-img-actual{transform:scale(1.08)}.category-badge-overlay{background-color:var(--color-secondary);color:var(--color-white);border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;position:absolute;top:20px;left:20px;box-shadow:0 4px 10px #00000026}.card-content-box{flex-direction:column;flex-grow:1;padding:25px;display:flex}.grid-post-title{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);transition:color var(--transition-base);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:50px;margin-bottom:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-grid-card:hover .grid-post-title{color:var(--color-secondary)}.grid-post-desc{color:var(--color-gray-600);font-size:var(--font-size-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;height:67px;margin-bottom:20px;line-height:1.6;display:-webkit-box;overflow:hidden}.card-footer-box{border-top:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;display:flex}.read-article-link{color:var(--color-secondary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);transition:var(--transition-base);align-items:center;gap:6px;display:flex}.read-article-link svg{transition:transform var(--transition-base)}.blog-grid-card:hover .read-article-link svg{transform:translate(4px)}.blog-cta-section{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);color:var(--color-white);padding:80px 0;position:relative;overflow:hidden}.blog-cta-section:after{content:"";background:#00adef1a;border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;right:-100px}.blog-cta-section:before{content:"";border-radius:var(--radius-xl);background:#ffffff05;width:200px;height:200px;position:absolute;bottom:-50px;left:-50px;transform:rotate(45deg)}.cta-headline{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:15px}.cta-subtext{font-size:var(--font-size-lg);opacity:.85;max-width:600px;margin:0 auto 30px}.empty-state-box{text-align:center;color:var(--color-gray-500);padding:60px 0}.empty-state-box svg{color:var(--color-gray-300);margin-bottom:20px;font-size:48px}