.blog-page-header{text-align:center;padding:3rem 1rem 2rem;margin-bottom:2rem;position:relative}.blog-header-title{font-size:2.5rem;font-weight:800;color:var(--dark);margin-bottom:0.75rem;display:flex;align-items:center;justify-content:center;gap:0.75rem;letter-spacing:-0.5px}.blog-header-icon{color:var(--primary);filter:drop-shadow(0 4px 12px rgba(37, 99, 235, 0.3))}.blog-header-desc{font-size:1.1rem;max-width:600px;margin:0 auto;color:var(--gray);line-height:1.6}.blog-breadcrumbs{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;background:var(--card-bg);backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--card-radius);margin-bottom:2rem;font-size:0.9rem;box-shadow:0 4px 15px rgba(0, 0, 0, 0.03)}.breadcrumb-link{color:var(--gray);text-decoration:none;transition:var(--transition)}.breadcrumb-link:hover{color:var(--primary)}.breadcrumb-separator{color:var(--gray);opacity:0.5}.breadcrumb-current{font-weight:600;color:var(--dark)}.breadcrumb-active{color:var(--primary);font-weight:600}.blog-filters{background:var(--card-bg);backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:var(--card-radius);padding:1.5rem;margin-bottom:2.5rem;box-shadow:var(--shadow-card)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.25rem}.filter-group{display:flex;flex-direction:column;gap:0.5rem}.filter-label{font-size:0.9rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:0.5rem}.filter-label i{color:var(--primary)}.filter-input, .filter-select{width:100%;padding:0.75rem 1rem;border:1px solid var(--light-gray);border-radius:12px;background:var(--card-bg);color:var(--text);font-size:0.95rem;outline:none;transition:var(--transition)}.filter-input:focus, .filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(37, 99, 235, 0.15)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:2rem;margin-bottom:3rem}.blog-card{background:var(--card-bg);backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:var(--card-radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-card);transition:var(--transition);position:relative}.blog-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:var(--primary-light)}.blog-card-image-wrapper{position:relative;width:100%;height:200px;overflow:hidden}.blog-card-image{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.blog-card:hover .blog-card-image{transform:scale(1.08)}.blog-card-category{position:absolute;top:1rem;right:1rem;background:rgba(37, 99, 235, 0.85);backdrop-filter:blur(8px);color:#ffffff;padding:0.35rem 0.85rem;border-radius:50px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 10px rgba(0, 0, 0, 0.15)}.blog-card-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.blog-card-meta{font-size:0.825rem;color:var(--gray);margin-bottom:0.75rem;display:flex;align-items:center;gap:0.5rem}.blog-card-title{font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:0.75rem}.blog-card-link{color:var(--dark);text-decoration:none;transition:var(--transition)}.blog-card-link:hover{color:var(--primary)}.blog-card-excerpt{font-size:0.925rem;color:var(--gray);line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--light-gray);margin-top:auto}.blog-card-readmore{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:var(--primary);color:#ffffff;border-radius:8px;font-size:0.875rem;font-weight:600;text-decoration:none;transition:var(--transition)}.blog-card-readmore:hover{background:var(--primary-dark);transform:translateX(4px);box-shadow:0 4px 12px rgba(37, 99, 235, 0.3)}.blog-card-views{font-size:0.825rem;color:var(--gray);display:flex;align-items:center;gap:0.35rem}.blog-sidebar-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-top:3rem}.blog-sidebar-title{font-size:1.15rem;font-weight:700;color:var(--dark);margin-bottom:1.25rem;display:flex;align-items:center;gap:0.5rem;border-bottom:2px solid var(--primary-light);padding-bottom:0.5rem}.blog-popular-icon{color:var(--primary)}.blog-categories-icon{color:var(--primary)}.blog-popular-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--light-gray)}.blog-popular-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.blog-popular-image-wrapper{width:65px;height:65px;border-radius:10px;overflow:hidden;flex-shrink:0}.blog-popular-image{width:100%;height:100%;object-fit:cover}.blog-popular-title{font-size:0.95rem;font-weight:600;line-height:1.3;margin-bottom:0.35rem}.blog-popular-link{color:var(--dark);text-decoration:none;transition:var(--transition)}.blog-popular-link:hover{color:var(--primary)}.blog-popular-date{font-size:0.775rem;color:var(--gray)}.blog-categories-list{list-style:none;padding:0;margin:0}.blog-category-item{margin-bottom:0.5rem}.blog-category-link{display:flex;align-items:center;justify-content:space-between;padding:0.65rem 1rem;background:var(--light-gray);border-radius:10px;color:var(--text);text-decoration:none;font-size:0.9rem;font-weight:500;transition:var(--transition)}.blog-category-link:hover{background:var(--primary);color:#ffffff;transform:translateX(5px)}.blog-category-count{background:rgba(0, 0, 0, 0.08);padding:0.15rem 0.5rem;border-radius:50px;font-size:0.775rem}.blog-category-link:hover .blog-category-count{background:rgba(255, 255, 255, 0.25);color:#ffffff}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:0.5rem;margin:3rem 0;flex-wrap:wrap}.pagination-number, .pagination-prev, .pagination-next{padding:0.6rem 1.1rem;border-radius:10px;font-weight:600;text-decoration:none;transition:var(--transition)}.pagination-number.btn-ghost, .pagination-prev, .pagination-next{background:var(--bg-card);border:1px solid var(--border-light);color:var(--text)}.pagination-number.btn-ghost:hover, .pagination-prev:hover, .pagination-next:hover{background:var(--primary-light);color:#ffffff}.pagination-number.btn-primary{background:var(--primary);color:#ffffff;box-shadow:0 4px 12px rgba(37, 99, 235, 0.3)}.pagination-disabled{opacity:0.4;cursor:not-allowed}.blog-empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:var(--card-bg);border-radius:var(--card-radius);border:1px dashed var(--gray)}.blog-empty-icon{font-size:3rem;color:var(--gray);margin-bottom:1rem;opacity:0.6}@media (max-width:768px){.blog-header-title{font-size:1.85rem}.blog-grid{grid-template-columns:1fr}.blog-sidebar-grid{grid-template-columns:1fr}}