:root{--404-bg:#000;--404-neon-red:#ff0040;--404-neon-cyan:#00f5ff;--404-neon-green:#00ff88;--404-neon-purple:#bd00ff;--404-neon-yellow:#ffff00;--404-matrix-green:#00ff00}.page-not-found #wrapper{background:var(--404-bg)!important}.page-not-found #content{background:0 0!important;box-shadow:none!important;max-width:100%!important;padding:0!important}.cyberpunk-404-container{position:relative;min-height:100vh;background:var(--404-bg);overflow:hidden;padding:20px}#matrix-rain-404{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.1}.error-404-header{text-align:center;margin:50px 0;position:relative;z-index:10}.glitch-404{font-family:Orbitron,monospace;font-size:120px;font-weight:900;color:var(--404-neon-red);text-transform:uppercase;letter-spacing:10px;margin:0;position:relative;animation:glitch404 2s infinite}.glitch-404::after,.glitch-404::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-404::before{animation:glitch-1 .5s infinite;color:var(--404-neon-cyan);z-index:-1;opacity:.8}.glitch-404::after{animation:glitch-2 .5s infinite;color:var(--404-neon-green);z-index:-2;opacity:.8}@keyframes glitch404{0%,100%{text-shadow:0 0 10px var(--404-neon-red)}25%{text-shadow:-5px 0 var(--404-neon-cyan),5px 0 var(--404-neon-green)}50%{text-shadow:5px 0 var(--404-neon-purple),-5px 0 var(--404-neon-yellow)}75%{text-shadow:0 0 20px var(--404-neon-red)}}.system-breach{font-family:monospace;font-size:24px;color:var(--404-neon-yellow);text-transform:uppercase;letter-spacing:5px;margin-top:20px;animation:blink 1s infinite}.error-terminal{max-width:800px;margin:40px auto;position:relative;z-index:10}.terminal-window{background:rgba(10,10,10,.95);border:2px solid var(--404-neon-cyan);border-radius:8px 8px 0 0;overflow:hidden;box-shadow:0 0 30px rgba(0,245,255,.5)}.terminal-header{background:linear-gradient(90deg,#1a1a1a,#2a2a2a);padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--404-neon-cyan)}.terminal-title{color:var(--404-neon-green);font-family:monospace;font-size:14px}.terminal-controls{display:flex;gap:8px}.control{width:12px;height:12px;border-radius:50%}.control.red{background:#ff5f57}.control.yellow{background:#ffbd2e}.control.green{background:#28ca42}.terminal-content{padding:20px;font-family:monospace;font-size:14px;min-height:150px}.terminal-line{color:var(--404-matrix-green);margin:5px 0;opacity:0;animation:fadeInLine .5s forwards}.terminal-line:first-child{animation-delay:.5s}.terminal-line:nth-child(2){animation-delay:1s}.terminal-line:nth-child(3){animation-delay:1.5s}.terminal-line:nth-child(4){animation-delay:2s}@keyframes fadeInLine{to{opacity:1}}.typing-text::after{content:'_';animation:cursorBlink 1s infinite}.main-error-message{text-align:center;margin:60px auto;max-width:900px;position:relative;z-index:10}.error-text{font-size:36px;color:#fff;margin:20px 0;font-family:Rajdhani,sans-serif}.corrupted{color:var(--404-neon-red);font-family:Orbitron,monospace;text-transform:uppercase;animation:corruptedText .1s infinite}@keyframes corruptedText{0%,100%{transform:translateX(0)}20%{transform:translateX(-2px)}40%{transform:translateX(2px)}60%{transform:translateX(-1px)}80%{transform:translateX(1px)}}.recovery-text{font-size:42px;color:var(--404-neon-cyan);font-weight:700;text-shadow:0 0 20px var(--404-neon-cyan)}.highlight{color:var(--404-neon-green);animation:pulse 2s infinite}.recovery-progress{max-width:600px;margin:40px auto;position:relative;z-index:10}.progress-label{color:var(--404-neon-purple);font-family:monospace;font-size:14px;text-transform:uppercase;margin-bottom:10px}.progress-bar{height:20px;background:rgba(255,255,255,.1);border:1px solid var(--404-neon-purple);position:relative;overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--404-neon-purple),var(--404-neon-cyan));transition:width .5s ease;position:relative}.progress-glow{position:absolute;top:0;right:0;width:50px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:progressGlow 2s linear infinite}@keyframes progressGlow{0%{transform:translateX(-50px)}100%{transform:translateX(50px)}}.progress-percent{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--404-neon-cyan);font-family:monospace;font-size:14px;font-weight:700}.recovered-section{margin:80px auto;max-width:1400px;opacity:0;transform:translateY(50px);transition:all .8s ease;position:relative;z-index:10}.recovered-section.visible{opacity:1;transform:translateY(0)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;padding:20px;background:rgba(0,0,0,.8);border:1px solid var(--404-neon-cyan);position:relative;overflow:hidden}.section-header::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,245,255,.2),transparent);animation:headerScan 4s linear infinite}@keyframes headerScan{0%{left:-100%}100%{left:100%}}.hex-icon{width:60px;height:60px;background:linear-gradient(45deg,var(--404-neon-cyan),var(--404-neon-purple));clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);display:flex;align-items:center;justify-content:center}.hex-icon i{color:#000;font-size:28px}.hex-icon.pulse{animation:hexPulse 2s infinite}.hex-icon.rotate{animation:hexRotate 4s linear infinite}.hex-icon.blink{animation:hexBlink 1s infinite}.hex-icon.spin{animation:hexSpin 2s linear infinite}@keyframes hexPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes hexRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes hexBlink{0%,100%{opacity:1}50%{opacity:.3}}@keyframes hexSpin{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}.section-title{font-family:Orbitron,monospace;font-size:32px;color:var(--404-neon-cyan);text-transform:uppercase;letter-spacing:3px;margin:0}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;padding:20px}.product-card{background:rgba(10,10,10,.9);border:2px solid var(--404-neon-cyan);position:relative;overflow:hidden;transition:all .3s ease}.product-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--404-neon-purple);box-shadow:0 20px 40px rgba(189,0,255,.5)}.card-inner{padding:20px}.product-image-wrapper{position:relative;height:200px;overflow:hidden;margin-bottom:20px}.product-image{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.product-card:hover .product-image{transform:scale(1.1);filter:brightness(1.2)}.image-overlay{position:absolute;inset:0;pointer-events:none}.scan-line{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--404-neon-green),transparent);top:0;animation:imageScan 3s linear infinite}@keyframes imageScan{0%{top:0}100%{top:100%}}.product-info{text-align:center}.product-name{font-size:18px;color:var(--404-neon-cyan);margin:15px 0;font-family:Rajdhani,sans-serif;min-height:50px}.product-price{font-size:24px;color:var(--404-neon-green);font-family:Orbitron,monospace;margin:15px 0;display:flex;align-items:center;justify-content:center;gap:5px}.price-symbol{font-size:18px;opacity:.8}.price-value{font-weight:700;text-shadow:0 0 10px currentColor}.cyber-btn-404{display:inline-block;background:linear-gradient(45deg,var(--404-neon-cyan),var(--404-neon-purple));color:#000;padding:12px 30px;text-decoration:none;text-transform:uppercase;font-weight:700;letter-spacing:2px;position:relative;overflow:hidden;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,0 100%)}.cyber-btn-404:hover{transform:scale(1.05);box-shadow:0 0 30px var(--404-neon-cyan)}.btn-glitch{position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;color:inherit;display:flex;align-items:center;justify-content:center;clip-path:inherit;opacity:0}.cyber-btn-404:hover .btn-glitch{animation:btnGlitch .3s ease}@keyframes btnGlitch{0%,100%{opacity:0;transform:translate(0)}33%{opacity:1;transform:translate(-2px,-2px)}66%{opacity:1;transform:translate(2px,2px)}}.protocol-card{background:linear-gradient(135deg,rgba(0,0,0,.9),rgba(26,26,26,.9));border-color:var(--404-neon-green)}.status-indicator{display:flex;align-items:center;gap:8px;margin-bottom:15px;font-size:12px;text-transform:uppercase}.status-light{width:8px;height:8px;background:var(--404-neon-green);border-radius:50%;animation:statusPulse 2s infinite}@keyframes statusPulse{0%,100%{opacity:1;box-shadow:0 0 5px var(--404-neon-green)}50%{opacity:.5}}.status-text{color:var(--404-neon-green);font-family:monospace}.hologram-effect{position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(0,255,136,.1) 50%,transparent 70%);animation:hologramSweep 3s linear infinite}@keyframes hologramSweep{0%{transform:translateX(-100%) translateY(-100%)}100%{transform:translateX(100%) translateY(100%)}}.product-meta{display:flex;justify-content:center;gap:10px;margin:10px 0;font-size:14px}.meta-label{color:var(--404-neon-purple);font-family:monospace}.meta-value{color:var(--404-neon-cyan);font-family:monospace}.protocol-btn{background:0 0;border:2px solid var(--404-neon-green);color:var(--404-neon-green);padding:10px 25px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;text-transform:uppercase;font-weight:700}.protocol-btn:hover{background:var(--404-neon-green);color:#000;box-shadow:0 0 20px var(--404-neon-green)}.data-card{background:rgba(0,0,0,.95);border-color:var(--404-neon-red)}.corruption-level{margin-bottom:15px}.corruption-bar{height:4px;background:rgba(255,255,255,.1);position:relative;overflow:hidden}.corruption-fill{height:100%;background:linear-gradient(90deg,var(--404-neon-red),var(--404-neon-yellow));transition:width 2s ease}.corruption-text{font-size:12px;color:var(--404-neon-yellow);text-align:center;margin-top:5px;font-family:monospace}.corrupted-image{filter:contrast(1.2) saturate(.8)}.static-noise{position:absolute;inset:0;background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48ZmlsdGVyIGlkPSJub2lzZSI+PGZlVHVyYnVsZW5jZSBiYXNlRnJlcXVlbmN5PSIuNjUiIG51bU9jdGF2ZXM9IjMiIHN0aXRjaFRpbGVzPSJzdGl0Y2giLz48L2ZpbHRlcj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWx0ZXI9InVybCgjbm9pc2UpIiBvcGFjaXR5PSIuMDIiLz48L3N2Zz4=');opacity:.5;mix-blend-mode:overlay;pointer-events:none}.decrypt-text{position:relative;overflow:hidden}.decrypt-text::before{content:attr(data-text);position:absolute;top:0;left:0;width:0;height:100%;background:var(--404-neon-red);color:#000;overflow:hidden;animation:decrypt 3s ease forwards}@keyframes decrypt{0%{width:100%}100%{width:0}}.product-code{font-family:monospace;font-size:12px;color:var(--404-neon-purple);margin:10px 0}.code-prefix{opacity:.7}.code-value{color:var(--404-neon-cyan)}.matrix-price{font-family:monospace;color:var(--404-matrix-green);text-shadow:0 0 10px var(--404-matrix-green)}.recovery-btn{background:rgba(255,0,64,.1);border:2px solid var(--404-neon-red);color:var(--404-neon-red);padding:10px 25px;text-decoration:none;display:inline-block;position:relative;overflow:hidden;transition:all .3s ease;text-transform:uppercase}.btn-scan{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--404-neon-red),transparent);animation:btnScan 3s linear infinite}@keyframes btnScan{0%{left:-100%}100%{left:100%}}.recovery-btn:hover{background:var(--404-neon-red);color:#000;box-shadow:0 0 30px var(--404-neon-red)}.cache-card{background:rgba(10,10,10,.95);border-color:var(--404-neon-yellow)}.popularity-meter{margin-bottom:15px}.meter-label{font-size:12px;color:var(--404-neon-yellow);text-transform:uppercase;margin-bottom:5px;font-family:monospace}.meter-bars{display:flex;gap:3px}.bar{width:20px;height:8px;background:rgba(255,255,0,.2);transition:all .3s ease}.bar.active{background:var(--404-neon-yellow);box-shadow:0 0 10px var(--404-neon-yellow)}.energy-field{position:absolute;inset:-10px;background:radial-gradient(circle at center,transparent 30%,rgba(255,255,0,.2) 70%);animation:energyPulse 3s ease-in-out infinite;pointer-events:none}@keyframes energyPulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.glow-text{text-shadow:0 0 10px var(--404-neon-yellow)}.cache-info{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0;font-size:12px;color:var(--404-neon-purple);text-transform:uppercase}.cache-info i{font-size:16px}.pulse-price{animation:pricePulse 2s ease-in-out infinite}@keyframes pricePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.cache-btn{background:0 0;border:2px solid var(--404-neon-yellow);color:var(--404-neon-yellow);padding:10px 25px;text-decoration:none;display:inline-block;position:relative;overflow:hidden;transition:all .3s ease;text-transform:uppercase;font-weight:700}.btn-bg{position:absolute;inset:0;background:var(--404-neon-yellow);transform:translateX(-100%);transition:transform .3s ease}.cache-btn:hover .btn-bg{transform:translateX(0)}.cache-btn:hover{color:#000;box-shadow:0 0 30px var(--404-neon-yellow)}.command-console{position:fixed;bottom:20px;right:20px;width:400px;background:rgba(0,0,0,.95);border:2px solid var(--404-neon-green);border-radius:8px;overflow:hidden;z-index:100;transition:all .3s ease}.console-header{background:#1a1a1a;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;cursor:move}.console-title{color:var(--404-neon-green);font-family:monospace;font-size:14px}.console-minimize{color:var(--404-neon-green);cursor:pointer;font-size:18px;line-height:1}.console-body{padding:15px}.console-output{height:150px;overflow-y:auto;margin-bottom:10px;font-family:monospace;font-size:12px;color:var(--404-matrix-green)}.console-output p{margin:5px 0}.console-input-wrapper{display:flex;align-items:center;gap:10px}.console-prompt{color:var(--404-neon-green);font-family:monospace;font-size:12px}.console-input{flex:1;background:0 0;border:none;color:var(--404-matrix-green);font-family:monospace;font-size:12px;outline:0}.action-zone{display:flex;align-items:center;justify-content:center;gap:40px;margin:80px 0;position:relative;z-index:10}.reboot-btn,.search-btn-404{background:rgba(0,0,0,.8);border:2px solid var(--404-neon-cyan);color:var(--404-neon-cyan);text-decoration:none;padding:20px 40px;position:relative;overflow:hidden;transition:all .3s ease;text-transform:uppercase;font-weight:700;letter-spacing:2px}.btn-inner{display:flex;align-items:center;gap:15px;position:relative;z-index:2}.btn-electricity{position:absolute;inset:0;background:linear-gradient(45deg,transparent,var(--404-neon-cyan),transparent);opacity:0;transition:opacity .3s ease}.reboot-btn:hover .btn-electricity,.search-btn-404:hover .scan-effect{opacity:1;animation:electricity .5s linear infinite}@keyframes electricity{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-separator{display:flex;align-items:center;gap:15px;color:var(--404-neon-purple);font-family:Orbitron,monospace;text-transform:uppercase}.or-line{width:50px;height:2px;background:var(--404-neon-purple);position:relative}.or-line::before{content:'';position:absolute;inset:0;background:inherit;animation:lineGlow 2s ease-in-out infinite}@keyframes lineGlow{0%,100%{box-shadow:0 0 5px var(--404-neon-purple)}50%{box-shadow:0 0 20px var(--404-neon-purple)}}.easter-egg-zone{position:fixed;bottom:20px;left:20px;z-index:100}.secret-btn{background:rgba(0,0,0,.5);border:1px solid var(--404-neon-red);color:var(--404-neon-red);padding:10px 20px;font-family:monospace;font-size:12px;cursor:pointer;opacity:.3;transition:all .3s ease}.secret-btn:hover{opacity:1;box-shadow:0 0 20px var(--404-neon-red)}.particles-404{position:fixed;inset:0;pointer-events:none;z-index:2}.particle-404{position:absolute;width:4px;height:4px;background:var(--404-neon-cyan);border-radius:50%;left:var(--x);top:100%;animation:particleFloat404 var(--duration) linear infinite;animation-delay:var(--delay);opacity:.8}@keyframes particleFloat404{0%{transform:translateY(0) scale(0);opacity:0}10%{transform:translateY(-10vh) scale(1);opacity:.8}90%{transform:translateY(-90vh) scale(1);opacity:.8}100%{transform:translateY(-100vh) scale(0);opacity:0}}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes cursorBlink{0%,49%{opacity:1}100%,50%{opacity:0}}.alert-indicator,.cache-status,.data-stream,.timestamp{display:flex;align-items:center;gap:10px;font-family:monospace;font-size:12px;color:var(--404-neon-green)}.stream-bit{opacity:.7;animation:dataBlink 1s infinite}.stream-bit:nth-child(2){animation-delay:.3s}.stream-bit:nth-child(3){animation-delay:.6s}@keyframes dataBlink{0%,100%{opacity:.7}50%{opacity:1}}.alert-dot{width:8px;height:8px;background:var(--404-neon-green);border-radius:50%;animation:alertPulse 1s infinite}@keyframes alertPulse{0%,100%{transform:scale(1);box-shadow:0 0 5px currentColor}50%{transform:scale(1.2);box-shadow:0 0 15px currentColor}}.cache-indicator{width:10px;height:10px;background:var(--404-neon-yellow);border-radius:2px;animation:cacheRotate 2s linear infinite}@keyframes cacheRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.no-products-message{grid-column:1/-1;text-align:center;padding:60px 20px;background:rgba(0,0,0,.8);border:2px dashed var(--404-neon-red);position:relative}.no-products-message .glitch-text{font-family:Orbitron,monospace;font-size:24px;color:var(--404-neon-red);text-transform:uppercase;letter-spacing:3px;animation:glitch404 2s infinite;margin:0}.no-products-message::before{content:'⚠';position:absolute;top:20px;left:50%;transform:translateX(-50%);font-size:40px;color:var(--404-neon-red);animation:blink 1s infinite}@media (max-width:768px){.glitch-404{font-size:60px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.command-console{width:90%;right:5%;left:5%}.action-zone{flex-direction:column}}