@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=IBM+Plex+Sans:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap");html[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#0d1117;--bg-card:#161b22;--bg-hover:#1f2937;--border-color:#30363d;--text-primary:#e6edf3;--text-secondary:#8b949e;--accent-green:#00ff41;--accent-cyan:#00d4ff;--accent-purple:#7c3aed;--accent-red:#f44;--glow-green:0 0 10px #00ff41,0 0 20px #00ff4166;--glow-cyan:0 0 10px #00d4ff,0 0 20px #00d4ff66;--glow-purple:0 0 10px #7c3aed,0 0 20px #7c3aed66;--bg-accent-hover:rgba(0,255,65,.08)}html[data-theme=dark] .bg-light,html[data-theme=dark] .bg-white,html[data-theme=dark] .card,html[data-theme=dark] .dropdown-menu,html[data-theme=dark] .list-group-item,html[data-theme=dark] .modal-content,html[data-theme=dark] .navbar,html[data-theme=dark] .table,html[data-theme=dark] [class*=bg-light],html[data-theme=dark] [class*=bg-white],html[data-theme=dark] body,html[data-theme=dark] footer,html[data-theme=dark] header,html[data-theme=dark] section{background-color:var(--bg-primary)!important;background:var(--bg-primary)!important}html[data-theme=dark] .card{background-color:var(--bg-card)!important}html[data-theme=dark] .table-striped>tbody>tr:nth-of-type(odd){--bs-table-accent-bg:var(--bg-secondary)}html[data-theme=dark] .form-control,html[data-theme=dark] .form-select{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}html[data-theme=dark] .btn-primary{background-color:var(--accent-green);border-color:var(--accent-green);color:var(--bg-primary)}html[data-theme=dark] .btn-outline-primary{border-color:var(--accent-green);color:var(--accent-green)}html[data-theme=dark] .btn-outline-primary:hover{background-color:var(--accent-green);color:var(--bg-primary)}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}html{scroll-behavior:smooth}body{font-family:Inter,IBM Plex Sans,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Share Tech Mono,Courier Prime,monospace;font-weight:400;letter-spacing:1px}.mono,code,pre{font-family:Fira Code,monospace}a{color:var(--accent-cyan);text-decoration:none;transition:all .3s ease}a:hover{color:var(--accent-green)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-green);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}::selection{background:var(--accent-green);color:var(--bg-primary)}#matrix-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.15}@keyframes glitch{0%{text-shadow:-2px 0 #ff0040,2px 0 #0ff;transform:translate(0)}20%{text-shadow:2px 0 #ff0040,-2px 0 #0ff;transform:translate(-2px,1px)}40%{text-shadow:-2px 0 #ff0040,2px 0 #0ff;transform:translate(2px,-1px)}60%{text-shadow:2px 0 #ff0040,-2px 0 #0ff;transform:translate(-1px,2px)}80%{text-shadow:-2px 0 #ff0040,2px 0 #0ff;transform:translate(1px,-2px)}to{text-shadow:-2px 0 #ff0040,2px 0 #0ff;transform:translate(0)}}.glitch{animation:glitch .3s infinite;animation-timing-function:steps(2)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink:after{content:"_";animation:blink 1s infinite;color:var(--accent-green)}@keyframes typing{0%{width:0}to{width:100%}}@keyframes cursor{50%{border-color:transparent}}.scanlines:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.05),rgba(0,0,0,.05) 1px,transparent 0,transparent 2px);pointer-events:none;z-index:1}[data-theme=light] .scanlines:before{background:repeating-linear-gradient(0deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 0,transparent 2px)}.glow-green{box-shadow:var(--glow-green)}.glow-cyan{box-shadow:var(--glow-cyan)}.glow-purple{box-shadow:var(--glow-purple)}.text-glow-green{text-shadow:var(--glow-green)}.text-glow-cyan{text-shadow:var(--glow-cyan)}.terminal-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-left:3px solid var(--accent-green);font-family:Fira Code,monospace;padding:1rem;position:relative}.terminal-box:before{content:"> ";color:var(--accent-green)}.terminal-input{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);font-family:Fira Code,monospace;padding:.75rem 1rem;width:100%;outline:none;transition:all .3s ease}.terminal-input:focus{border-color:var(--accent-green);box-shadow:var(--glow-green)}.terminal-input::placeholder{color:var(--text-secondary)}.btn-neon{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-family:Share Tech Mono,monospace;font-size:.875rem;text-transform:uppercase;letter-spacing:2px;border:1px solid var(--accent-green);background:transparent;color:var(--accent-green);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-neon:hover{background:var(--accent-green);color:var(--bg-primary);box-shadow:var(--glow-green)}.btn-neon-secondary{border-color:var(--accent-cyan);color:var(--accent-cyan)}.btn-neon-secondary:hover{background:var(--accent-cyan);color:var(--bg-primary);box-shadow:var(--glow-cyan)}.btn-neon-danger{border-color:var(--accent-red);color:var(--accent-red)}.btn-neon-danger:hover{background:var(--accent-red);color:var(--bg-primary);box-shadow:0 0 10px #f44,0 0 20px #ff444466}.btn-neon-purple{border-color:var(--accent-purple);color:var(--accent-purple)}.btn-neon-purple:hover{background:var(--accent-purple);color:#fff;box-shadow:var(--glow-purple)}.cyber-card{background:var(--bg-card);border:1px solid var(--border-color);border-left:3px solid var(--accent-green);padding:1.5rem;transition:all .3s ease;position:relative}.cyber-card:hover{border-left-color:var(--accent-cyan);box-shadow:0 4px 20px rgba(0,255,65,.1);transform:translateY(-4px)}.badge-cyber{display:inline-block;padding:.25rem .75rem;font-family:Share Tech Mono,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;border:1px solid var(--accent-green);color:var(--accent-green);background:transparent}.badge-cyber-cyan{border-color:var(--accent-cyan);color:var(--accent-cyan)}.badge-cyber-purple{border-color:var(--accent-purple);color:var(--accent-purple)}.badge-cyber-red{border-color:var(--accent-red);color:var(--accent-red)}.form-control-cyber{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1rem;font-family:Inter,sans-serif;width:100%;outline:none;transition:all .3s ease}.form-control-cyber:focus{border-color:var(--accent-green);box-shadow:var(--glow-green)}.form-control-cyber::placeholder{color:var(--text-secondary)}.form-label-cyber{display:block;font-family:Share Tech Mono,monospace;color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem}.form-label-cyber:before{content:"// ";color:var(--accent-green)}.grid-pattern{background-image:linear-gradient(var(--accent-green,rgba(0,255,65,.03)) 1px,transparent 1px),linear-gradient(90deg,var(--accent-green,rgba(0,255,65,.03)) 1px,transparent 1px);background-size:50px 50px;opacity:.15}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.online-dot,.pulse{animation:pulse 2s infinite}.online-dot{width:8px;height:8px;background:var(--accent-green);border-radius:50%;box-shadow:var(--glow-green)}@keyframes skeleton-pulse{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s infinite;border-radius:4px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .5s ease forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.container-cyber{max-width:1400px;margin:0 auto;padding:0 1.5rem}.section-padding{padding:5rem 0}.text-accent-green{color:var(--accent-green)}.text-accent-cyan{color:var(--accent-cyan)}.text-accent-purple{color:var(--accent-purple)}.text-accent-red{color:var(--accent-red)}.text-muted{color:var(--text-secondary)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-card{background-color:var(--bg-card)}.border-accent{border-color:var(--border-color)}.border-green{border-color:var(--accent-green)}.border-cyan{border-color:var(--accent-cyan)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}.navbar-cyber{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--bg-secondary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:1rem 0;transition:all .3s ease}.navbar-cyber.scrolled{background:var(--bg-secondary);padding:.75rem 0}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.sidebar-cyber{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:2rem 1rem;overflow-y:auto;z-index:100}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary);font-family:Share Tech Mono,monospace;font-size:.875rem;text-transform:uppercase;letter-spacing:1px;border:1px solid transparent;margin-bottom:.5rem;transition:all .3s ease}.sidebar-link.active,.sidebar-link:hover{color:var(--accent-green);border-color:var(--accent-green);background:var(--bg-accent-hover)}.sidebar-link.active{box-shadow:var(--glow-green)}.table-cyber{width:100%;border-collapse:collapse}.table-cyber th{background:var(--bg-secondary);color:var(--accent-green);font-family:Share Tech Mono,monospace;font-size:.875rem;text-transform:uppercase;letter-spacing:1px;padding:1rem;text-align:left;border-bottom:2px solid var(--accent-green)}.table-cyber td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.table-cyber tr:hover td{background:var(--bg-hover)}.progress-cyber{height:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.progress-cyber-fill{height:100%;background:linear-gradient(90deg,var(--accent-green),var(--accent-cyan));transition:width .5s ease}.modal-cyber{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(10,10,15,.9);display:flex;align-items:center;justify-content:center;z-index:2000}[data-theme=light] .modal-cyber{background:rgba(10,10,15,.4)}.modal-content-cyber{background:var(--bg-card);border:1px solid var(--accent-green);box-shadow:var(--glow-green);padding:2rem;max-width:500px;width:90%;position:relative}.toast-cyber{background:var(--bg-card);border-left:1px solid var(--accent-green);border:1px solid var(--accent-green);border-left-width:3px;padding:1rem 1.5rem;font-family:Fira Code,monospace;font-size:.875rem;color:var(--text-primary)}.toast-cyber:before{content:"> ";color:var(--accent-green)}.empty-state{text-align:center;padding:4rem 2rem;font-family:Fira Code,monospace}.empty-state:before{content:"> ";color:var(--accent-green)}.empty-state h3{color:var(--text-secondary);margin-top:1rem}.error-state{text-align:center;padding:4rem 2rem;font-family:Fira Code,monospace;color:var(--accent-red)}.error-state:before{content:"> ERROR: "}.pagination-cyber{display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.pagination-cyber button{padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-family:Share Tech Mono,monospace;cursor:pointer;transition:all .3s ease}.pagination-cyber button.active,.pagination-cyber button:hover{border-color:var(--accent-green);color:var(--accent-green)}.pagination-cyber button:disabled{opacity:.5;cursor:not-allowed}.stars-cyber{display:flex;gap:.25rem;color:var(--accent-green)}.video-player-cyber{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);aspect-ratio:16/9}.video-player-cyber video{width:100%;height:100%;object-fit:cover}.accordion-cyber{border:1px solid var(--border-color)}.accordion-item-cyber{border-bottom:1px solid var(--border-color)}.accordion-header-cyber{padding:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:Share Tech Mono,monospace;color:var(--text-primary);transition:all .3s ease}.accordion-header-cyber:hover{background:var(--bg-hover)}.accordion-header-cyber.active{color:var(--accent-green);border-left:3px solid var(--accent-green)}.accordion-body-cyber{padding:0 1rem;max-height:0;overflow:hidden;transition:all .3s ease}.accordion-body-cyber.open{padding:1rem;max-height:500px}.theme-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-family:Share Tech Mono,monospace;font-size:.75rem;cursor:pointer;transition:all .3s ease}.theme-toggle:hover{border-color:var(--accent-green);color:var(--accent-green)}.dropdown-cyber{position:relative}.dropdown-menu-cyber{position:absolute;top:100%;right:0;background:var(--bg-card);border:1px solid var(--border-color);min-width:200px;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.dropdown-menu-cyber.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item-cyber{display:block;padding:.75rem 1rem;color:var(--text-secondary);transition:all .3s ease}.dropdown-item-cyber:hover{background:var(--bg-hover);color:var(--accent-green)}@media (max-width:1024px){.sidebar-cyber{transform:translateX(-100%);transition:transform .3s ease}.sidebar-cyber.open{transform:translateX(0)}}@media (max-width:768px){.section-padding{padding:3rem 0}.cyber-card{padding:1rem}.table-cyber{font-size:.875rem}.table-cyber td,.table-cyber th{padding:.75rem .5rem}}@media (max-width:480px){.container-cyber{padding:0 1rem}h1{font-size:1.75rem}h2{font-size:1.5rem}.btn-neon{padding:.5rem 1rem;font-size:.75rem}}