.blog-header{background:linear-gradient(180deg,var(--color-surface-elevated)0%,var(--color-background)100%);border-bottom:1px solid var(--color-border);padding:3rem 1.5rem;position:relative;overflow:hidden}.blog-header-container{z-index:1;max-width:1200px;margin:0 auto;position:relative}.blog-header-content{text-align:center;max-width:700px;margin:0 auto}.blog-header-icon{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;display:inline-flex;box-shadow:0 8px 32px #176ee84d}.blog-header-title{color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.5rem;font-weight:800}.blog-header-subtitle{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.6}.blog-header-gradient{pointer-events:none;background:radial-gradient(#176ee814 0%,#0000 70%);width:600px;height:400px;position:absolute;top:0;left:50%;transform:translate(-50%)}.blog-breadcrumb{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.blog-breadcrumb-link{color:var(--color-text-tertiary);align-items:center;gap:.375rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:flex}.blog-breadcrumb-link:hover{color:var(--color-primary)}.blog-breadcrumb-separator{color:var(--color-text-tertiary)}.blog-breadcrumb-current{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.875rem;overflow:hidden}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;padding:2rem 1.5rem;display:grid}.blog-card-featured{background:linear-gradient(135deg,#176ee81a 0%,#a855f714 100%);border:1px solid #176ee833;border-radius:20px;margin-bottom:2rem;padding:2.5rem;text-decoration:none;transition:all .3s;display:block;position:relative;overflow:hidden}.blog-card-featured:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 12px 48px #176ee826}.blog-card-featured-content{z-index:1;position:relative}.blog-card-featured-title{color:var(--color-text-primary);margin:1rem 0;font-size:2rem;font-weight:700;line-height:1.3}.blog-card-featured-description{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:1.125rem;line-height:1.7}.blog-card-featured-gradient{pointer-events:none;background:radial-gradient(#176ee826 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-50%;right:-20%}.blog-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;padding:1.5rem;text-decoration:none;transition:all .3s;display:flex}.blog-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 32px #0000001a}.blog-card-content{flex-direction:column;flex:1;display:flex}.blog-card-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.blog-tag{color:var(--color-primary);background:#176ee81a;border-radius:20px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.blog-tag-small{background:var(--color-surface-elevated);color:var(--color-text-secondary);border-radius:12px;padding:.25rem .625rem;font-size:.7rem;font-weight:500}.blog-card-title{color:var(--color-text-primary);margin-bottom:.75rem;font-size:1.25rem;font-weight:600;line-height:1.4;transition:color .2s}.blog-card:hover .blog-card-title{color:var(--color-primary)}.blog-card-description{color:var(--color-text-secondary);flex:1;margin-bottom:1rem;font-size:.9rem;line-height:1.6}.blog-card-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.blog-card-meta{flex-wrap:wrap;gap:1rem;display:flex}.blog-card-meta-item{color:var(--color-text-tertiary);align-items:center;gap:.375rem;font-size:.8rem;display:flex}.blog-card-arrow{background:var(--color-surface-elevated);width:32px;height:32px;color:var(--color-text-tertiary);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.blog-card:hover .blog-card-arrow{background:var(--color-primary);color:#fff}.blog-card-cta{color:var(--color-primary);align-items:center;gap:.5rem;margin-top:1rem;font-weight:600;display:inline-flex}.article-container{max-width:800px;margin:0 auto;padding:3rem 1.5rem}.article-header{text-align:center;margin-bottom:3rem}.article-title{color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:2.5rem;font-weight:800;line-height:1.2}.article-meta{color:var(--color-text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;font-size:.9rem;display:flex}.article-meta-item{align-items:center;gap:.5rem;display:flex}.article-author{flex-direction:column;align-items:flex-start;display:flex}.article-author-name{color:var(--color-text-primary);font-weight:600}.article-author-role{color:var(--color-text-tertiary);font-size:.8rem}.article-content{color:var(--color-text-secondary);font-size:1.0625rem;line-height:1.8}.article-content h1,.article-content h2,.article-content h3,.article-content h4{color:var(--color-text-primary);margin-top:2.5rem;margin-bottom:1rem;font-weight:700;line-height:1.3}.article-content h1{font-size:2rem}.article-content h2{font-size:1.5rem}.article-content h3{font-size:1.25rem}.article-content h4{font-size:1.125rem}.article-content p{margin-bottom:1.5rem}.article-content a{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.article-content a:hover{color:var(--color-primary-hover)}.article-content strong{color:var(--color-text-primary);font-weight:600}.article-content ul,.article-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-content blockquote{border-left:4px solid var(--color-primary);color:var(--color-text-secondary);margin:2rem 0;padding-left:1.5rem;font-style:italic}.article-content code{background:var(--color-surface-elevated);border-radius:4px;padding:.2rem .5rem;font-family:Fira Code,monospace;font-size:.875em}.article-content pre{background:var(--color-surface-elevated);border-radius:12px;margin:1.5rem 0;padding:1.5rem;overflow-x:auto}.article-content pre code{background:0 0;padding:0}.article-content table{border-collapse:collapse;width:100%;margin:1.5rem 0}.article-content th,.article-content td{text-align:left;border-bottom:1px solid var(--color-border);padding:.75rem 1rem}.article-content th{color:var(--color-text-primary);background:var(--color-surface-elevated);font-weight:600}.article-content hr{background:var(--color-border);border:none;height:1px;margin:3rem 0}.related-posts{border-top:1px solid var(--color-border);margin-top:4rem;padding-top:3rem}.related-posts-title{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.related-posts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}@media (max-width:768px){.blog-header-title{font-size:1.75rem}.blog-grid{grid-template-columns:1fr}.blog-card-featured{padding:1.5rem}.blog-card-featured-title{font-size:1.5rem}.article-title{font-size:1.75rem}.article-container{padding:2rem 1rem}}