@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#080c14;--bg-secondary:#0d1527;--bg-card:#101a30bf;--bg-card-hover:#162444e6;--bg-glass:#0d1527d9;--border-subtle:#00f5ff26;--border-neon:#00f5ff80;--border-magenta:#ff007f80;--border-green:#39ff1480;--neon-cyan:#00f5ff;--neon-magenta:#ff007f;--neon-green:#39ff14;--neon-yellow:#ffd60a;--neon-purple:#b5179e;--neon-blue:#00b4d8;--text-main:#f0f6fc;--text-muted:#8b949e;--text-dim:#54627b;--glow-cyan:0 0 15px #00f5ff59;--glow-magenta:0 0 15px #ff007f59;--glow-green:0 0 15px #39ff1459;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"Fira Code", "JetBrains Mono", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100vw;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);background-image:radial-gradient(circle at 15% 15%,#00f5ff0d 0%,#0000 40%),radial-gradient(circle at 85% 85%,#ff007f0a 0%,#0000 45%),linear-gradient(#00f5ff08 1px,#0000 1px),linear-gradient(90deg,#00f5ff08 1px,#0000 1px);background-position:0 0,0 0,-1px -1px,-1px -1px;background-size:100% 100%,100% 100%,40px 40px,40px 40px;min-height:100vh}code,pre,.font-mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#00f5ff40;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00f5ff80}.cyber-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.cyber-card:before{content:"";background:linear-gradient(90deg, transparent, var(--neon-cyan), transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.cyber-card:hover{border-color:var(--border-neon);box-shadow:var(--glow-cyan);transform:translateY(-2px)}.cyber-card:hover:before{opacity:1}.cyber-badge{border-radius:var(--radius-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;align-items:center;gap:6px;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-cyan{color:var(--neon-cyan);background:#00f5ff1f;border:1px solid #00f5ff4d}.badge-green{color:var(--neon-green);background:#39ff141f;border:1px solid #39ff144d}.badge-magenta{color:var(--neon-magenta);background:#ff007f1f;border:1px solid #ff007f4d}.badge-yellow{color:var(--neon-yellow);background:#ffd60a1f;border:1px solid #ffd60a4d}.badge-purple{color:#d946ef;background:#b5179e26;border:1px solid #b5179e66}.cyber-btn{color:var(--neon-cyan);border:1px solid var(--neon-cyan);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;touch-action:manipulation;background:#00f5ff1a;outline:none;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.cyber-btn:hover{background:var(--neon-cyan);color:#000;box-shadow:var(--glow-cyan)}.cyber-btn-secondary{color:var(--text-main);background:#ffffff0d;border:1px solid #ffffff26}.cyber-btn-secondary:hover{color:#fff;background:#ffffff1f;border-color:#ffffff4d}.cyber-btn-magenta{color:var(--neon-magenta);border-color:var(--neon-magenta);background:#ff007f1a}.cyber-btn-magenta:hover{background:var(--neon-magenta);color:#fff;box-shadow:var(--glow-magenta)}@keyframes pulseGlow{0%,to{opacity:.8;filter:drop-shadow(0 0 6px var(--neon-cyan))}50%{opacity:.4;filter:drop-shadow(0 0 2px var(--neon-cyan))}}.animate-pulse-glow{animation:2.5s ease-in-out infinite pulseGlow}.responsive-code-container{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.horizontal-touch-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}@media (width<=1024px){.hub-main-grid,.wiki-grid-layout{grid-template-columns:1fr!important}.nav-menu-desktop{display:none!important}.nav-menu-mobile{display:flex!important}}@media (width<=768px){:root{--radius-lg:12px}body{font-size:14px}.cyber-card{padding:14px!important}.modal-dialog-content{width:95vw!important;max-height:90vh!important;padding:16px!important}.flowchart-step-card{padding:16px!important}}@media (width<=480px){.cyber-badge{padding:2px 6px;font-size:.68rem}.cyber-btn{padding:6px 12px;font-size:.8rem}.modal-dialog-content{width:98vw!important;margin:4px!important;padding:12px!important}}