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