.section-label{display:block;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--primaryb-color);margin-bottom:0.5rem;text-align:center}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.section-line{flex:1;height:1px;background:var(--gray-light-2)}.section-title{font-size:1.75rem;font-weight:700;text-align:center;white-space:nowrap;margin:0;color:var(--black__to__white)}.subp{font-size:1rem;line-height:1.65;color:var(--gray__to__gray-lightest)}.blog-hero{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;padding-top:130px;padding-bottom:4rem}@media (max-width: 680px){.blog-hero{min-height:400px;padding-top:100px;padding-bottom:2.5rem}}.blog-hero__bg{position:absolute;inset:0;z-index:0}.blog-hero__bg-img{width:100%;height:100%;object-fit:cover}.blog-hero__overlay{position:absolute;inset:0;background:linear-gradient(135deg, rgba(0,0,0,0.88) 0%, rgba(8,8,30,0.78) 50%, rgba(29,198,236,0.3) 100%)}.blog-hero__inner{position:relative;z-index:1;max-width:780px}.blog-hero__label{display:block;font-size:11px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:var(--primaryb-color);margin-bottom:0.75rem}.blog-hero__title{font-size:clamp(2rem, 5vw, 3rem);font-weight:800;line-height:1.15;color:#fff;margin-bottom:1rem;letter-spacing:-0.01em}@media (max-width: 680px){.blog-hero__title{font-size:1.75rem}}.blog-hero__subtitle{font-size:clamp(0.95rem, 2vw, 1.1rem);color:rgba(226,226,226,0.85);line-height:1.7;max-width:640px;margin:0}.blog-index-topbar,.blog-show-topbar{display:flex;align-items:center;justify-content:space-between;padding-top:1.5rem;padding-bottom:1rem;gap:1rem;flex-wrap:wrap}.blog-breadcrumb{display:flex;align-items:center}.blog-breadcrumb__list{list-style:none;padding:6px 14px;margin:0;display:inline-flex;align-items:center;gap:0.4rem;flex-wrap:wrap;background:rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.1);border-radius:999px;font-size:13px}[data-theme="dark"] .blog-breadcrumb__list{background:rgba(255,255,255,0.07);border-color:rgba(225,228,237,0.12);backdrop-filter:blur(8px)}.blog-breadcrumb__link{display:inline-flex;align-items:center;gap:5px;color:var(--gray__to__gray-lightest);text-decoration:none;font-weight:500;transition:color 0.15s}.blog-breadcrumb__link i{font-size:11px}.blog-breadcrumb__link:hover{color:var(--primaryb-color)}.blog-breadcrumb__sep{color:var(--gray-light-2);font-size:10px;display:flex;align-items:center}.blog-breadcrumb__current{color:var(--primaryb-color);font-weight:600;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}@media (max-width: 575px){.blog-breadcrumb__current{max-width:140px}}.blog-pagination{display:inline-flex;align-items:center;gap:4px;padding:5px;border:1px solid rgba(0,0,0,0.1);border-radius:999px;background:rgba(0,0,0,0.04)}[data-theme="dark"] .blog-pagination{border-color:rgba(225,228,237,0.14);background:rgba(255,255,255,0.06);backdrop-filter:blur(8px)}.blog-pagination .page{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 10px;border-radius:999px;text-decoration:none;font-weight:700;font-size:13px;color:var(--gray__to__gray-lightest);background:transparent;border:1px solid transparent;transition:background .18s ease, border-color .18s ease, color .18s ease}.blog-pagination .page:hover{background:rgba(29,198,236,0.15);border-color:rgba(29,198,236,0.4);color:var(--primaryb-color)}.blog-pagination .page.active{background:var(--primaryb-color);color:#0a0a1e;font-weight:900}.blog-pagination .page.disabled{opacity:0.35;cursor:not-allowed;pointer-events:none}.blog-pagination .page.prev,.blog-pagination .page.next{font-size:17px;padding:0 12px}.blog-filters{display:flex;flex-wrap:wrap;gap:8px;padding:0.25rem 0 0.75rem}.blog-filters a{background:rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.1);color:var(--gray__to__gray-lightest) !important;padding:6px 14px;border-radius:999px;font-weight:600;font-size:12px;text-decoration:none;transition:background .18s ease, border-color .18s ease, color .18s ease}.blog-filters a:hover,.blog-filters a.active{background:rgba(29,198,236,0.15);border-color:rgba(29,198,236,0.45);color:var(--primaryb-color) !important}[data-theme="dark"] .blog-filters a{background:rgba(255,255,255,0.06);border-color:rgba(225,228,237,0.12)}[data-theme="dark"] .blog-filters a:hover,[data-theme="dark"] .blog-filters a.active{color:#fff !important}.blog-grid{list-style:none;margin:0;padding:0 !important;display:grid;grid-template-columns:repeat(auto-fill, minmax(290px, 1fr));gap:18px;width:100%}@media (max-width: 575px){.blog-grid{grid-template-columns:1fr}}.blog-grid__item::marker{display:none;content:none}.blog-post{max-width:820px;margin:0 auto 80px auto;border-radius:20px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,0.08);box-shadow:0 4px 24px rgba(0,0,0,0.08)}[data-theme="dark"] .blog-post{background:rgba(0,0,0,0.28);border-color:rgba(225,228,237,0.1);box-shadow:0 20px 60px rgba(0,0,0,0.4);backdrop-filter:blur(12px)}.blog-post__image img{width:100%;height:auto;max-height:420px;object-fit:cover;display:block}.blog-post__info{padding:1.5rem 2rem 2rem}@media (max-width: 640px){.blog-post__info{padding:1rem 1.2rem 1.5rem}}.blog-post__category{display:inline-block;background:linear-gradient(-90deg, var(--primaryb-color) 0%, rgba(29,198,236,0.6) 100%);color:#0a0a1e;font-size:12px;font-weight:700;padding:5px 14px;border-radius:999px;margin-bottom:18px}.blog-post__title{font-size:2.2rem;line-height:1.25;font-weight:700;margin:0 0 1.5rem;color:var(--black__to__white);text-align:center}@media (max-width: 640px){.blog-post__title{font-size:1.55rem}}.blog-post__meta{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--gray__to__gray-lightest);flex-wrap:wrap;margin-bottom:0.5rem}.blog-post__author-image{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(29,198,236,0.3)}.blog-post__tags{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--gray-light-2);display:flex;flex-wrap:wrap;gap:8px}.blog-post__tags span{background:rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.1);padding:5px 12px;border-radius:999px;font-size:12px;color:var(--gray__to__gray-lightest);transition:all 0.2s ease;cursor:default}.blog-post__tags span:hover{background:rgba(29,198,236,0.12);border-color:rgba(29,198,236,0.35);color:var(--primaryb-color)}[data-theme="dark"] .blog-post__tags{border-top-color:rgba(225,228,237,0.1)}[data-theme="dark"] .blog-post__tags span{background:rgba(255,255,255,0.06);border-color:rgba(225,228,237,0.12)}.prose{font-size:17px;line-height:1.85;color:var(--gray__to__gray-lightest)}.prose p{margin:0 0 1.25rem 0}.prose h2{font-size:1.65rem;font-weight:700;margin:2.5rem 0 1rem;color:var(--black__to__white);line-height:1.3}.prose h3{font-size:1.25rem;font-weight:600;margin:2rem 0 0.75rem;color:var(--black__to__white)}.prose ul,.prose ol{margin:0 0 1.25rem 1.25rem;padding:0}.prose li{margin-bottom:0.5rem}.prose strong{font-weight:700;color:var(--black__to__white)}.prose blockquote{border-left:3px solid var(--primaryb-color);padding-left:1.25rem;margin:1.75rem 0;font-style:italic;color:var(--gray__to__gray-lightest)}.prose a{color:var(--primaryb-color);text-decoration:none;border-bottom:1px solid rgba(29,198,236,0.35);transition:border-color 0.2s ease}.prose a:hover{border-color:var(--primaryb-color)}.prose img{max-width:100%;border-radius:10px;margin:1rem 0}@media (max-width: 640px){.prose{font-size:15px}}.blog-carousel{position:relative;overflow:hidden;padding:2rem 0}.blog-carousel__controls{position:absolute;top:50%;width:100%;left:0;display:flex;justify-content:space-between;transform:translateY(-50%);z-index:2;pointer-events:none;padding:0 4px}.carousel-btn{pointer-events:all;width:42px;height:42px;border-radius:50%;border:1px solid rgba(0,0,0,0.12);background:#fff;color:var(--gray-dark);font-size:1.6rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:background .18s ease, border-color .18s ease, color .18s ease}.carousel-btn:hover{background:rgba(29,198,236,0.12);border-color:rgba(29,198,236,0.45);color:var(--primaryb-color)}[data-theme="dark"] .carousel-btn{background:rgba(10,10,30,0.75);border-color:rgba(225,228,237,0.15);color:rgba(226,226,226,0.85);box-shadow:none;backdrop-filter:blur(8px)}[data-theme="dark"] .carousel-btn:hover{background:rgba(29,198,236,0.18);border-color:rgba(29,198,236,0.45);color:#fff}.blog-carousel__track-wrapper{overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;display:flex;gap:16px;padding:8px 4px 16px;list-style:none;margin:0;scroll-snap-type:x mandatory}.blog-carousel__track-wrapper::-webkit-scrollbar{display:none}.blog-carousel__track-wrapper .blog-grid__item{flex:0 0 300px;scroll-snap-align:start}@media (max-width: 575px){.blog-carousel__track-wrapper .blog-grid__item{flex:0 0 85vw}}
