.blog-hero{background:linear-gradient(140deg,#0d1520,#1a2640,#1e2c52);padding:126px 0 68px;position:relative;overflow:hidden}.blog-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.blog-hero:after{content:"";position:absolute;top:-100px;right:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(27,50,80,.35) 0%,transparent 65%);pointer-events:none}.blog-hero__inner{position:relative;z-index:1;text-align:center}.blog-hero__label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#ffffff73;margin-bottom:16px}.blog-hero__title{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#fff;letter-spacing:-.5px;margin-bottom:14px;line-height:1.15}.blog-hero__subtitle{color:#fff9;font-size:1.05rem;max-width:520px;margin:0 auto 28px;line-height:1.7}.blog-hero--detail{padding-bottom:56px}.blog-hero--detail .blog-hero__title{font-size:clamp(1.5rem,4vw,2.4rem);max-width:740px;margin-left:auto;margin-right:auto}.blog-hero__label--link{text-decoration:none!important;transition:color .2s;cursor:pointer}.blog-hero__label--link:hover{color:#ffffffbf}.blog-detail-hero__meta{display:flex;align-items:center;justify-content:center;gap:20px;font-size:13px;color:#ffffff8c;margin-bottom:24px;flex-wrap:wrap}.blog-detail-hero__meta i{font-size:12px;margin-right:4px}.blog-hero__breadcrumb .breadcrumb{background:none;padding:0;margin:0;justify-content:center;font-size:12px;gap:0}.blog-hero__breadcrumb .breadcrumb-item a{color:#ffffff73;text-decoration:none;transition:color .2s}.blog-hero__breadcrumb .breadcrumb-item a:hover{color:#ffffffd9}.blog-hero__breadcrumb .breadcrumb-item.active{color:#fffc}.blog-hero__breadcrumb .breadcrumb-item+.breadcrumb-item:before{color:#ffffff40;content:"/";padding:0 8px}.blog-cat-bar{background:#fff;border-bottom:1px solid #e8e8e8;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000a}.blog-cat-bar__inner{display:flex;align-items:center;gap:6px;padding:13px 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.blog-cat-bar__inner::-webkit-scrollbar{display:none}.blog-cat-pill{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:6px 16px;border-radius:100px;border:1.5px solid #e0e0e0;background:#fff;color:#717580;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.blog-cat-pill:hover{border-color:#1b3250;color:#1b3250;background:#1b32500d;text-decoration:none}.blog-cat-pill--active{background:#1b3250;border-color:#1b3250;color:#fff;text-decoration:none}.blog-cat-pill--active:hover{background:#142741;border-color:#142741;color:#fff}.blog-cat-pill .count{background:#0000001a;border-radius:100px;padding:0 6px;font-size:11px;line-height:1.6}.blog-cat-pill--active .count{background:#ffffff40}.blog-search{position:relative}.blog-search input{border-radius:100px;padding:7px 38px 7px 16px;border:1.5px solid #e0e0e0;width:220px;font-size:13px;background:#fafafa;transition:border-color .2s,background .2s,width .3s ease;color:#232323}.blog-search input:focus{outline:none;border-color:#1b3250;background:#fff;width:280px}.blog-search input::placeholder{color:#bbb}.blog-search__icon{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#bbb;font-size:14px;pointer-events:none}.blog-grid{padding:56px 0 72px;background:#f7f8fa}.blog-card{border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0000000f,0 4px 14px #0000000a;border:1px solid rgba(0,0,0,.05);transition:box-shadow .25s,transform .25s;height:100%;display:flex;flex-direction:column}.blog-card:hover{box-shadow:0 8px 32px #0000001c;transform:translateY(-4px)}.blog-card__thumb{position:relative;overflow:hidden;aspect-ratio:16/9;background:#f0f2f5}.blog-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;display:block}.blog-card:hover .blog-card__thumb img{transform:scale(1.04)}.blog-card__no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:2.5rem;background:linear-gradient(135deg,#f0f2f5,#e8eaf0)}.blog-card__cat{position:absolute;top:12px;left:12px;background:#1b3250;color:#fff!important;font-size:10px;font-weight:700;padding:4px 11px;border-radius:100px;text-decoration:none!important;letter-spacing:.4px;text-transform:uppercase;transition:background .2s}.blog-card__cat:hover{background:#142741}.blog-card__body{padding:20px 20px 18px;flex:1;display:flex;flex-direction:column}.blog-card__meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#b0b3bb;margin-bottom:10px;flex-wrap:wrap}.blog-card__meta i{font-size:11px}.blog-card__title{font-size:16px;font-weight:700;color:#232323;margin-bottom:8px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none;transition:color .2s}.blog-card__title:hover{color:#1b3250;text-decoration:none}.blog-card__summary{font-size:13.5px;color:#717580;line-height:1.65;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0}.blog-card__read-more{display:inline-flex;align-items:center;white-space:nowrap;gap:6px;font-size:13px;font-weight:600;color:#232323;text-decoration:none;margin-top:16px;padding-top:14px;border-top:1px solid #f0f0f0;transition:color .2s,gap .2s}.blog-card__read-more:hover{color:#1b3250;gap:10px;text-decoration:none}.blog-card__read-more i{font-size:13px;transition:transform .2s}.blog-card__read-more:hover i{transform:translate(2px)}.blog-pagination{padding:8px 0 72px}.blog-pagination .pagination{justify-content:center;gap:4px}.blog-pagination .page-link{border-radius:8px;border:1.5px solid #e0e0e0;color:#232323;font-weight:500;font-size:14px;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0 12px;background:#fff;transition:all .2s}.blog-pagination .page-link:hover{border-color:#1b3250;color:#1b3250;background:#1b32500d;text-decoration:none}.blog-pagination .page-item.active .page-link{background:#1b3250;border-color:#1b3250;color:#fff}.blog-empty{text-align:center;padding:80px 0}.blog-empty__icon{font-size:3.5rem;margin-bottom:1rem;opacity:.3;color:#232323}.blog-empty__title{font-size:1.2rem;font-weight:600;color:#717580}.blog-detail{padding:56px 0 80px}.blog-detail__hero-img{width:100%;max-height:480px;object-fit:cover;border-radius:12px;margin-bottom:2.5rem}.blog-detail__summary{font-size:1.05rem;color:#717580;line-height:1.75;border-left:3px solid #1B3250;padding-left:1.2rem;margin-bottom:2rem;font-style:italic}.blog-detail__content{font-size:1rem;color:#333;line-height:1.85}.blog-detail__content h2{font-size:1.5rem;font-weight:700;margin:2rem 0 .8rem;color:#232323}.blog-detail__content h3{font-size:1.2rem;font-weight:700;margin:1.5rem 0 .6rem;color:#232323}.blog-detail__content p{margin-bottom:1.2rem}.blog-detail__content img{max-width:100%;border-radius:8px;margin:1rem 0}.blog-detail__content blockquote{border-left:3px solid #1B3250;background:#1b32500d;padding:1rem 1.4rem;border-radius:0 8px 8px 0;margin:1.5rem 0;font-style:italic;color:#555}.blog-detail__content a{color:#1b3250}.blog-detail__content a:hover{color:#142741}.blog-tags{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eee}.blog-tags__title{font-size:11px;font-weight:700;color:#b0b3bb;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.blog-tag{display:inline-block;background:#f4f5f7;color:#717580;font-size:12px;padding:4px 12px;border-radius:100px;margin:3px 3px 3px 0;text-decoration:none;border:1px solid #eaeaea;transition:all .2s}.blog-tag:hover{background:#1b3250;color:#fff;border-color:#1b3250;text-decoration:none}.blog-nav{margin-top:3rem;padding-top:2rem;border-top:1px solid #eee}.blog-nav__item{background:#fafafa;border:1px solid #eaeaea;border-radius:10px;padding:18px 20px;text-decoration:none;display:block;transition:background .2s,border-color .2s;height:100%}.blog-nav__item:hover{background:#1b32500d;border-color:#1b3250;text-decoration:none}.blog-nav__label{font-size:11px;color:#b0b3bb;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-weight:600}.blog-nav__title{font-size:14px;font-weight:600;color:#232323;line-height:1.4}.blog-sidebar{position:sticky;top:100px}.blog-sidebar__card{background:#fff;border-radius:10px;border:1px solid #eaeaea;overflow:hidden;margin-bottom:20px;box-shadow:0 1px 4px #0000000d}.blog-sidebar__header{display:flex;align-items:center;gap:10px;padding:14px 20px;background:#fff;border-bottom:1px solid #f0f0f0;font-size:13px;font-weight:700;color:#232323;letter-spacing:.2px}.blog-sidebar__header:before{content:"";display:block;width:3px;height:14px;background:#1b3250;border-radius:2px;flex-shrink:0}.blog-sidebar__body{padding:8px 0}.sidebar-cat{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;text-decoration:none;color:#555;font-size:13px;font-weight:500;border-left:3px solid transparent;transition:color .18s,background .18s,border-color .18s}.sidebar-cat:hover{color:#1b3250;background:#1b32500a;border-left-color:#1b3250;text-decoration:none}.sidebar-cat--active{color:#1b3250!important;font-weight:700;background:#1b32500f;border-left-color:#1b3250}.sidebar-cat--active .sidebar-cat__count{background:#1b3250;color:#fff}.sidebar-cat__count{background:#f4f5f7;border-radius:100px;padding:2px 9px;font-size:11px;font-weight:600;color:#999;transition:background .18s,color .18s}.sidebar-post{display:flex;align-items:flex-start;gap:14px;padding:12px 20px;text-decoration:none;transition:background .18s;border-left:3px solid transparent}.sidebar-post:hover{background:#1b32500a;border-left-color:#1b3250;text-decoration:none}.sidebar-post__thumb{width:72px;height:54px;object-fit:cover;border-radius:6px;flex-shrink:0;background:#f0f2f5}.sidebar-post__info{flex:1;min-width:0}.sidebar-post__title{font-size:13px;font-weight:600;color:#232323;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .18s}.sidebar-post:hover .sidebar-post__title{color:#1b3250}.sidebar-post__date{font-size:11px;color:#b0b3bb;margin-top:5px;display:flex;align-items:center;gap:4px}.sidebar-post__date i{font-size:11px}.blog-related{padding:56px 0;background:#f4f5f7}.blog-related__title{font-size:1.5rem;font-weight:700;color:#232323;margin-bottom:2rem}@media(max-width:991px){.blog-hero{padding:90px 0 56px}.blog-search input{width:180px}.blog-search input:focus{width:220px}}@media(max-width:767px){.blog-hero{padding:72px 0 48px}.blog-hero__subtitle{font-size:.95rem}.blog-detail{padding:32px 0 56px}.blog-detail__hero-img{border-radius:0;margin-left:-15px;margin-right:-15px;width:calc(100% + 30px);max-height:260px}.blog-sidebar{position:static;margin-top:2rem}.blog-grid{padding:40px 0 56px}.blog-card:hover{transform:none}.blog-search{width:100%;margin-top:6px}.blog-search input,.blog-search input:focus{width:100%}.blog-cat-bar__inner{flex-wrap:nowrap}}