@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@400;600;700&display=swap";:root{--cyan-glow: rgb(6, 182, 212);--pink-glow: rgb(236, 72, 153);--purple-glow: rgb(168, 85, 247);--neon-blue: rgb(34, 211, 238);--neon-pink: rgb(244, 114, 182);--neon-purple: rgb(192, 132, 252);--dark-bg: rgb(10, 10, 26)}.font-orbitron{font-family:Orbitron,sans-serif}.font-rajdhani{font-family:Rajdhani,sans-serif}.font-exo2{font-family:"Exo 2",sans-serif}@keyframes text-shine{0%{background-position:0% 50%}to{background-position:100% 50%}}.animate-text-shine{background-size:200% auto;animation:text-shine 4s linear infinite}@keyframes scan-border{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-scan-border{animation:scan-border 3s linear infinite}.mega-section-title{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;letter-spacing:3px;text-transform:uppercase;color:#fff;text-shadow:0 0 10px rgba(6,182,212,.7),0 0 20px rgba(6,182,212,.5);position:relative}.tech-brackets{color:var(--cyan-glow);font-weight:400;font-family:Share Tech Mono,monospace;opacity:.8;padding:0 1rem;position:relative}.cyber-glitch-2{position:relative;display:inline-block;color:#80f9fd;font-weight:700;text-shadow:0 0 5px rgba(255,255,255,.5),0 0 10px rgba(255,255,255,.3)}.cyber-glitch-2:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;color:var(--neon-blue);text-shadow:0 0 5px var(--neon-blue),0 0 10px var(--neon-blue);opacity:.8;z-index:1;mix-blend-mode:screen;animation:glitch-blue 3.5s infinite;pointer-events:none}.cyber-glitch-2:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink),0 0 10px var(--neon-pink);opacity:.8;z-index:2;mix-blend-mode:screen;animation:glitch-pink 2.5s infinite;pointer-events:none}@keyframes glitch-blue{0%,to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0);opacity:.8}10%{clip-path:polygon(0 15%,100% 15%,100% 75%,0 75%);transform:translate(-4px);opacity:.9}20%{clip-path:polygon(0 0%,100% 0%,100% 100%,0 100%);transform:translate(4px);opacity:.8}}@keyframes glitch-pink{0%,to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0);opacity:.8}15%{clip-path:polygon(0 40%,100% 40%,100% 60%,0 60%);transform:translate(4px);opacity:.9}25%{clip-path:polygon(0 0%,100% 0%,100% 100%,0 100%);transform:translate(-4px);opacity:.8}}.neo-cyber-button{position:relative;display:inline-flex;padding:.75rem 1.5rem;background:linear-gradient(165deg,#06b6d433,#06b6d41a);border:1px solid rgba(6,182,212,.3);border-right:1px solid rgba(6,182,212,.2);border-bottom:1px solid rgba(6,182,212,.2);color:#06b6d4;font-family:Share Tech Mono,monospace;font-size:.9rem;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease;overflow:hidden;z-index:1;box-shadow:0 0 10px #06b6d433,0 0 20px #06b6d41a,inset 0 0 15px #06b6d41a}.neo-cyber-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(6,182,212,.2),transparent);transition:all .4s ease;z-index:-1}.neo-cyber-button:hover:before{left:100%;transition:all .4s ease}.neo-cyber-button:hover{background:linear-gradient(165deg,#06b6d44d,#06b6d433);box-shadow:0 0 15px #06b6d480,0 0 30px #06b6d44d,inset 0 0 15px #06b6d433;text-shadow:0 0 5px rgba(6,182,212,.5);transform:translateY(-2px)}.cyber-button-text{position:relative;z-index:10}.cyber-button-glitch{position:absolute;top:0;left:0;width:100%;height:100%;background:#06b6d480;transform:translate(-100%);animation:cyber-button-glitch 10s infinite;z-index:-1;opacity:0}.group:hover .cyber-button-glitch{opacity:.1}@keyframes cyber-button-glitch{0%,to{transform:translate(-100%)}50%,50.1%{transform:translate(100%)}50.15%{transform:translate(100%)}}.cyber-button-tag{position:absolute;bottom:5px;right:10px;font-size:.6rem;color:#06b6d480;opacity:0;transition:all .3s ease}.group:hover .cyber-button-tag{opacity:1}.neo-cyber-tag{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,#000000e6,#141414cc);border:2px solid rgba(6,182,212,.3);font-family:Orbitron,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:3px;position:relative;overflow:hidden;transition:all .4s ease;border-radius:8px}.neo-cyber-tag.electronic{border-color:#06b6d480;color:#06b6d4}.neo-cyber-tag.programming{border-color:#a855f780;color:#a855f7}.neo-cyber-tag.mechanism{border-color:#ec489980;color:#ec4899}.neo-cyber-tag:hover{transform:scale(1.05) translateY(-5px);box-shadow:0 10px 30px #00000080}.neo-cyber-tag.electronic:hover{border-color:#06b6d4cc;box-shadow:0 0 30px #06b6d466}.neo-cyber-tag.programming:hover{border-color:#a855f7cc;box-shadow:0 0 30px #a855f766}.neo-cyber-tag.mechanism:hover{border-color:#ec4899cc;box-shadow:0 0 30px #ec489966}.tag-icon{font-size:1.5rem;animation:icon-rotate 4s linear infinite}@keyframes icon-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tag-glow{position:absolute;inset:-2px;background:linear-gradient(45deg,currentColor,transparent,currentColor);border-radius:8px;z-index:-1;opacity:0;animation:tag-glow-rotate 3s linear infinite;transition:opacity .3s ease}.neo-cyber-tag:hover .tag-glow{opacity:.3}@keyframes tag-glow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.particles-container{pointer-events:none}.floating-particle{position:absolute;width:8px;height:8px;background:#06b6d4;border-radius:50%;box-shadow:0 0 15px currentColor;animation:particle-float 6s infinite linear}.particle-1{left:10%;animation-delay:-1s}.particle-2{left:30%;animation-delay:-2s;background:#a855f7;box-shadow:0 0 15px #a855f7cc}.particle-3{left:50%;animation-delay:-3s;background:#ec4899;box-shadow:0 0 15px #ec4899cc}.particle-4{left:70%;animation-delay:-4s;box-shadow:0 0 15px #06b6d4cc}.particle-5{left:90%;animation-delay:-5s;background:#a855f7;box-shadow:0 0 15px #a855f7cc}@keyframes particle-float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}.data-lines{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(90deg,rgba(6,182,212,.1) 1px,transparent 1px),linear-gradient(0deg,rgba(6,182,212,.1) 1px,transparent 1px);background-size:100px 100px;animation:data-lines-move 20s linear infinite;opacity:.3}@keyframes data-lines-move{0%{transform:translate(0)}to{transform:translate(100px,100px)}}.cyber-divider{position:relative;width:200px;height:2px;background:linear-gradient(90deg,transparent,var(--cyan-glow),transparent);margin:2rem auto;overflow:hidden}.cyber-divider:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:cyber-divider-scan 3s linear infinite}@keyframes cyber-divider-scan{0%{left:-100%}to{left:100%}}.neo-cyber-card{position:relative;background:#000c;border:1px solid rgba(6,182,212,.3);border-radius:12px;padding:2rem;transition:all .4s ease;overflow:hidden;backdrop-filter:blur(10px);min-height:350px;display:flex;flex-direction:column}.neo-cyber-card:hover{transform:translateY(-10px);border-color:#06b6d499;box-shadow:0 20px 40px #0000004d,0 0 30px #06b6d433}.card-bg{position:absolute;inset:0;background:linear-gradient(135deg,#06b6d40d,#000000e6);transition:all .4s ease;border-radius:12px}.card-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(6,182,212,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.1) 1px,transparent 1px);background-size:20px 20px;opacity:.3;border-radius:12px}.card-glow{position:absolute;inset:-2px;background:linear-gradient(45deg,var(--cyan-glow),transparent,var(--cyan-glow));border-radius:12px;opacity:0;transition:opacity .4s ease;z-index:-1}.card-glow.purple{background:linear-gradient(45deg,var(--purple-glow),transparent,var(--purple-glow))}.card-glow.pink{background:linear-gradient(45deg,var(--pink-glow),transparent,var(--pink-glow))}.neo-cyber-card:hover .card-glow{opacity:.3;animation:card-glow-rotate 3s linear infinite}@keyframes card-glow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.neo-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.neo-cyber-icon{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#06b6d41a;border:2px solid rgba(6,182,212,.3);border-radius:50%;color:var(--cyan-glow);transition:all .3s ease}.neo-cyber-icon.purple{background:#a855f71a;border-color:#a855f74d;color:var(--purple-glow)}.neo-cyber-icon.pink{background:#ec48991a;border-color:#ec48994d;color:var(--pink-glow)}.icon-pulse-ring{position:absolute;inset:-10px;border:2px solid currentColor;border-radius:50%;opacity:0;animation:icon-pulse 2s infinite}@keyframes icon-pulse{0%{transform:scale(.8);opacity:.8}50%{transform:scale(1.2);opacity:.3}to{transform:scale(1.5);opacity:0}}.neo-card-code{font-family:Share Tech Mono,monospace;font-size:.8rem;color:#06b6d499;background:#06b6d41a;padding:.25rem .75rem;border:1px solid rgba(6,182,212,.3);border-radius:4px}.neo-card-code.purple{color:#a855f799;background:#a855f71a;border-color:#a855f74d}.neo-card-code.pink{color:#ec489999;background:#ec48991a;border-color:#ec48994d}.neo-card-title{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:var(--cyan-glow);margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px}.neo-card-title.purple{color:var(--purple-glow)}.neo-card-title.pink{color:var(--pink-glow)}.neo-card-description{font-family:"Exo 2",sans-serif;font-size:1.1rem;line-height:1.6;color:#fffc;flex-grow:1}.hex-corners{position:absolute;inset:0;pointer-events:none}.hex-corner{position:absolute;width:20px;height:20px;border:2px solid var(--cyan-glow)}.hex-corners.purple .hex-corner{border-color:var(--purple-glow)}.hex-corners.pink .hex-corner{border-color:var(--pink-glow)}.hex-corner-tl{top:10px;left:10px;border-right:none;border-bottom:none}.hex-corner-tr{top:10px;right:10px;border-left:none;border-bottom:none}.hex-corner-bl{bottom:10px;left:10px;border-right:none;border-top:none}.hex-corner-br{bottom:10px;right:10px;border-left:none;border-top:none}.energy-bar{position:absolute;bottom:0;left:0;width:0%;height:3px;background:var(--cyan-glow);transition:width .8s ease;box-shadow:0 0 10px currentColor}.energy-bar.purple{background:var(--purple-glow)}.energy-bar.pink{background:var(--pink-glow)}.neo-cyber-card:hover .energy-bar{width:100%}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(6,182,212,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.05) 1px,transparent 1px);background-size:50px 50px;animation:bg-grid-move 30s linear infinite}@keyframes bg-grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.neo-nav-card{position:relative;background:#000000e6;border:1px solid rgba(6,182,212,.3);border-radius:16px;padding:2.5rem;transition:all .4s ease;overflow:hidden;backdrop-filter:blur(15px);min-height:400px;display:flex;flex-direction:column;align-items:center;text-align:center}.neo-nav-card:hover{transform:translateY(-15px);border-color:#06b6d4cc;box-shadow:0 25px 50px #0006,0 0 40px #06b6d44d}.nav-card-bg{position:absolute;inset:0;background:linear-gradient(135deg,#06b6d414,#000000f2);border-radius:16px}.nav-card-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(6,182,212,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.08) 1px,transparent 1px);background-size:25px 25px;opacity:.4;border-radius:16px}.nav-card-glow{position:absolute;inset:-3px;background:linear-gradient(45deg,var(--cyan-glow),transparent,var(--cyan-glow));border-radius:16px;opacity:0;transition:opacity .4s ease;z-index:-1}.nav-card-glow.purple{background:linear-gradient(45deg,var(--purple-glow),transparent,var(--purple-glow))}.nav-card-glow.pink{background:linear-gradient(45deg,var(--pink-glow),transparent,var(--pink-glow))}.neo-nav-card:hover .nav-card-glow{opacity:.2;animation:nav-card-glow-rotate 4s linear infinite}@keyframes nav-card-glow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-icon-container{margin-bottom:2rem}.neo-nav-icon{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#06b6d41a;border:3px solid rgba(6,182,212,.4);border-radius:50%;color:var(--cyan-glow);transition:all .3s ease}.neo-nav-icon.purple{background:#a855f71a;border-color:#a855f766;color:var(--purple-glow)}.neo-nav-icon.pink{background:#ec48991a;border-color:#ec489966;color:var(--pink-glow)}.neo-nav-card:hover .neo-nav-icon{transform:scale(1.1);box-shadow:0 0 30px currentColor}.nav-icon-rings{position:absolute;inset:-15px;border:2px solid currentColor;border-radius:50%;opacity:0;animation:nav-icon-pulse 3s infinite}@keyframes nav-icon-pulse{0%{transform:scale(.8);opacity:.8}50%{transform:scale(1.3);opacity:.2}to{transform:scale(1.8);opacity:0}}.neo-nav-title{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700;color:var(--cyan-glow);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:3px}.neo-nav-title.purple{color:var(--purple-glow)}.neo-nav-title.pink{color:var(--pink-glow)}.neo-nav-description{font-family:Rajdhani,sans-serif;font-size:1.1rem;line-height:1.7;color:#ffffffb3;margin-bottom:2rem;flex-grow:1}.neo-nav-button{position:relative;display:inline-flex;align-items:center;gap:1rem;padding:1rem 2rem;background:linear-gradient(135deg,#06b6d433,#06b6d41a);border:2px solid rgba(6,182,212,.4);border-radius:8px;color:var(--cyan-glow);font-family:Share Tech Mono,monospace;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;overflow:hidden;text-decoration:none;margin-bottom:1.5rem}.neo-nav-button.purple{background:linear-gradient(135deg,#a855f733,#a855f71a);border-color:#a855f766;color:var(--purple-glow)}.neo-nav-button.pink{background:linear-gradient(135deg,#ec489933,#ec48991a);border-color:#ec489966;color:var(--pink-glow)}.neo-nav-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000004d,0 0 20px currentColor;text-shadow:0 0 10px currentColor}.nav-button-glow{position:absolute;inset:-2px;background:linear-gradient(45deg,currentColor,transparent,currentColor);border-radius:8px;opacity:0;transition:opacity .3s ease;z-index:-1}.neo-nav-button:hover .nav-button-glow{opacity:.3;animation:nav-button-glow-rotate 2s linear infinite}@keyframes nav-button-glow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-button-arrow{font-size:1.2rem;transition:transform .3s ease}.neo-nav-button:hover .nav-button-arrow{transform:translate(5px)}.nav-data-points{display:flex;gap:.5rem;justify-content:center}.nav-data-point{width:8px;height:8px;background:currentColor;border-radius:50%;opacity:.3;animation:data-point-pulse 2s infinite}.nav-data-point:nth-child(1){animation-delay:0s}.nav-data-point:nth-child(2){animation-delay:.3s}.nav-data-point:nth-child(3){animation-delay:.6s}@keyframes data-point-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (max-width: 768px){.mega-section-title{font-size:2rem}.neo-cyber-tag{padding:12px 24px;font-size:.8rem;letter-spacing:2px}.neo-cyber-card{padding:1.5rem;min-height:300px}.neo-nav-card{padding:2rem;min-height:350px}.neo-nav-icon{width:60px;height:60px}.neo-nav-title{font-size:1.4rem}}@media (max-width: 640px){.font-orbitron{font-size:3rem}.neo-cyber-tag{gap:8px;padding:10px 20px}.tag-icon{font-size:1.2rem}}
