@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;600;700&family=Chakra+Petch:wght@400;600;700&display=swap";
:root{--bg-color:#05010f;--bg-gradient:radial-gradient(circle at center, #150529 0%, #05010f 100%);--text-primary:#e0d6ff;--text-secondary:#9a8cbf;--accent:#b100ff;--accent-light:#00f5d4;--accent-glow:#b100ff99;--card-bg:#140528cc;--border:#3c096c;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-primary);background-image:linear-gradient(#b100ff0d 1px,#0000 1px),linear-gradient(90deg,#b100ff0d 1px,#0000 1px);background-size:30px 30px;min-height:100vh;font-family:Chakra Petch,sans-serif;line-height:1.7}h1,h2,h3,h4,h5,h6{font-family:Fira Code,monospace;font-weight:700}a{color:var(--accent-light);text-decoration:none;transition:all .2s}a:hover{color:#fff;text-shadow:0 0 8px var(--accent-light)}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{border-bottom:2px solid var(--accent);box-shadow:0 0 15px var(--accent-glow);z-index:100;background:#05010fe6;padding:15px 0;position:sticky;top:0}.navbar{justify-content:space-between;align-items:center;display:flex}.nav-links a{color:#fff;margin-left:20px;font-family:Fira Code,monospace;font-size:15px}.layout-sidebar{gap:40px;margin-top:40px;display:flex}.main-content{flex:3}.sidebar{flex:1}.posts-grid{flex-direction:column;gap:30px;display:flex}.post-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);display:flex;position:relative;overflow:hidden}.post-card:before{content:"";background:var(--accent-light);width:4px;height:100%;transition:all .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.post-card:hover:before{transform:scaleY(1)}.post-card:hover{border-color:var(--accent);box-shadow:0 0 20px #b100ff4d}.post-image-wrapper{border-right:1px solid var(--border);width:35%}.post-image-wrapper img{object-fit:cover;filter:sepia(30%)hue-rotate(250deg);width:100%;height:100%;transition:all .3s}.post-card:hover img{filter:none}.post-content{flex-direction:column;flex:1;padding:25px;display:flex}.post-meta{color:var(--accent-light);margin-bottom:10px;font-family:Fira Code,monospace;font-size:.8rem}.post-title{color:#fff;margin-bottom:15px;font-size:1.5rem}.post-excerpt{color:var(--text-secondary);margin-bottom:20px}.btn-primary{border:1px solid var(--accent-light);color:var(--accent-light);text-transform:uppercase;background:0 0;align-self:flex-start;padding:8px 20px;font-family:Fira Code,monospace;display:inline-block}.btn-primary:hover{background:var(--accent-light);color:#000;box-shadow:0 0 15px var(--accent-light)}.widget{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:30px;padding:25px}.widget h3{color:#fff;align-items:center;margin-bottom:20px;font-size:1.2rem;display:flex}.widget h3:before{content:">";color:var(--accent-light);margin-right:10px}.tag-cloud{flex-wrap:wrap;gap:8px;display:flex}.tag{border:1px solid var(--border);color:var(--accent-light);background:#00000080;padding:4px 10px;font-family:Fira Code,monospace;font-size:12px}.tag:hover{background:var(--accent-light);color:#000}.article-container{max-width:800px;margin:0 auto;padding:40px 20px}.article-body{color:#d4cbf2;font-size:18px}.article-body h2{color:var(--accent-light);margin:35px 0 15px;font-size:26px}.article-body p{margin-bottom:20px}.article-body code{color:var(--accent-light);background:#000;border-radius:4px;padding:2px 6px;font-family:Fira Code,monospace}.related-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.related-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius)}.related-card img{object-fit:cover;filter:sepia(30%)hue-rotate(250deg);width:100%;height:130px}footer{border-top:1px solid var(--border);text-align:center;color:var(--text-secondary);background:#05010f;margin-top:50px;padding:30px 0;font-family:Fira Code,monospace;font-size:12px}@media (max-width:768px){.layout-sidebar,.post-card{flex-direction:column}.post-image-wrapper{border-right:none;border-bottom:1px solid var(--border);width:100%;height:200px}}.article-body img{border-radius:8px;max-width:100%;height:auto;margin:30px auto;display:block;box-shadow:0 4px 15px #0003}