.blog-breadcrumb{margin-bottom:32px;font-size:.875rem;color:var(--text-subtle)}.blog-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}.blog-breadcrumb a:hover{color:var(--primary)}.blog-breadcrumb span{margin:0 8px;color:var(--text-subtle)}.blog-preview{padding:100px 0;background:var(--bg-body-alt)}.blog-preview-grid{margin-top:48px}.blog-preview-cta{text-align:center;margin-top:40px}.blog-listing{padding:120px 0 100px}.blog-listing-header{margin-bottom:48px}.blog-listing-header h1{font-size:clamp(2rem,5vw,2.75rem);font-weight:800;color:var(--text-main);margin-bottom:12px}.blog-listing-header p{color:var(--text-muted);font-size:1.05rem;line-height:1.6}.blog-filters{display:flex;gap:8px;margin-bottom:40px;flex-wrap:wrap}.blog-filter-btn{padding:8px 18px;font-size:.85rem;font-weight:500;font-family:var(--font-family);color:var(--text-muted);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:100px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.blog-filter-btn:hover{color:var(--text-main);border-color:var(--border-color-hover);background:var(--glass-bg-hover)}.blog-filter-btn.active{color:var(--primary);border-color:rgb(var(--primary-rgb) / .4);background:rgb(var(--primary-rgb) / .08)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{display:flex;flex-direction:column;background:var(--gradient-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:all .35s ease;position:relative}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:opacity .35s ease}.blog-card:hover{transform:translateY(-4px);border-color:var(--glass-border-active);box-shadow:var(--shadow-lg)}.blog-card:hover:before{opacity:1}.blog-card-image-wrap{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-surface)}.blog-card-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-card:hover .blog-card-image{transform:scale(1.03)}.blog-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-surface) 0%,rgb(var(--primary-rgb) / .06) 100%)}.blog-card-image-placeholder svg{width:48px;height:48px;opacity:.15;color:var(--text-main)}.blog-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.blog-card-category{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);background:rgb(var(--primary-rgb) / .08);padding:4px 10px;border-radius:100px;margin-bottom:12px;width:fit-content}.blog-card-title{font-size:1.05rem;font-weight:700;color:var(--text-main);line-height:1.4;margin-bottom:10px}.blog-card-description{font-size:.88rem;color:var(--text-muted);line-height:1.6;margin-bottom:16px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{font-size:.8rem;color:var(--text-subtle);display:flex;align-items:center;gap:8px}.blog-card-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--text-subtle)}.blog-post-page{padding:120px 0 100px}.blog-post-page>.container{max-width:720px}.blog-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.875rem;text-decoration:none;margin-bottom:16px;transition:color .2s}.blog-back:hover{color:var(--primary)}.blog-back svg{width:16px;height:16px}.blog-post-header{margin-bottom:32px}.blog-post-header h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--text-main);line-height:1.25;margin-top:16px;margin-bottom:16px}.blog-post-meta{color:var(--text-subtle);font-size:.875rem;display:flex;align-items:center;gap:8px}.blog-post-hero{width:100%;border-radius:var(--radius-md);margin-bottom:40px;aspect-ratio:16 / 9;object-fit:cover;background:var(--bg-surface)}.blog-post-content{font-size:1rem}.blog-post-content h2{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;color:var(--text-main);margin:48px 0 16px;line-height:1.3}.blog-post-content h2:first-child{margin-top:0}.blog-post-content h3{font-size:1.1rem;font-weight:600;color:var(--text-main);margin:32px 0 12px;line-height:1.35}.blog-post-content p{color:var(--text-muted);line-height:1.8;margin-bottom:18px;font-size:.97rem}.blog-post-content a{color:var(--primary-light);text-decoration:underline;text-decoration-color:rgb(var(--primary-rgb) / .3);text-underline-offset:3px;transition:all .2s}.blog-post-content a:hover{color:var(--primary);text-decoration-color:var(--primary)}.blog-post-content strong{color:var(--text-main);font-weight:600}.blog-post-content em{font-style:italic}.blog-post-content ul,.blog-post-content ol{padding-left:24px;margin-bottom:18px}.blog-post-content ul{list-style:none}.blog-post-content ul li{position:relative;padding-left:18px;color:var(--text-muted);line-height:1.8;margin-bottom:8px;font-size:.97rem}.blog-post-content ul li:before{content:"";position:absolute;left:0;top:.75em;width:6px;height:6px;border-radius:50%;background:var(--primary);opacity:.6}.blog-post-content ol{list-style:decimal}.blog-post-content ol li{color:var(--text-muted);line-height:1.8;margin-bottom:8px;font-size:.97rem}.blog-post-content ol li::marker{color:var(--primary);font-weight:600}.blog-post-content blockquote{border-left:3px solid var(--primary);padding:4px 0 4px 20px;margin:24px 0}.blog-post-content blockquote p{color:var(--text-muted);font-style:italic}.blog-post-content hr{border:none;height:1px;background:var(--border-color);margin:40px 0}.blog-post-content table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.9rem}.blog-post-content thead th{text-align:left;padding:12px 16px;font-weight:600;color:var(--text-main);background:rgb(var(--primary-rgb) / .06);border-bottom:2px solid rgb(var(--primary-rgb) / .2);font-size:.82rem;text-transform:uppercase;letter-spacing:.03em}.blog-post-content tbody td{padding:10px 16px;color:var(--text-muted);border-bottom:1px solid var(--border-color);line-height:1.5}.blog-post-content tbody tr:hover{background:#ffffff05}.blog-post-content tbody td:first-child{color:var(--text-main);font-weight:500}.blog-post-content blockquote{border-left:3px solid var(--primary);padding:16px 20px;margin:28px 0;background:rgb(var(--primary-rgb) / .04);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.blog-post-content blockquote p{color:var(--text-muted);font-style:normal;margin-bottom:0}.blog-post-content blockquote p:first-child strong{color:var(--primary-light);display:block;margin-bottom:6px;font-size:.9rem}.blog-post-content>p:last-child em{font-size:.85rem;color:var(--text-subtle)}@media(max-width:480px){.blog-post-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.blog-post-content thead th,.blog-post-content tbody td{padding:8px 12px;white-space:nowrap}}.blog-cta{margin-top:48px;padding:32px;background:linear-gradient(135deg,rgb(var(--primary-rgb) / .08),rgb(var(--primary-rgb) / .03));border:1px solid rgb(var(--primary-rgb) / .2);border-radius:var(--radius-lg);text-align:center}.blog-cta-title{font-size:1.15rem;font-weight:700;color:var(--text-main);margin-bottom:8px}.blog-cta-text{font-size:.92rem;color:var(--text-muted);line-height:1.6;margin-bottom:20px;max-width:480px;margin-left:auto;margin-right:auto}.blog-cta .btn{display:inline-flex;align-items:center;gap:8px}.blog-cta .btn svg{width:18px;height:18px}.blog-share{display:flex;align-items:center;gap:16px;margin-top:48px;padding-top:32px;border-top:1px solid var(--border-color)}.blog-share-label{font-size:.85rem;font-weight:500;color:var(--text-subtle);white-space:nowrap}.blog-share-buttons{display:flex;gap:8px}.blog-share-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);text-decoration:none;transition:all .2s ease;cursor:pointer;font-family:inherit;padding:0}.blog-share-btn svg{width:18px;height:18px}.blog-share-btn:hover{transform:translateY(-2px);border-color:var(--border-color-hover)}.blog-share-linkedin:hover{color:#0a66c2;background:#0a66c21a;border-color:#0a66c24d}.blog-share-facebook:hover{color:#1877f2;background:#1877f21a;border-color:#1877f24d}.blog-share-x:hover{color:var(--text-main);background:#ffffff14;border-color:#fff3}.blog-share-copy:hover{color:var(--success);background:#22c55e1a;border-color:#22c55e4d}.blog-share-copy.copied{color:var(--success);border-color:#22c55e66;background:#22c55e1a}.blog-related{margin-top:64px;padding-top:48px;border-top:1px solid var(--border-color)}.blog-related h2{font-size:1.2rem;font-weight:700;color:var(--text-main);margin-bottom:24px}.blog-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.blog-related-card{display:flex;flex-direction:column;padding:20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);text-decoration:none;transition:all .25s ease}.blog-related-card:hover{background:var(--glass-bg-hover);border-color:var(--border-color-hover);transform:translateY(-2px)}.blog-related-card .blog-card-category{margin-bottom:8px}.blog-related-card-title{font-size:.95rem;font-weight:600;color:var(--text-main);line-height:1.4;margin-bottom:8px}.blog-related-card-meta{font-size:.78rem;color:var(--text-subtle)}@media(max-width:992px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.blog-listing,.blog-post-page{padding:100px 0 80px}.blog-related-grid{grid-template-columns:1fr}}@media(max-width:480px){.blog-grid{grid-template-columns:1fr}.blog-card-body{padding:20px}}
