.blog-page-root{background:#f8fafc;min-height:85vh}.blog-hero-banner{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0369a1);color:#fff;padding:44px 0 54px;position:relative;overflow:hidden}.blog-hero-banner:after{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(21,130,199,.25) 0,transparent 70%);border-radius:50%;pointer-events:none}.blog-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:.86rem;color:#94a3b8;margin-bottom:24px}.blog-bc-link{display:inline-flex;align-items:center;gap:6px;color:#cbd5e1;text-decoration:none;transition:color .15s ease}.blog-bc-link:hover{color:#38bdf8}.blog-bc-sep{font-size:.72rem;color:#64748b}.blog-bc-current{color:#38bdf8;font-weight:600}.blog-hero-content{max-width:780px}.blog-hero-badge{display:inline-block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.75px;color:#38bdf8;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.25);padding:4px 12px;border-radius:9999px;margin-bottom:12px}.blog-hero-title{font-size:2.6rem;font-weight:800;color:#fff;margin:0 0 12px;letter-spacing:-.5px;line-height:1.25}.blog-hero-desc{font-size:1.05rem;line-height:1.7;color:#cbd5e1;margin:0}.blog-main-container{padding:40px 16px 80px}.blog-layout-row{display:flex;gap:36px;align-items:flex-start}.blog-content-col{flex:1 1;min-width:0}.blog-sidebar-col{width:340px;flex-shrink:0;display:flex;flex-direction:column;gap:24px}.blog-active-filters-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:20px;box-shadow:0 4px 12px rgba(15,23,42,.03)}.blog-active-label{font-size:.85rem;font-weight:700;color:#334155}.blog-active-chips{display:flex;flex-wrap:wrap;gap:8px;flex:1 1}.blog-filter-chip{display:inline-flex;align-items:center;gap:6px;background:#e0f2fe;color:#0369a1;font-size:.82rem;font-weight:600;padding:4px 10px;border-radius:6px}.blog-filter-chip button{background:none;border:none;color:#0369a1;cursor:pointer;display:flex;align-items:center;padding:0;font-size:.8rem}.blog-filter-chip button:hover{color:#0c4a6e}.blog-clear-all-btn{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:#ef4444;background:#fef2f2;border:1px solid #fee2e2;padding:5px 12px;border-radius:6px;cursor:pointer;transition:all .15s ease}.blog-clear-all-btn:hover{background:#fee2e2}.blog-results-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:.9rem;color:#64748b}.blog-results-info strong{color:#0f172a}.blog-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:28px;gap:28px;margin-bottom:40px}.blog-empty-state{background:#fff;border:1px dashed #cbd5e1;border-radius:18px;padding:50px 24px;text-align:center;margin-bottom:40px}.blog-empty-icon{width:60px;height:60px;border-radius:50%;background:#f1f5f9;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 16px}.blog-empty-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 8px}.blog-empty-desc{font-size:.95rem;color:#64748b;margin:0 0 20px}.blog-empty-reset-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;background:var(--color-primary,#1582c7);color:#fff;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:background .15s ease}.blog-empty-reset-btn:hover{background:#0284c7}.blog-pagination-wrapper{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px}.blog-page-nav-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:10px;background:#fff;border:1px solid #e2e8f0;color:#334155;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s ease}.blog-page-nav-btn:hover:not(:disabled){border-color:var(--color-primary,#1582c7);color:var(--color-primary,#1582c7);background:#f0f9ff}.blog-page-nav-btn:disabled{opacity:.4;cursor:not-allowed}.blog-page-numbers{display:flex;align-items:center;gap:6px}.blog-page-num{width:38px;height:38px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#334155;font-size:.92rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.blog-page-num:hover:not(.active){border-color:#cbd5e1;background:#f1f5f9}.blog-page-num.active{background:var(--color-primary,#1582c7);color:#fff;border-color:var(--color-primary,#1582c7);box-shadow:0 4px 12px rgba(21,130,199,.25)}.blog-sidebar-widget{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px;box-shadow:0 4px 20px rgba(15,23,42,.04)}.blog-widget-title{display:flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;color:#0f172a;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.widget-title-icon{color:var(--color-primary,#1582c7);font-size:1rem}.blog-search-box{position:relative;display:flex;align-items:center}.blog-search-icon{position:absolute;left:14px;color:#94a3b8;font-size:.92rem;pointer-events:none}.blog-search-input-modern{width:100%;padding:12px 38px 12px 40px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:.92rem;color:#0f172a;background:#f8fafc;outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.blog-search-input-modern:focus{border-color:var(--color-primary,#1582c7);background:#fff;box-shadow:0 0 0 3px rgba(21,130,199,.12)}.blog-search-clear{position:absolute;right:12px;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;padding:4px}.blog-search-clear:hover{color:#ef4444}.blog-cat-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.blog-cat-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;font-size:.92rem;font-weight:500;color:#334155;background:#f8fafc;border:1px solid #f1f5f9;cursor:pointer;transition:all .15s ease;text-transform:capitalize}.blog-cat-item:hover{background:#f0f9ff;border-color:#bae6fd;color:var(--color-primary,#1582c7)}.blog-cat-item.active{background:var(--color-primary,#1582c7);color:#fff;border-color:var(--color-primary,#1582c7)}.blog-cat-count{font-size:.78rem;font-weight:700;padding:2px 8px;border-radius:9999px;background:#e2e8f0;color:#475569}.blog-cat-item.active .blog-cat-count{background:hsla(0,0%,100%,.25);color:#fff}.blog-cat-item-empty{font-size:.88rem;color:#94a3b8;padding:8px 0}.blog-archive-selects{display:flex;flex-direction:column;gap:10px}.blog-select{width:100%;padding:10px 14px;border-radius:10px;border:1.5px solid #e2e8f0;background:#f8fafc;color:#0f172a;font-size:.9rem;font-weight:500;outline:none;cursor:pointer;transition:border-color .15s ease}.blog-select:focus{border-color:var(--color-primary,#1582c7);background:#fff}.blog-select:disabled{opacity:.5;cursor:not-allowed}.blog-tags-cloud{display:flex;flex-wrap:wrap;gap:8px}.blog-cloud-tag{font-size:.82rem;font-weight:600;color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .15s ease}.blog-cloud-tag:hover{background:#e0f2fe;color:#0369a1;border-color:#bae6fd}.blog-cloud-tag.active{background:var(--color-primary,#1582c7);color:#fff;border-color:var(--color-primary,#1582c7)}.blog-no-tags{font-size:.85rem;color:#94a3b8}.blog-sidebar-cta{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:18px;padding:24px;color:#fff;text-align:center;box-shadow:0 10px 24px rgba(15,23,42,.12)}.blog-cta-icon{width:50px;height:50px;border-radius:14px;background:hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#38bdf8;margin:0 auto 12px}.blog-cta-title{font-size:1.15rem;font-weight:700;color:#fff;margin:0 0 6px}.blog-cta-text{font-size:.88rem;line-height:1.6;color:#94a3b8;margin:0 0 16px}.blog-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;border-radius:10px;background:var(--color-primary,#1582c7);color:#fff;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .2s ease}.blog-cta-btn:hover{background:#0284c7;color:#fff;transform:translateY(-2px)}@media (max-width:991px){.blog-layout-row{flex-direction:column}.blog-sidebar-col{width:100%}.blog-hero-title{font-size:2.1rem}}@media (max-width:640px){.blog-cards-grid{grid-template-columns:1fr}.blog-hero-banner{padding:32px 0 40px}.blog-hero-title{font-size:1.7rem}}.blog-card-modern{background:#fff;border-radius:18px;border:1px solid #e2e8f0;box-shadow:0 4px 20px rgba(15,23,42,.05);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;height:100%}.blog-card-modern:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(15,23,42,.1);border-color:rgba(21,130,199,.35)}.blog-card-media{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#f1f5f9}.blog-card-img-link{overflow:hidden}.blog-card-img,.blog-card-img-link{display:block;width:100%;height:100%}.blog-card-img{object-fit:cover;object-position:center;transition:transform .4s ease}.blog-card-modern:hover .blog-card-img{transform:scale(1.06)}.blog-card-cat-badge{position:absolute;top:14px;left:14px;background:rgba(15,23,42,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:5px 12px;border-radius:9999px;border:1px solid hsla(0,0%,100%,.2);pointer-events:none;z-index:2}.blog-card-content{padding:22px 20px;display:flex;flex-direction:column;flex:1 1}.blog-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:10px}.blog-card-date{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:500;color:#64748b}.blog-card-date svg{color:var(--color-primary,#1582c7);font-size:.85rem}.blog-card-title{font-size:1.18rem;font-weight:700;line-height:1.45;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-title a{color:#0f172a;text-decoration:none;transition:color .2s ease}.blog-card-title a:hover{color:var(--color-primary,#1582c7)}.blog-card-excerpt{font-size:.92rem;line-height:1.65;color:#475569;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1 1}.blog-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.blog-card-tag-pill{font-size:.74rem;font-weight:600;color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;padding:3px 8px;border-radius:6px}.blog-card-footer{padding-top:14px;border-top:1px solid #f1f5f9;margin-top:auto;display:flex;align-items:center;justify-content:space-between}.blog-card-read-more{display:inline-flex;align-items:center;gap:8px;font-size:.92rem;font-weight:700;color:var(--color-primary,#1582c7);text-decoration:none;transition:gap .2s ease,color .2s ease}.blog-card-arrow{font-size:.82rem;transition:transform .2s ease}.blog-card-read-more:hover{color:#0284c7}.blog-card-read-more:hover .blog-card-arrow{transform:translateX(4px)}@media (max-width:575px){.blog-card-title{font-size:1.08rem}.blog-card-content{padding:18px 16px}}