.blog-hero{position:relative;min-height:40vh;display:flex;align-items:center;justify-content:center;z-index:2;overflow:hidden;padding-top:4rem}.blog-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,255,204,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,204,.06) 1px,transparent 1px);background-size:40px 40px;opacity:.5}.blog-hero-content{position:relative;text-align:center;z-index:3;padding:2rem}.blog-hero-label{font-family:Share Tech Mono,monospace;font-size:.9rem;color:#f0a;letter-spacing:.15em;margin-bottom:1rem}.blog-hero-title{font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(2rem,6vw,4rem);letter-spacing:.12em;color:#0fc;text-shadow:0 0 10px rgba(0,255,204,.6),0 0 30px rgba(0,255,204,.3),0 0 60px rgba(0,255,204,.15);margin-bottom:1rem}.blog-hero-count{font-family:Share Tech Mono,monospace;font-size:.85rem;color:#0fc6;letter-spacing:.05em}.blog-filter-bar{position:sticky;top:52px;z-index:50;background:#05050aeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(0,255,204,.15);border-bottom:1px solid rgba(0,255,204,.15);padding:.75rem 2rem;overflow-x:auto}.blog-filter-inner{display:flex;gap:.25rem;justify-content:center;flex-wrap:wrap;max-width:1100px;margin:0 auto}.filter-btn{font-family:Share Tech Mono,monospace;font-size:.78rem;letter-spacing:.08em;padding:.35rem .75rem;background:transparent;border:1px solid rgba(0,255,204,.15);border-radius:2px;color:#00ffcc80;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-btn:hover{border-color:var(--filter-color, #00ffcc);color:var(--filter-color, #00ffcc);background:#00ffcc0d}.filter-btn.active{border-color:#0fc;color:#05050a;background:#0fc;box-shadow:0 0 12px #00ffcc4d}.blog-grid-section{position:relative;z-index:2;padding:3rem 2rem 4rem}.blog-grid-inner{max-width:1100px;margin:0 auto}.blog-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.blog-card{position:relative;display:flex;flex-direction:column;background:#00ffcc05;border:1px solid rgba(0,255,204,.12);border-radius:2px;overflow:hidden;transition:border-color .4s,box-shadow .4s,transform .3s;animation:blog-card-enter .5s ease both;color:inherit!important}.blog-card.hidden{display:none}@keyframes blog-card-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-card:hover{border-color:var(--card-accent, #ff00aa);box-shadow:0 0 8px color-mix(in srgb,var(--card-accent, #ff00aa) 30%,transparent),0 0 24px color-mix(in srgb,var(--card-accent, #ff00aa) 10%,transparent);transform:translateY(-3px)}.blog-card-corner{position:absolute;width:10px;height:10px;pointer-events:none;z-index:3;transition:border-color .4s}.blog-card-corner.tl{top:3px;left:3px;border-top:2px solid rgba(0,255,204,.35);border-left:2px solid rgba(0,255,204,.35)}.blog-card-corner.tr{top:3px;right:3px;border-top:2px solid rgba(0,255,204,.35);border-right:2px solid rgba(0,255,204,.35)}.blog-card-corner.bl{bottom:3px;left:3px;border-bottom:2px solid rgba(0,255,204,.35);border-left:2px solid rgba(0,255,204,.35)}.blog-card-corner.br{bottom:3px;right:3px;border-bottom:2px solid rgba(0,255,204,.35);border-right:2px solid rgba(0,255,204,.35)}.blog-card:hover .blog-card-corner{border-color:var(--card-accent, #ff00aa)}.blog-card-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,255,204,.015) 3px,rgba(0,255,204,.015) 6px);pointer-events:none;z-index:1}.blog-card-image{position:relative;width:100%;height:160px;overflow:hidden;flex-shrink:0}.blog-card-image img{width:100%;height:100%;max-width:none;object-fit:cover;filter:saturate(.25) brightness(.65) contrast(1.2);transition:filter .5s,transform .5s}.blog-card:hover .blog-card-image img{filter:saturate(.5) brightness(.8) contrast(1.1);transform:scale(1.06)}.blog-card-image-overlay{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,204,.03) 2px,rgba(0,255,204,.03) 4px),linear-gradient(transparent 60%,#05050ae6);pointer-events:none}.blog-card-body{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;flex:1;position:relative;z-index:2}.blog-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.blog-card-category{font-family:Share Tech Mono,monospace;font-size:.7rem;letter-spacing:.1em}.blog-card-date{font-family:Share Tech Mono,monospace;font-size:.65rem;color:#e0e0e040}.blog-card-title{font-family:Orbitron,sans-serif;font-weight:700;font-size:.92rem;color:#e0e0e0;line-height:1.35;margin-bottom:.5rem;transition:color .3s}.blog-card:hover .blog-card-title{color:var(--card-accent, #00ffcc)}.blog-card-desc{font-family:"Exo 2",sans-serif;font-weight:300;font-size:.82rem;color:#e0e0e073;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:auto}.blog-card-read{font-family:Share Tech Mono,monospace;font-size:.72rem;color:#00ffcc4d;letter-spacing:.1em;margin-top:1rem;transition:color .3s}.blog-card:hover .blog-card-read{color:var(--card-accent, #00ffcc)}@media(max-width:900px){.blog-article-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.blog-article-grid{grid-template-columns:1fr}.blog-hero{min-height:30vh}.blog-filter-inner{justify-content:flex-start}}