@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=JetBrains+Mono:wght@400;500;700;800&family=Space+Grotesk:wght@500;700;800&display=swap";:root{--bg-base:#0a0b0e;--bg-surface:#12141a;--bg-card:#151821;--bg-card-hover:#1c202b;--border-width:2px;--border-color:#2e3442;--border-strong:#fff;--border-black:#000;--accent-purple:#8b5cf6;--accent-purple-light:#a78bfa;--accent-purple-bright:#c084fc;--accent-purple-dark:#6d28d9;--accent-purple-fg:#fff;--accent-cyan:#00e5ff;--accent-pink:#ec4899;--accent-green:#0f6;--accent-primary:var(--accent-purple);--accent-primary-light:var(--accent-purple-light);--accent-primary-fg:var(--accent-purple-fg);--accent-yellow:var(--accent-purple);--accent-yellow-fg:var(--accent-purple-fg);--text-main:#f8fafc;--text-muted:#a0aec0;--text-subtle:#718096;--font-heading:"Space Grotesk", -apple-system, sans-serif;--font-body:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-hard-sm:3px 3px 0px #000;--shadow-hard:5px 5px 0px #000;--shadow-hard-lg:8px 8px 0px #000;--shadow-hard-purple:5px 5px 0px var(--accent-purple);--shadow-hard-yellow:5px 5px 0px var(--accent-purple);--radius-sm:0px!important;--radius-md:0px!important;--radius-lg:0px!important;--radius-xl:0px!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}html{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-main);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;width:100%;line-height:1.6;overflow-x:hidden}body{background-color:var(--bg-base);background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:32px 32px;flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.03em;text-transform:uppercase;font-weight:800;line-height:1.15}h2{font-size:1.5rem}a{color:inherit;text-decoration:none;transition:all .15s}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}@media (width<=640px){.container{padding:0 1rem}}.site-header{z-index:100;background:#4c1d95;border-bottom:3px solid #000;position:sticky;top:0;box-shadow:0 4px #000}.nav-inner{justify-content:space-between;align-items:center;height:4.75rem;display:flex}.brand{font-family:var(--font-heading);letter-spacing:-.01em;text-transform:uppercase;color:#fff;align-items:center;gap:.85rem;font-size:1.35rem;font-weight:800;display:flex}.brand-logo-img{object-fit:contain;filter:drop-shadow(0 2px 4px #000000b3);width:auto;max-width:260px;height:2.35rem;display:block}.brand-icon{color:#fff;background:#000;border:2px solid #000;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:transform .15s,box-shadow .15s,background .15s,color .15s;display:flex;box-shadow:3px 3px #0006}.brand:hover .brand-icon{color:#000;background:#fff;transform:translate(-2px,-2px);box-shadow:4px 4px #000}.brand-icon svg{width:1.35rem;height:1.35rem}@media (width<=640px){.brand{gap:.5rem}.brand-logo-img{max-width:175px;height:1.85rem}.brand-icon{width:1.95rem;height:1.95rem}.brand-icon svg{width:1.15rem;height:1.15rem}}.nav-links{align-items:center;gap:.65rem;list-style:none;display:flex}.nav-links li{display:flex}.nav-links .nav-link{text-align:center;white-space:nowrap;justify-content:center;width:8.5rem}.nav-link{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:#fff;background:#000;border:2px solid #000;align-items:center;padding:.45rem .95rem;font-size:.875rem;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:3px 3px #0006}.nav-link:hover,.nav-link.active{color:#000;background:#fff;border-color:#000;transform:translate(-2px,-2px);box-shadow:5px 5px #000}.mobile-menu-toggle{color:#fff;font-family:var(--font-mono);letter-spacing:.05em;cursor:pointer;background:#000;border:2px solid #000;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.8rem;font-weight:800;transition:all .15s;display:none;box-shadow:3px 3px #0006}.mobile-menu-toggle:hover,.mobile-menu-toggle:focus{color:#000;background:#fff;box-shadow:4px 4px #000}.menu-icon-bars{flex-direction:column;gap:3px;width:14px;display:flex}.menu-icon-bars .bar{background:currentColor;width:100%;height:2px;display:block}.mobile-nav-drawer{display:none}@media (width<=900px){.nav-inner{height:4rem;padding:.5rem 0}.nav-links,.nav-inner .social-links{display:none}.mobile-menu-toggle{display:inline-flex}.mobile-nav-drawer{background:#2e1065;border-top:2px solid #000;flex-direction:column;gap:1rem;padding:1rem 1.25rem 1.25rem;display:none}.mobile-nav-drawer.open{display:flex}.mobile-nav-links{flex-direction:column;gap:.65rem;list-style:none;display:flex}.mobile-nav-link{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:#fff;text-align:center;background:#000;border:2px solid #000;padding:.75rem 1rem;font-size:.95rem;font-weight:800;transition:all .15s;display:block;box-shadow:3px 3px #0006}.mobile-nav-link:hover,.mobile-nav-link.active{color:#000;background:#fff;transform:translate(-1px,-1px);box-shadow:5px 5px #000}.mobile-social-links{border-top:1px solid #fff3;justify-content:center;gap:.75rem;padding-top:.75rem;display:flex}}.social-links{align-items:center;gap:.65rem;display:flex}.social-btn{color:#fff;background:#000;border:2px solid #000;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;transition:all .15s;display:inline-flex;box-shadow:3px 3px #0006}.social-btn:hover{color:#000;background:#fff;transform:translate(-2px,-2px);box-shadow:5px 5px #000}.social-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-purple-light);border:1.5px solid var(--accent-purple);white-space:normal;word-break:break-word;background:#000;align-items:center;max-width:100%;padding:.25rem .6rem;font-size:.725rem;font-weight:700;line-height:1.35;transition:all .15s;display:inline-flex;box-shadow:2px 2px #000}.badge:hover{background:var(--accent-purple);color:#fff;box-shadow:3px 3px 0px var(--accent-purple-light);border-color:#fff;transform:translate(-1px,-1px)}.post-card{background:var(--bg-card);border:2px solid var(--border-strong);box-shadow:var(--shadow-hard);flex-direction:column;transition:all .15s;display:flex;position:relative}.post-card:hover{box-shadow:8px 8px 0px var(--accent-purple-light);border-color:var(--accent-purple-light);transform:translate(-3px,-3px)}.post-card-thumb{aspect-ratio:16/9;border-bottom:2px solid var(--border-strong);background:#000;position:relative;overflow:hidden}.post-card-thumb img{object-fit:cover;filter:contrast(105%);width:100%;height:100%}.post-card-thumb-fallback{border-bottom:2px solid var(--border-strong);width:100%;height:100%;color:var(--accent-purple-light);background:#111 repeating-linear-gradient(45deg,#141720,#141720 10px,#1a1e2a 10px 20px);justify-content:center;align-items:center;display:flex}.post-card-body{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.post-card-meta{font-family:var(--font-mono);color:var(--accent-cyan);align-items:center;gap:.75rem;margin-bottom:.85rem;font-size:.8rem;display:flex}.post-card-title{color:var(--text-main);text-transform:uppercase;margin-bottom:.85rem;font-size:1.35rem;font-weight:800;line-height:1.25}.post-card:hover .post-card-title{color:var(--accent-purple-light)}.post-card-excerpt{color:var(--text-muted);margin-bottom:1.5rem;font-size:.925rem;line-height:1.6}.post-card-footer{border-top:1px solid var(--border-color);font-family:var(--font-mono);text-transform:uppercase;color:var(--accent-purple-light);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;font-size:.85rem;font-weight:700;display:flex}.prose{color:#d1d5db;max-width:820px;margin:0 auto;font-size:1.1rem;line-height:1.85}.prose p{margin-bottom:1.75rem}.prose h2{color:var(--text-main);border-bottom:3px solid var(--accent-purple);letter-spacing:-.02em;margin-top:3rem;margin-bottom:1.25rem;padding-bottom:.4rem;font-size:1.5rem}.prose h3{color:var(--accent-cyan);border-left:4px solid var(--accent-cyan);margin-top:2.75rem;margin-bottom:1rem;padding-left:.75rem;font-size:1.5rem}.prose ul,.prose ol{margin-bottom:1.75rem;padding-left:2rem}.prose li{margin-bottom:.65rem}.prose strong{color:#fff;font-weight:700}.prose blockquote{border:2px solid var(--border-strong);border-left:8px solid var(--accent-purple);color:#fff;font-family:var(--font-heading);box-shadow:var(--shadow-hard);background:#0f1117;margin:2rem 0;padding:1.25rem 1.5rem;font-size:1.15rem}.prose a{color:var(--accent-purple-light);text-underline-offset:4px;text-decoration:underline 2px}.prose a:hover{background:var(--accent-purple);color:#fff;text-decoration:none}.prose img,.prose figure img{box-shadow:none;border:none;margin:2.5rem auto}.prose code:not(pre code){font-family:var(--font-mono);color:var(--accent-purple-bright);border:1px solid var(--border-color);background:#000;padding:.2rem .5rem;font-size:.9em;font-weight:700}.prose pre{border:2px solid var(--border-strong);max-width:100%;font-family:var(--font-mono);margin:2rem 0;padding:1.35rem 1.6rem;font-size:.925rem;line-height:1.7;position:relative;overflow-x:auto;box-shadow:6px 6px #000;background:#090b10!important}.prose pre code{font-family:var(--font-mono);background:0 0!important}.prose pre::-webkit-scrollbar{height:8px}.prose pre::-webkit-scrollbar-track{background:#11141e}.prose pre::-webkit-scrollbar-thumb{background:#2e3442}.prose pre::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.prose table{-webkit-overflow-scrolling:touch;border-collapse:collapse;width:100%;margin:1.75rem 0;display:block;overflow-x:auto}.prose table th,.prose table td{border:1px solid var(--border-color);padding:.6rem .85rem}.btn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:2px solid var(--border-strong);align-items:center;gap:.65rem;max-width:100%;padding:.75rem 1.5rem;font-size:.9rem;font-weight:800;transition:all .12s;display:inline-flex;box-shadow:5px 5px #000}@media (width<=640px){.btn{white-space:normal;text-align:center;justify-content:center;padding:.65rem 1rem;font-size:.825rem;box-shadow:3px 3px #000}}.btn-primary{background:var(--accent-purple);color:#fff;border:2px solid #fff;box-shadow:5px 5px #000}.btn-primary:hover{color:#000;box-shadow:8px 8px 0px var(--accent-purple-light);background:#fff;border-color:#fff;transform:translate(-2px,-2px)}.btn-primary:active{box-shadow:2px 2px 0px var(--accent-purple-light);transform:translate(2px,2px)}.btn-secondary{background:var(--bg-surface);color:var(--text-main);border:2px solid var(--border-strong);box-shadow:5px 5px #000}.btn-secondary:hover{color:#000;box-shadow:8px 8px 0px var(--accent-purple-light);background:#fff;border-color:#fff;transform:translate(-2px,-2px)}.btn-secondary:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.btn-group{flex-wrap:wrap;gap:1rem;width:100%;display:flex}.btn-group>.btn{text-align:center;flex:1 1 0;justify-content:center;min-width:200px}.site-footer{border-top:3px solid var(--border-strong);font-family:var(--font-mono);background:#000;margin-top:auto;padding:4rem 0 2.5rem;font-size:.85rem}.footer-inner{flex-direction:column;gap:2.5rem;display:flex}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.footer-bottom{border-top:2px solid var(--border-color);color:var(--text-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;display:flex}.back-to-top-floating{color:#fff;border:2px solid var(--border-strong);cursor:pointer;z-index:99;opacity:0;pointer-events:none;background:#000;justify-content:center;align-items:center;width:3rem;height:3rem;transition:opacity .2s,transform .2s,background .15s,color .15s,box-shadow .15s,border-color .15s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(12px);box-shadow:4px 4px #000}.back-to-top-floating.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top-floating:hover{color:#000;box-shadow:6px 6px 0px var(--accent-purple-light);background:#fff;border-color:#fff;transform:translate(-2px,-2px)}.back-to-top-floating:active{transform:translate(2px,2px);box-shadow:2px 2px #000}@media (width<=640px){.back-to-top-floating{width:2.75rem;height:2.75rem;bottom:1.25rem;right:1.25rem}}