:root{--neon-green: #39ff14;--neon-cyan: #00f3ff;--neon-purple: #bc13fe;--deep-space: #020412;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--text-glow: 0 0 10px rgba(57, 255, 20, .5);--font-head: "Audiowide", sans-serif;--font-body: "Electrolize", sans-serif;--font-mono: "Share Tech Mono", monospace}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scanline{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-blink{animation:blink 1s step-end infinite}.font-mono-term{font-family:var(--font-mono)}body{margin:0;font-family:var(--font-body);background-color:var(--deep-space);background-image:radial-gradient(circle at 15% 50%,rgba(188,19,254,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(0,243,255,.08),transparent 25%);color:#e0e0e0;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-head);color:#fff;text-transform:uppercase;letter-spacing:2px}a{text-decoration:none;color:inherit;transition:.3s}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 30px #0000001a}.glass-panel h3,.glass-panel p{text-align:center;width:100%}.text-neon{color:var(--neon-green);text-shadow:0 0 10px rgba(57,255,20,.4)}.text-cyan{color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,243,255,.4)}.btn-cyber{position:relative;display:inline-block;padding:16px 42px;font-family:var(--font-head);font-weight:800;font-size:14px;color:var(--neon-cyan);background:transparent;border:2px solid var(--neon-cyan);text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .3s ease;letter-spacing:.15em;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:0 0 15px #00f3ff33}.btn-cyber:hover{color:#000;background:var(--neon-cyan);border-color:var(--neon-cyan);text-shadow:none;box-shadow:0 0 30px #00f3ff99;transform:translateY(-2px)}.btn-cyber-filled{position:relative;display:inline-block;padding:16px 42px;font-family:var(--font-head);font-weight:800;font-size:14px;color:#000;background:var(--neon-green);border:2px solid var(--neon-green);text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .3s ease;letter-spacing:.15em;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:0 0 20px #39ff1466}.btn-cyber-filled:hover{transform:translateY(-3px);box-shadow:0 0 40px #39ff14cc;background:#4aff29;border-color:#4aff29}.img-tech-frame{position:relative;display:inline-block;padding:15px;border:2px solid rgba(0,243,255,.3);background:#00f3ff0d;clip-path:polygon(0 0,100% 0,100% 85%,90% 100%,0 100%);width:100%;max-width:320px;height:280px}.img-tech-frame:before{content:"";position:absolute;top:0;left:0;width:24px;height:24px;border-top:3px solid var(--neon-cyan);border-left:3px solid var(--neon-cyan);z-index:1}.img-tech-frame:after{content:"";position:absolute;bottom:0;right:0;width:24px;height:24px;border-bottom:3px solid var(--neon-cyan);border-right:3px solid var(--neon-cyan);z-index:1}.img-tech-frame img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 12px rgba(0,243,255,.3))}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:4px}*{margin:0;padding:0;box-sizing:border-box}.clip-path-slant{clip-path:polygon(15px 0,100% 0,100% 100%,0 100%,0 15px)}:root{--primary-color: #39ff14;--secondary-color: #2AAA0F;--bg-color: #0b0b0b;--bg-secondary: #111;--text-main: #fff;--text-secondary: #ccc;--font-main: "Roboto", sans-serif}body{font-family:var(--font-main);background:var(--bg-color);color:var(--text-main);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}ul{list-style:none}.container{width:90%;max-width:1100px;margin:0 auto;padding:0 15px}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%}.bento-item{background:#ffffff08;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;padding:30px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:200px}.bento-item h3,.bento-item p{width:100%;text-align:center;margin-left:0;margin-right:0}.bento-item:hover{background:#00f3ff0d;border-color:var(--neon-cyan);transform:translateY(-5px);box-shadow:0 5px 20px #00f3ff33}.protocol-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;width:100%}.protocol-grid .glass-panel,.protocol-grid>div{text-align:center}.protocol-grid h3,.protocol-grid p{width:100%;text-align:center;margin-left:auto;margin-right:auto}@media (max-width: 768px){.bento-grid,.protocol-grid{grid-template-columns:1fr}}.btn-primary{background:var(--secondary-color);color:#fff!important;padding:12px 25px;font-weight:700;border-radius:4px;transition:all .3s ease;display:inline-block;border:none;cursor:pointer;text-align:center}.btn-primary:hover{background:#3bc01f;transform:translateY(-2px);box-shadow:0 4px 15px #3bc01f66}.btn-secondary{background:transparent;border:2px solid var(--secondary-color);color:var(--secondary-color)!important;padding:10px 23px;font-weight:700;border-radius:4px;transition:all .3s ease;display:inline-block;cursor:pointer}.btn-secondary:hover{background:#2aaa0f1a;border-color:#3bc01f;color:#3bc01f!important;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 1s ease forwards}.slide-up{animation:slideUp .8s ease forwards}.nav-bar ul li a{color:#fff;font-weight:700;padding:6px 12px;background:#ffffff0d;border-radius:5px;transition:all .3s ease;margin-left:10px}.nav-bar ul li a:hover,.nav-bar ul li a.active{color:var(--primary-color);background:#ffffff26;transform:scale(1.05)}.hero{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at center,#1b1b1b,#000);min-height:80vh;padding:60px 0;overflow:hidden}.hero h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:20px;color:var(--primary-color)}.hero p{font-size:clamp(1rem,2.5vw,1.2rem);margin-bottom:20px;max-width:800px;margin-left:auto;margin-right:auto}.hero-tagline{font-size:clamp(1.8rem,5vw,4.5rem);color:#fff;text-transform:uppercase;font-weight:700;line-height:1.2;margin-bottom:15px}.hero-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px}.products-preview{padding:60px 0;background:#0f0f0f;text-align:center}.products-preview h2,.services h2,.cta-section h2{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:40px;color:#fff}.product-items{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.product-item{flex:0 1 380px;width:380px;min-height:450px;max-height:450px;background:#1c1c1c;border:2px solid rgba(255,255,255,.1);border-radius:8px;padding:30px 25px;transition:transform .3s ease,box-shadow .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.product-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #39ff1433;border-color:var(--neon-green)}.product-icon{width:150px;height:150px;object-fit:contain;margin-bottom:20px;border-radius:8px}.product-item h3{color:var(--primary-color);margin-bottom:10px;font-size:1.6rem}.product-item p em{display:block;color:#aaa;margin-bottom:10px;font-style:italic}.services{padding:60px 0;background:#111;text-align:center}.service-items{display:flex;flex-wrap:wrap;justify-content:center;gap:25px}.service-item{flex:0 1 340px;width:340px;min-height:280px;max-height:280px;background:#1a1a1a;border:2px solid rgba(255,255,255,.1);border-radius:8px;padding:30px 20px;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}.service-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00f3ff33;border-color:var(--neon-cyan)}.service-icon{width:80px;height:80px;margin-bottom:20px;object-fit:contain;border-radius:8px}.service-item h3{margin-bottom:15px;color:var(--primary-color);font-size:1.5rem}.service-item p{color:#ccc;font-size:.95rem;line-height:1.6}.cta-section{padding:60px 0;background:#0c0c0c;text-align:center;border-top:1px solid #222}.page-header{padding:80px 0 40px;background:#0c0c0c;text-align:center;border-bottom:1px solid #222}.page-header h1{font-size:clamp(2.2rem,5vw,3.5rem);color:var(--primary-color);margin-bottom:10px}.page-header .subtitle{font-size:clamp(1rem,2.5vw,1.2rem);color:#aaa;max-width:700px;margin:0 auto}.page-content{padding:40px 0}.page-content h2{color:var(--primary-color);margin-bottom:15px}.page-content p{margin-bottom:15px;color:#ccc}