:root{--cyber-black:#0a0a0a;--cyber-dark:#121212;--cyber-gray:#1e1e1e;--cyber-light:#e0e0e0;--cyber-neon:#00ffa3;--cyber-blue:#0ff;--cyber-pink:#f0f;--cyber-yellow:#ff0;--font-display:"Orbitron", sans-serif;--font-body:"Roboto", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--cyber-black);color:var(--cyber-light);line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;background-color:#0000;background-image:linear-gradient(0deg,#00ffa308 1px,#0000 1px),linear-gradient(90deg,#00ffa308 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;height:100%;position:fixed;top:0;left:0}.cyber-container{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none;transition:all .3s}.cyber-header{background-color:var(--cyber-dark);border-bottom:1px solid var(--cyber-neon);z-index:1000;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem;display:flex}.logo-container{flex:1}.logo{font-family:var(--font-display);color:var(--cyber-light);letter-spacing:2px;font-size:1.5rem;font-weight:700;display:inline-block;position:relative}.logo-accent{color:var(--cyber-neon)}.main-nav{flex:2;justify-content:center;display:flex}.main-nav ul{gap:2rem;list-style:none;display:flex}.nav-link{font-family:var(--font-display);letter-spacing:1px;padding:.5rem 0;font-size:.9rem;position:relative}.nav-link:before{content:"";background-color:var(--cyber-neon);width:100%;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-link:hover:before,.nav-link.active:before{transform:scaleX(1)}.nav-link.active{color:var(--cyber-neon)}.social-links{flex:1;justify-content:flex-end;gap:1rem;display:flex}.social-link{font-family:var(--font-display);color:var(--cyber-light);border:1px solid var(--cyber-neon);border-radius:2px;padding:.3rem .6rem;font-size:.8rem;transition:all .3s}.social-link:hover{background-color:var(--cyber-neon);color:var(--cyber-black)}.cyber-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem}@media (width<=768px){.header-content{flex-direction:column;gap:1rem}.logo-container,.main-nav,.social-links{text-align:center;justify-content:center;width:100%}.main-nav ul{gap:1rem}.cyber-main{padding-top:1rem}}@media (width<=480px){.main-nav ul{flex-direction:column;align-items:center;gap:.5rem}.social-links{justify-content:center}}.logo-img{width:auto;height:40px;transition:transform .3s}.logo:hover .logo-img{transform:scale(1.05)}.logo:after{content:"";background-color:var(--cyber-neon);transform-origin:0;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-5px;left:0;transform:scaleX(0)}.logo:hover:after{transform:scaleX(1)}.social-link.social-icon{justify-content:center;align-items:center;width:35px;height:35px;padding:0;display:flex}.social-link.social-icon i{font-size:1rem}.cyber-tagbar{background-color:var(--cyber-gray);z-index:999;backface-visibility:hidden;border-bottom:1px solid #00ffa34d;position:sticky;top:70px;transform:translateZ(0)}.tagbar-content{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:1200px;margin:0 auto;padding:.5rem 1rem;display:flex;position:relative}.tag-toggle{border:1px solid var(--cyber-neon);color:var(--cyber-light);font-family:var(--font-display);cursor:pointer;letter-spacing:1px;background-color:#0000;border-radius:2px;padding:.4rem 1rem;font-size:.8rem;transition:all .3s;display:none}.tag-toggle:hover{background-color:#00ffa31a}.tag-toggle i{margin-left:.5rem;font-size:.7rem}.tag-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.tag-link{font-family:var(--font-display);color:var(--cyber-light);border:1px solid var(--cyber-neon);letter-spacing:.5px;background-color:#00ffa31a;border-radius:2px;padding:.2rem .8rem;font-size:.7rem;transition:all .3s}.tag-link:hover{background-color:var(--cyber-neon);color:var(--cyber-black)}@media (width<=768px){.cyber-tagbar{top:140px}.tagbar-content{flex-direction:column;align-items:center}.tag-toggle{width:100%;max-width:200px;display:block}.tag-links{background-color:var(--cyber-gray);z-index:1000;border:1px solid #00ffa34d;border-radius:4px;flex-direction:column;width:100%;max-width:300px;margin-top:.5rem;padding:.5rem;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tag-links.show{display:flex}.tag-link{text-align:center;margin:.2rem 0}}@media (width<=480px){.cyber-tagbar{top:200px}.tag-links{max-width:250px}}.grid-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.cyber-card{background-color:var(--cyber-gray);border:1px solid #00ffa34d;border-radius:4px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.cyber-card:before{content:"";background:linear-gradient(45deg, transparent 98%, var(--cyber-neon) 99%), linear-gradient(135deg, transparent 98%, var(--cyber-neon) 99%);z-index:-1;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.cyber-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00ffa31a}.cyber-card:hover:before{opacity:1}.card-image{width:100%;height:180px;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.cyber-card:hover .card-image img{transform:scale(1.05)}.card-content{padding:1.5rem}.card-meta{justify-content:space-between;margin-bottom:.8rem;font-size:.7rem;display:flex}.card-date{font-family:var(--font-display);color:var(--cyber-neon)}.card-tags{flex-wrap:wrap;gap:.5rem;display:flex}.card-tag{font-family:var(--font-display);background-color:#00ffa31a;border-radius:2px;padding:.1rem .5rem}.card-title{font-family:var(--font-display);margin-bottom:.8rem;font-size:1.1rem;line-height:1.4}.card-title a{color:var(--cyber-light);transition:color .3s}.card-title a:hover{color:var(--cyber-neon)}.card-excerpt{color:#a0a0a0;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.cyber-btn{font-family:var(--font-display);color:var(--cyber-neon);border:1px solid var(--cyber-neon);background-color:#0000;padding:.4rem 1rem;font-size:.8rem;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.cyber-btn:before{content:"";background-color:#00ffa333;width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.cyber-btn:hover{color:var(--cyber-light)}.cyber-btn:hover:before{left:0}.cyber-pagination{justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}.page-link{font-family:var(--font-display);color:var(--cyber-light);border:1px solid #00ffa34d;padding:.5rem 1rem;font-size:.9rem;transition:all .3s}.page-link:hover,.page-link.active{background-color:var(--cyber-neon);color:var(--cyber-black)}.page-separator{color:var(--cyber-neon);font-family:var(--font-display)}@media (width<=768px){.grid-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (width<=480px){.grid-container{grid-template-columns:1fr}}.blogpost{max-width:800px;margin:0 auto;padding:2rem 1rem}.blogpost h1{font-family:var(--font-display);color:var(--cyber-light);letter-spacing:1px;text-align:center;margin-bottom:1rem;font-size:2.5rem;line-height:1.2}.blogpost .date{font-family:var(--font-display);color:var(--cyber-neon);text-align:center;letter-spacing:1px;margin-bottom:1rem;font-size:.9rem}.blogpost .subtitle{color:#a0a0a0;text-align:center;margin-bottom:2rem;font-size:1.2rem;line-height:1.6}.blogpost .tags{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:3rem;display:flex}.blogpost .tag{margin:0}.blogpost .tag a{font-family:var(--font-display);color:var(--cyber-neon);border:1px solid var(--cyber-neon);text-transform:uppercase;letter-spacing:1px;background-color:#00ffa31a;border-radius:2px;padding:.3rem .8rem;font-size:.7rem;text-decoration:none;transition:all .3s}.blogpost .tag a:hover{background-color:var(--cyber-neon);color:var(--cyber-black)}.content.prose{color:var(--cyber-light);font-size:1rem;line-height:1.8}.content.prose h1,.content.prose h2,.content.prose h3,.content.prose h4,.content.prose h5,.content.prose h6{font-family:var(--font-display);color:var(--cyber-neon);letter-spacing:1px;margin:2.5rem 0 1rem}.content.prose h1{font-size:2rem}.content.prose h2{font-size:1.7rem}.content.prose h3{font-size:1.4rem}.content.prose h4{font-size:1.2rem}.content.prose p{margin-bottom:1.5rem}.content.prose ul,.content.prose ol{margin-bottom:1.5rem;padding-left:2rem}.content.prose li{margin-bottom:.8rem}.content.prose blockquote{border-left:3px solid var(--cyber-neon);color:#a0a0a0;background-color:#00ffa30d;border-radius:0 4px 4px 0;margin:2rem 0;padding:1rem 1.5rem;font-style:italic}.content.prose code{background-color:var(--cyber-gray);color:var(--cyber-neon);border:1px solid #00ffa34d;border-radius:2px;padding:.2rem .4rem;font-family:Courier New,monospace;font-size:.9rem}.content.prose pre{background-color:var(--cyber-gray);border:1px solid #00ffa34d;border-radius:4px;margin:2rem 0;padding:1.5rem;overflow-x:auto}.content.prose pre code{background:0 0;border:none;padding:0}.content.prose img{border:1px solid #00ffa34d;border-radius:4px;max-width:100%;height:auto;margin:2rem auto;display:block;box-shadow:0 4px 8px #00ffa31a}.content.prose a{color:var(--cyber-neon);text-decoration:underline;transition:color .3s}.content.prose a:hover{color:var(--cyber-light);text-shadow:0 0 5px var(--cyber-neon)}.content.prose table{border-collapse:collapse;background-color:var(--cyber-gray);border:1px solid #00ffa34d;width:100%;margin:2rem 0}.content.prose th,.content.prose td{text-align:left;border-bottom:1px solid #00ffa333;padding:.8rem}.content.prose th{font-family:var(--font-display);color:var(--cyber-neon);background-color:#00ffa31a;font-weight:700}.content.prose strong,.content.prose b{color:var(--cyber-neon);font-weight:700}.content.prose em,.content.prose i{color:#a0a0a0;font-style:italic}@media (width<=768px){.blogpost{padding:1rem .5rem}.blogpost h1{font-size:2rem}.blogpost .subtitle{font-size:1rem}.content.prose{font-size:.95rem}.content.prose h1{font-size:1.7rem}.content.prose h2{font-size:1.5rem}.content.prose h3{font-size:1.3rem}.content.prose pre{padding:1rem;font-size:.85rem}}@media (width<=480px){.blogpost h1{font-size:1.7rem}.content.prose{font-size:.9rem}.content.prose ul,.content.prose ol{padding-left:1.5rem}}