h1{margin-block:0.67em;font-size:2em}.blog-hero{min-height:60vh;display:flex;align-items:center;background:radial-gradient(ellipse at center,var(--color-charcoal) 0,var(--bg-primary) 70%);position:relative;overflow:hidden}.blog-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 75%,rgba(0,122,204,.1) 0,transparent 50%),radial-gradient(circle at 75% 25%,rgba(0,212,170,.1) 0,transparent 50%);pointer-events:none}.blog-hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center;position:relative;z-index:1}.blog-terminal{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);position:relative}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--bg-elevated);border-bottom:1px solid var(--border-color)}.terminal-controls{display:flex;gap:var(--space-sm)}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-close{background:#ff5f56}.terminal-minimize{background:#ffbd2e}.terminal-maximize{background:#27ca3f}.terminal-title{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.terminal-title a{color:var(--color-text-secondary)}.terminal-content{padding:var(--space-lg);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.terminal-line{margin-bottom:var(--space-sm);color:var(--color-text-secondary)}.terminal-line a{color:var(--color-text-secondary)}.terminal-prompt{color:var(--color-secondary);margin-right:var(--space-sm)}.terminal-command{color:var(--color-primary)}.terminal-output{margin-top:var(--space-md);padding-left:var(--space-lg)}.terminal-output .terminal-line{color:var(--color-text-muted);font-size:var(--font-size-xs)}.terminal-output .terminal-line a{color:var(--color-text-muted)}.typing-text{position:relative}.typing-text::after{content:'|';color:var(--color-primary);animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}100%,51%{opacity:0}}.blog-intro{max-width:500px}.blog-title{font-size:var(--font-size-5xl);font-family:var(--font-family-mono);margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:var(--font-weight-bold)}.blog-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:0}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-2xl)}.category-card{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);text-decoration:none;transition:all var(--transition-normal);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center}.category-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.category-card:hover::before{transform:scaleX(1)}.category-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.category-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-md);line-height:1}.category-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm);color:var(--color-text-primary);font-family:var(--font-family-mono)}.category-desc{color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:var(--line-height-relaxed)}.category-count{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--bg-elevated);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full)}.filter-section{background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.filter-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-lg)}.category-filters{display:flex;gap:var(--space-sm);flex-wrap:wrap}.filter-btn{padding:var(--space-md) var(--space-lg);background:0 0;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-mono);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-primary);box-shadow:var(--glow-primary)}.search-container{position:relative;display:flex;align-items:center;max-width:300px}.search-input{width:100%;padding:var(--space-md) var(--space-lg);padding-right:50px;background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:var(--font-family-mono);transition:all var(--transition-fast)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,122,204,.1);outline:0}.search-input::placeholder{color:var(--color-text-muted)}.search-btn{position:absolute;right:var(--space-sm);background:0 0;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-sm);transition:color var(--transition-fast)}.search-btn:hover{color:var(--color-primary)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-xl);margin-top:var(--space-2xl)}.featured-post-container{max-width:800px;margin:0 auto}.featured-post-card{background:var(--bg-surface);border:2px solid var(--color-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--glow-primary);transition:all var(--transition-normal)}.featured-post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--glow-primary)}.post-card{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);display:flex;flex-direction:column;height:100%}.post-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.post-thumbnail{width:100%;height:200px;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.post-thumbnail img{width:100%;height:100%;object-fit:cover}.post-thumbnail-placeholder{font-size:var(--font-size-4xl);color:var(--color-text-muted)}.post-thumbnail-placeholder a{text-decoration:none}.post-thumbnail-placeholder a:hover{text-decoration:none}.post-category-badge{position:absolute;top:var(--space-md);right:var(--space-md);padding:var(--space-xs) var(--space-sm);background:rgba(0,0,0,.8);color:var(--color-text-primary);font-size:var(--font-size-xs);font-family:var(--font-family-mono);border-radius:var(--radius-sm);text-transform:uppercase;font-weight:var(--font-weight-semibold)}.post-content{padding:var(--space-lg);flex-grow:1;display:flex;flex-direction:column}.post-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm);color:var(--color-text-primary);line-height:var(--line-height-tight)}.post-title a{color:var(--color-text-primary);text-decoration:underline}.post-description{color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:var(--line-height-relaxed);flex-grow:1}.post-description a{color:var(--color-text-secondary);text-decoration:underline}.post-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:var(--font-family-mono);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color-light)}.post-date{color:var(--color-text-muted)}.post-reading-time{color:var(--color-secondary)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.post-tag{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--bg-elevated);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-family-mono);text-decoration:none;transition:all var(--transition-fast)}.post-tag:hover{color:var(--color-primary);background:rgba(0,122,204,.1)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--border-color-light)}.pagination-btn{padding:var(--space-md) var(--space-lg);background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-family-mono);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-family:var(--font-family-mono);color:var(--color-text-muted);font-size:var(--font-size-sm)}.blog-breadcrumb{padding:var(--space-lg) 0;border-bottom:1px solid var(--border-color-light)}.breadcrumb-list{display:flex;list-style:none;margin:0;padding:0;font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.breadcrumb-list li{color:var(--color-text-muted)}.breadcrumb-list li:not(:last-child)::after{content:' > ';margin:0 var(--space-sm);color:var(--color-text-muted)}.breadcrumb-list a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-list a:hover{color:var(--color-primary)}.featured-loading,.posts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl);color:var(--color-text-muted);text-align:center}.featured-loading .loading-spinner,.posts-loading .loading-spinner{margin-bottom:var(--space-lg);width:40px;height:40px}.category-header{text-align:center;margin-bottom:var(--space-3xl);max-width:600px;margin-left:auto;margin-right:auto}.category-header .category-icon{font-size:var(--font-size-6xl);margin-bottom:var(--space-lg);line-height:1}.category-title{font-size:var(--font-size-4xl);margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:var(--font-weight-bold);font-family:var(--font-family-mono)}.category-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:0}@media (max-width:767px){.blog-hero-content{grid-template-columns:1fr;gap:var(--space-2xl)}.blog-intro{text-align:center}.blog-title{font-size:var(--font-size-4xl)}.filter-controls{flex-direction:column;align-items:stretch}.category-filters{justify-content:center}.search-container{max-width:none}.posts-grid{grid-template-columns:1fr;gap:var(--space-lg)}}@media (min-width:768px) and (max-width:1023px){.blog-hero-content{gap:var(--space-2xl)}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (min-width:1440px){.posts-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}