@import"https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap";.header{position:fixed;top:0;left:0;width:100%;padding:1.5rem 0;z-index:1000;transition:all .3s ease;background:transparent}.header.scrolled{background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;box-shadow:0 5px 20px #0003}.header-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;position:relative}.logo{display:flex;align-items:center;z-index:1001}.logo-placeholder{position:relative;padding:.75rem 1.5rem;font-weight:700;font-size:1.25rem;color:var(--text-light);background:var(--bg-dark-gray);border-radius:4px;overflow:hidden}.logo-text{position:relative;z-index:2}.glow-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-cyan);opacity:.3;filter:blur(10px);z-index:1}.desktop-nav{display:flex}.desktop-nav ul{display:flex;list-style:none;gap:2rem}.navigation button{background:none;border:none;color:var(--text-gray);font-weight:500;cursor:pointer;padding:.5rem 0;position:relative;transition:all .3s ease}.navigation button:hover,.navigation button.active{color:var(--text-light)}.navigation button:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-cyan);transition:width .3s ease}.navigation button:hover:after,.navigation button.active:after{width:100%}.mobile-nav-container{display:none;position:relative;z-index:1001}.hamburger-menu{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.hamburger-menu span{width:100%;height:2px;background:var(--text-light);border-radius:2px;transition:all .3s ease;transform-origin:center;position:relative}.hamburger-menu.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-nav{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:var(--bg-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:5rem 2rem 2rem;transition:right .3s ease;z-index:1000;box-shadow:-5px 0 25px #00000080}.mobile-nav.active{right:0}.mobile-nav ul{display:flex;flex-direction:column;list-style:none;gap:1.5rem;margin-top:2rem}.mobile-nav button{width:100%;text-align:left;padding:1rem 0;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-nav button:after{display:none}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:999}@media (max-width: 968px){.desktop-nav{display:none}.mobile-nav-container{display:block}}@media (max-width: 768px){.header-container{padding:0 1rem}.logo-placeholder{padding:.5rem 1rem;font-size:1rem}.mobile-nav{width:80%}}@media (max-width: 480px){.mobile-nav{width:85%}.logo-text{font-size:.9rem}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:5rem;position:relative;overflow:hidden;background-color:var(--bg-dark)}.hero-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;gap:4rem;align-items:center;z-index:2}.hero h1{font-size:3.5rem;margin-bottom:1.5rem;color:var(--text-light)}.hero p{font-size:1.25rem;margin-bottom:2.5rem;max-width:600px}.button-group{display:flex;gap:1rem}.tech-visual{position:relative;width:100%;height:400px}.holographic-element{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;background:var(--gradient-cyan);opacity:.1;border-radius:50%;filter:blur(40px)}.floating-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,243,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.1) 1px,transparent 1px);background-size:30px 30px;animation:float 20s infinite linear}.logo img{width:4rem;height:4rem;margin-left:20px}.particle-effect{position:absolute;top:0;left:0;width:100%;height:100%}.particle-effect:before{content:"";position:absolute;top:20%;left:30%;width:8px;height:8px;background:var(--neon-cyan);border-radius:50%;box-shadow:40px 80px 0 0 var(--neon-cyan),80px 160px 0 0 var(--neon-cyan),120px 40px 0 0 var(--neon-cyan),160px 120px 0 0 var(--neon-cyan);opacity:.5;animation:particles 10s infinite linear}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;color:var(--text-gray);font-size:.875rem}.indicator-line{width:1px;height:50px;background:var(--gradient-cyan);margin-top:.5rem}.text-content p{font-size:.8rem}.text-content h1{margin-top:15px;font-size:3.1rem}@keyframes float{0%{background-position:0 0}to{background-position:30px 30px}}@keyframes particles{0%{transform:translate(0)}to{transform:translate(-20px,-10px)}}@media (max-width: 968px){.hero-content{flex-direction:column;text-align:center}.hero p{margin:0 auto 2.5rem}.hero h1{font-size:2.5rem}}@media (max-width: 480px){.hero h1{font-size:2rem}.button-group{flex-direction:column;align-items:center}}.overview{background:var(--bg-dark-gray)}.stats-container{display:flex;gap:3rem;margin:2rem 0}.stat{text-align:center}.stat h3{font-size:2.5rem;background:var(--gradient-cyan);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.5rem}.stat p{margin:0;font-size:.875rem}.abstract-tech{position:relative;width:100%;height:300px}.circuit-node{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border:1px solid rgba(0,243,255,.3);border-radius:50%}.circuit-node:before,.circuit-node:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;border:1px solid rgba(0,243,255,.2);border-radius:50%}.circuit-node:after{width:300px;height:300px}.data-stream{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,243,255,.1),transparent);animation:stream 3s infinite linear}@keyframes stream{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 968px){.section-container{flex-direction:column;gap:2rem}.stats-container{justify-content:center}}@media (max-width: 768px){.stats-container{flex-direction:column;gap:1.5rem}}.portfolio{background:var(--bg-dark)}.section-description{text-align:center;max-width:600px;margin:0 auto 3rem}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.portfolio-card{background:var(--bg-dark-gray);border-radius:8px;padding:2rem;position:relative;overflow:hidden;transition:all .3s ease;height:250px;display:flex;align-items:flex-end}.portfolio-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.portfolio-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-cyan);opacity:0;transition:opacity .3s ease;z-index:0}.portfolio-card:hover:before{opacity:.05}.card-content{position:relative;z-index:2}.portfolio-card h3{color:var(--text-light);margin-bottom:.75rem}.portfolio-card p{margin-bottom:1rem;font-size:.9rem}.category{display:inline-block;padding:.25rem .75rem;background:#00f3ff1a;color:var(--neon-cyan);border-radius:20px;font-size:.75rem;font-weight:500}.card-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-cyan);opacity:0;filter:blur(20px);transition:opacity .3s ease;z-index:1}.portfolio-card:hover .card-glow{opacity:.2}@media (max-width: 768px){.portfolio-grid{grid-template-columns:1fr}}.training{background:var(--bg-dark-gray)}.services-list{margin:2rem 0}.service-item{margin-bottom:1.5rem;padding-left:1.5rem;border-left:2px solid var(--neon-cyan)}.service-item h4{margin-bottom:.5rem}.service-item p{margin:0;font-size:.9rem}.hologram-container{position:relative;width:100%;height:300px;display:flex;justify-content:center;align-items:center}.hologram{width:200px;height:200px;background:var(--gradient-cyan);opacity:.1;border-radius:8px;transform:perspective(500px) rotateX(60deg) rotate(45deg);filter:blur(20px);animation:hologram-pulse 4s infinite ease-in-out}@keyframes hologram-pulse{0%,to{opacity:.1;transform:perspective(500px) rotateX(60deg) rotate(45deg) scale(1)}50%{opacity:.15;transform:perspective(500px) rotateX(60deg) rotate(45deg) scale(1.05)}}.partnerships{background:var(--bg-dark);text-align:center}.partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;margin:3rem 0}.partner-logo{background:var(--bg-dark-gray);height:120px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.partner-logo:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00f3ff1a}.partnership-cta{background:var(--bg-dark-gray);padding:3rem;border-radius:8px;margin-top:3rem;height:20.5rem}.partnership-cta h3{margin-bottom:1rem}.partnership-cta p{margin-bottom:2rem}@media (max-width: 768px){.partners-grid{grid-template-columns:repeat(2,1fr)}}.contact{background:var(--bg-dark-gray)}.contact-info{margin:2rem 0}.info-item{margin-bottom:1.5rem}.info-item h4{margin-bottom:.5rem;color:var(--neon-cyan)}.info-item p{margin:0}.contact-form{background:var(--bg-dark);padding:2rem;border-radius:8px}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;background:var(--bg-dark-gray);border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-light);font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--neon-cyan);box-shadow:0 0 10px #00f3ff33}@media (max-width: 968px){.section-container{flex-direction:column;gap:2rem}}.footer{background:var(--bg-dark);padding:4rem 0 2rem}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;gap:4rem;margin-bottom:3rem}.footer-logo{flex:1}.footer-links{flex:2;display:flex;gap:2rem}.link-group h4{margin-bottom:1rem;color:var(--text-light)}.link-group ul{list-style:none}.link-group li{margin-bottom:.5rem}.link-group a{color:var(--text-gray);text-decoration:none;transition:color .3s ease}.link-group a:hover{color:var(--neon-cyan)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 968px){.footer-container,.footer-links{flex-direction:column;gap:2rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #000010;--bg-dark-gray: #020c17;--text-light: #f0f0f0;--text-gray: #b0b0b0;--neon-cyan: #00f3ff;--neon-blue: #0066ff;--neon-purple: #a855f7;--gradient-dark: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);--gradient-cyan: linear-gradient(90deg, var(--neon-blue), var(--neon-cyan));--gradient-purple: linear-gradient(90deg, #6366f1, var(--neon-purple))}body{font-family:Red Hat Display,Segoe UI,sans-serif;background:var(--gradient-dark);color:var(--text-light);line-height:1.6;overflow-x:hidden}.app{min-height:100vh}h1,h2,h3,h4,h5{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:3.5rem;background:var(--gradient-cyan);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1.5rem}h2{font-size:2.5rem;margin-bottom:1.5rem}h3{font-size:1.75rem}h4{font-size:1.25rem;color:var(--neon-cyan)}p{color:var(--text-gray);margin-bottom:1.5rem;font-weight:300}section{padding:5rem 0;position:relative}.section-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;gap:4rem}.text-content{flex:1}.visual-content{flex:1;position:relative}.btn{padding:.75rem 2rem;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;z-index:1;font-family:Inter,Segoe UI,sans-serif}.btn-primary{background:var(--text-light);color:var(--bg-dark);font-family:Red Hat Display,Segoe UI,sans-serif}.btn-primary:hover{box-shadow:0 0 20px #00f3ff80;transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--text-light);border:1px solid var(--neon-cyan);font-family:Red Hat Display,Segoe UI,sans-serif}.btn-secondary:hover{background:#00f3ff1a;box-shadow:0 0 15px #00f3ff4d}@media (max-width: 968px){h1{font-size:2.5rem}.section-container{flex-direction:column;gap:2rem}}@media (max-width: 480px){h1{font-size:2rem}h2{font-size:1.75rem}.section-container{padding:0 1rem}}