.tag-filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;margin-bottom:1.5rem}.tag-filter{padding:.25rem .75rem;border-radius:999px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:400;transition:all .2s ease;position:relative;overflow:hidden;background:#0000004d;border:1px solid rgba(0,212,255,.2);color:#00d4ffcc;cursor:pointer}.tag-filter:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#00d4ff33;border-radius:50%;transform:translate(-50%,-50%);transition:all .5s ease}.tag-filter:hover{border-color:#00d4ff;color:#fff;text-shadow:0 0 10px rgba(0,212,255,.5)}.tag-filter:hover:before{width:100%;height:100%}.tag-filter.active{background:#00d4ff33;border-color:#00d4ff;color:#fff;box-shadow:0 0 20px #00d4ff66}.blog-posts-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;grid-auto-rows:auto}.blog-post-card:first-child{grid-column:span 2;grid-row:span 1}.blog-post-card:nth-child(3n){grid-column:span 1;grid-row:span 1}.blog-post-card{grid-column:span 1;grid-row:span 1}@media (max-width: 1024px){.blog-posts-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.blog-posts-grid{grid-template-columns:repeat(2,1fr)}.blog-post-card:first-child,.blog-post-card:nth-child(6n){grid-column:span 2}}@media (max-width: 480px){.blog-posts-grid{grid-template-columns:1fr}.blog-post-card:first-child,.blog-post-card:nth-child(4n+2),.blog-post-card:nth-child(4n+3),.blog-post-card:nth-child(6n){grid-column:span 1;grid-row:span 1}}.blog-post-card{background:#1a1a2ee6;border:1px solid rgba(139,92,246,.3);border-radius:1rem;overflow:hidden;transition:all .3s ease;position:relative;display:flex;flex-direction:column}.blog-post-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,212,255,.1) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.blog-post-card:hover{transform:translateY(-4px);border-color:#00d4ff99;box-shadow:0 10px 30px #00000080,0 0 30px #00d4ff33}.blog-post-card:hover:before{opacity:1}.blog-post-image{overflow:hidden;position:relative;width:100%;height:120px}.blog-post-card:first-child .blog-post-image{height:150px}.blog-post-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .3s ease}.blog-post-card:hover .blog-post-image img{transform:scale(1.05)}.blog-post-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to bottom,transparent,rgba(26,26,46,.9));pointer-events:none}.blog-post-content{padding:.75rem}.blog-post-card:first-child .blog-post-content{padding:1rem}.blog-post-meta{display:flex;align-items:center;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem;color:#00d4ff;margin-bottom:.5rem}.blog-post-meta span{color:#ffffff80}.blog-post-title{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1.2;transition:color .3s ease}.blog-post-card:first-child .blog-post-title{font-size:1.75rem;margin-bottom:.75rem}.blog-post-card:nth-child(4n+2) .blog-post-title,.blog-post-card:nth-child(4n+3) .blog-post-title{font-size:.95rem}.blog-post-title a{color:inherit;text-decoration:none}.blog-post-card:hover .blog-post-title{color:#00d4ff}.blog-post-description{color:#ffffffb3;font-size:.8rem;line-height:1.3;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-post-card:first-child .blog-post-description{-webkit-line-clamp:3;font-size:.875rem}.blog-post-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem}.blog-post-tag{padding:.25rem .75rem;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:999px;font-family:JetBrains Mono,monospace;font-size:.75rem;color:#8b5cf6}.blog-post-link{display:inline-flex;align-items:center;gap:.5rem;color:#00d4ff;font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s ease}.blog-post-link:hover{color:#fff;text-shadow:0 0 10px rgba(0,212,255,.5);gap:.75rem}.blog-post-link:after{content:"→";transition:transform .3s ease}.blog-post-link:hover:after{transform:translate(4px)}.blog-empty-state{text-align:center;padding:6rem 2rem;color:#fff9}.blog-empty-state p{font-size:1.25rem;font-family:JetBrains Mono,monospace}@media (max-width: 768px){.blog-posts-grid{grid-template-columns:1fr;gap:1.5rem}.blog-index-title{font-size:2.5rem}.blog-index-subtitle{font-size:1.1rem}}