:root{--primary-bg:#0f0f23;--secondary-bg:#1a1a2e;--accent-bg:#16213e;--card-bg:#0f3460;--text-primary:#fff;--text-secondary:#b8b8b8;--text-muted:#8a8a8a;--accent-primary:#00d4ff;--accent-secondary:#ff6b6b;--accent-tertiary:#4ecdc4;--border-color:#2a2a3e;--shadow-color:#0000004d;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Monaco",monospace;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0f23;background-color:var(--primary-bg);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{color:#b8b8b8;color:var(--text-secondary);margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}a{color:#00d4ff;color:var(--accent-primary);text-decoration:none;transition:.2s ease;transition:var(--transition-fast)}a:hover{color:#4ecdc4;color:var(--accent-tertiary)}.btn{align-items:center;border:none;border-radius:1rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:1rem;font-weight:600;gap:.5rem;gap:var(--spacing-xs);justify-content:center;padding:1rem 2rem;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:.3s ease;transition:var(--transition-normal)}.btn-primary{background:linear-gradient(135deg,#00d4ff,#4ecdc4);background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));color:#fff;color:var(--text-primary)}.btn-primary:hover{box-shadow:0 10px 25px #0000004d;box-shadow:0 10px 25px var(--shadow-color);transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #00d4ff;border:2px solid var(--accent-primary);color:#00d4ff;color:var(--accent-primary)}.btn-secondary:hover{background:#00d4ff;background:var(--accent-primary);color:#0f0f23;color:var(--primary-bg)}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--spacing-md)}.section{padding:4rem 0;padding:var(--spacing-2xl) 0}.text-center{text-align:center}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#4ecdc4);background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));-webkit-background-clip:text;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.container{padding:0 1rem;padding:0 var(--spacing-sm)}.section{padding:3rem 0;padding:var(--spacing-xl) 0}h1{font-size:clamp(2rem,8vw,3rem)}h2{font-size:clamp(1.5rem,6vw,2.5rem)}}@media (max-width:480px){.btn{font-size:.9rem;padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md)}}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#00d4ff;border-radius:.5rem}::-webkit-scrollbar-thumb:hover{background:#4ecdc4}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23f2;border-bottom:1px solid #ffffff1a;left:0;position:fixed;right:0;top:0;transition:all var(--transition-normal);z-index:1000}.header.scrolled{background:#0f0f23fa;box-shadow:0 4px 20px #0000004d}.header .container{justify-content:space-between;min-height:70px;padding:var(--spacing-sm) var(--spacing-md)}.header .container,.logo{align-items:center;display:flex}.logo{cursor:pointer}.logo-text{font-family:var(--font-mono);font-size:1.5rem;font-weight:800;letter-spacing:2px}.logo-cyber{color:var(--accent-primary)}.logo-lab{color:var(--text-primary);margin-left:4px}.nav-desktop{display:none}@media (min-width:768px){.nav-desktop{display:block}}.nav-list{display:flex;gap:var(--spacing-md);list-style:none;margin:0;padding:0}.nav-link{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.9rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm);text-decoration:none;transition:all var(--transition-fast)}.nav-link:hover{background:#00d4ff1a;color:var(--accent-primary);transform:translateY(-2px)}.nav-link svg{height:16px;width:16px}.mobile-menu-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:var(--transition-fast)}.mobile-menu-toggle:hover{background:#ffffff1a}@media (min-width:768px){.mobile-menu-toggle{display:none}}.mobile-menu{background:#0f0f23fa;border-top:1px solid #ffffff1a;overflow:hidden}.mobile-menu-content{flex-direction:column}.mobile-menu-content,.mobile-nav-link{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.mobile-nav-link{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-primary);font-size:1rem;font-weight:500;text-align:left;transition:var(--transition-fast);width:100%}.mobile-nav-link:hover{background:#00d4ff1a;color:var(--accent-primary)}.mobile-nav-link svg{flex-shrink:0;height:20px;width:20px}@media (max-width:768px){.header .container{min-height:60px;padding:var(--spacing-sm)}.logo-text{font-size:1.3rem}}@media (max-width:480px){.logo-text{font-size:1.2rem;letter-spacing:1px}.mobile-menu-content,.mobile-nav-link{padding:var(--spacing-sm)}.mobile-nav-link{font-size:.9rem}}.hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding-top:70px;position:relative}.hero-bg{z-index:-1}.hero-bg,.hero-bg-gradient{bottom:0;left:0;position:absolute;right:0;top:0}.hero-bg-gradient{animation:gradientShift 12s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#00d4ff26 0,#0000 50%),radial-gradient(circle at 80% 20%,#4ecdc426 0,#0000 50%)}.hero-bg-pattern{background-image:radial-gradient(circle at 1px 1px,#ffffff0d 1px,#0000 0);background-size:50px 50px}.hero-bg-particles,.hero-bg-pattern{bottom:0;left:0;position:absolute;right:0;top:0}.hero-bg-particles{animation:particleMove 20s linear infinite;background-image:radial-gradient(circle at 2px 2px,#00d4ff1a 1px,#0000 0),radial-gradient(circle at 4px 4px,#4ecdc414 1px,#0000 0);background-size:100px 100px,150px 150px}@keyframes particleMove{0%{opacity:.3;transform:translate(0)}50%{opacity:.8}to{opacity:.3;transform:translate(-100px,-100px)}}.hero-bg:after{animation:backgroundPulse 8s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#00d4ff08 0,#0000 50%),radial-gradient(circle at 80% 50%,#4ecdc408 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes backgroundPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.floating-particles{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.particle{background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));border-radius:50%;filter:blur(1px);opacity:.6;position:absolute}.floating-icon{color:var(--accent-primary);opacity:.1;position:absolute;z-index:1}.floating-icon.top-20.left-20{left:20%;top:20%}.floating-icon.top-40.right-20{right:20%;top:40%}.floating-icon.bottom-40.left-32{bottom:40%;left:32%}.floating-icon.bottom-20.right-32{bottom:20%;right:32%}.floating-icon svg{height:48px;width:48px}.floating-icon svg,.floating-icon.float svg{animation:float 6s ease-in-out infinite}.floating-icon.pulse svg{animation:pulse 4s ease-in-out infinite}.floating-icon.bounce svg{animation:bounce 5s ease-in-out infinite}.floating-icon.spin svg{animation:spin 8s linear infinite}.hero-content{grid-gap:var(--spacing-2xl);align-items:center;display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-2xl)}.hero-text h1{font-size:clamp(2.5rem,6vw,4rem);line-height:1.1;margin-bottom:var(--spacing-lg)}.hero-title{display:flex;flex-direction:column;gap:var(--spacing-sm)}.title-line{display:block}.hero-btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));border:none;overflow:hidden;position:relative}.hero-btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.hero-btn-primary:hover:before{left:100%}.hero-btn-secondary{background:#0000;border:2px solid var(--accent-primary);overflow:hidden;position:relative}.hero-btn-secondary:before{background:var(--accent-primary);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}.hero-btn-secondary:hover:before{width:100%}.hero-subtitle{color:var(--text-secondary);font-size:1.2rem;line-height:1.6;margin-bottom:var(--spacing-xl);max-width:500px}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.hero-visual{align-items:center;display:flex;justify-content:center}.hero-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 20px 40px #0000004d;overflow:hidden;padding:var(--spacing-lg);position:relative}.hero-card:before{background:linear-gradient(90deg,var(--accent-primary),var(--accent-tertiary));content:"";height:3px;left:0;position:absolute;right:0;top:0}.code-preview{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.code-header{align-items:center;background:var(--secondary-bg);border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.code-dots{display:flex;gap:6px}.code-dots span{background:var(--text-muted);border-radius:50%;height:12px;width:12px}.code-dots span:first-child{background:#ff5f56}.code-dots span:nth-child(2){background:#ffbd2e}.code-dots span:nth-child(3){background:#27ca3f}.code-title{color:var(--text-secondary);font-family:var(--font-mono);font-size:.9rem}.code-body{padding:var(--spacing-md)}.code-body pre{color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;line-height:1.5;margin:0}.code-body code{color:var(--accent-primary)}.hero-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:var(--spacing-2xl)}.stat-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center}.stat-number{color:var(--accent-primary);display:block;font-size:2.5rem;font-weight:800;margin-bottom:var(--spacing-xs)}.stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.scroll-indicator{bottom:var(--spacing-lg);color:var(--text-muted);font-size:1.5rem;left:50%;position:absolute;transform:translateX(-50%)}.scroll-arrow{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:1024px){.hero-content{gap:var(--spacing-xl);grid-template-columns:1fr;text-align:center}.hero-actions{justify-content:center}.hero-subtitle{margin:0 auto var(--spacing-xl)}}@media (max-width:768px){.hero{min-height:90vh;padding-top:60px}.hero-content{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.hero-text h1{font-size:clamp(2rem,8vw,3rem)}.hero-subtitle{font-size:1rem}.hero-actions{align-items:center;flex-direction:column}.hero-stats{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);margin-top:var(--spacing-xl)}.stat-item{padding:var(--spacing-sm)}.stat-number{font-size:2rem}.stat-label{font-size:.8rem}.floating-icon{display:none}}@media (max-width:480px){.hero-stats{gap:var(--spacing-sm);grid-template-columns:1fr}.code-body,.hero-card{padding:var(--spacing-sm)}.code-body pre{font-size:.75rem}}.services{background:var(--secondary-bg);position:relative}.services .section-bg:before{background:radial-gradient(circle at 30% 70%,#00d4ff14 0,#0000 50%),radial-gradient(circle at 70% 30%,#4ecdc414 0,#0000 50%)}.section-header{margin-bottom:var(--spacing-2xl)}.section-header h2{margin-bottom:var(--spacing-md)}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0 auto;max-width:600px}.services-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:var(--spacing-2xl)}.service-card{background:var(--card-bg);border:1px solid var(--border-color);overflow:hidden;position:relative;transition:all var(--transition-normal)}.service-card:before{background:linear-gradient(90deg,var(--accent-primary),var(--accent-tertiary));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--transition-normal)}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{border-color:var(--accent-primary);box-shadow:0 25px 50px #0006;transform:translateY(-10px)}.service-icon{align-items:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));border-radius:50%;color:var(--text-primary);display:flex;font-size:2rem;height:80px;justify-content:center;margin-bottom:var(--spacing-lg);width:80px}.service-icon svg{height:40px;width:40px}.service-title{color:var(--text-primary);font-size:1.5rem;margin-bottom:var(--spacing-md)}.service-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.service-features{list-style:none;margin:0;padding:0}.service-features li{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.feature-bullet{background:var(--accent-primary);border-radius:50%;flex-shrink:0;height:8px;width:8px}.services-cta{background:var(--accent-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:0 auto;max-width:600px;padding:var(--spacing-xl)}.services-cta h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.services-cta p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}@media (max-width:1024px){.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.services-grid{gap:var(--spacing-md);grid-template-columns:1fr}.service-card{padding:var(--spacing-md)}.service-icon{height:60px;margin-bottom:var(--spacing-md);width:60px}.service-icon svg{height:30px;width:30px}.service-title{font-size:1.3rem}.services-cta{padding:var(--spacing-lg)}}@media (max-width:480px){.services-grid{gap:var(--spacing-sm)}.service-card{padding:var(--spacing-sm)}.service-icon{height:50px;width:50px}.service-icon svg{height:25px;width:25px}.service-title{font-size:1.2rem}.service-description{font-size:.9rem}.service-features li{font-size:.8rem}}.about{background:var(--primary-bg);position:relative}.about .section-bg:before{background:radial-gradient(circle at 70% 30%,#00d4ff14 0,#0000 50%),radial-gradient(circle at 30% 70%,#4ecdc414 0,#0000 50%)}.about-content{grid-gap:var(--spacing-2xl);align-items:start;display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-2xl)}.about-text h2{margin-bottom:var(--spacing-lg)}.about-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:var(--spacing-md)}.company-info{display:flex;gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.info-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:var(--spacing-sm)}.info-item svg{color:var(--accent-primary)}.about-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 20px 40px #0000004d;overflow:hidden}.card-header{background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));padding:var(--spacing-lg);text-align:center}.card-header h3{color:var(--text-primary);font-size:1.3rem;margin:0}.card-content{padding:var(--spacing-lg)}.benefits-list{list-style:none;margin:0;padding:0}.benefits-list li{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.benefits-list li:last-child{margin-bottom:0}.benefits-list svg{color:var(--accent-tertiary);flex-shrink:0}.highlights-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-2xl)}.highlight-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;transition:var(--transition-normal)}.highlight-item:hover{background:#ffffff14;transform:translateY(-5px)}.highlight-icon{align-items:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));border-radius:50%;color:var(--text-primary);display:flex;height:60px;justify-content:center;margin:0 auto var(--spacing-md);width:60px}.highlight-icon svg{height:30px;width:30px}.highlight-number{color:var(--accent-primary);display:block;font-size:2.5rem;font-weight:800;margin-bottom:var(--spacing-xs)}.highlight-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.values-section{margin-top:var(--spacing-2xl)}.values-section h3{font-size:2rem;margin-bottom:var(--spacing-xl)}.values-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.value-card{background:var(--card-bg);border:1px solid var(--border-color);padding:var(--spacing-lg);text-align:center;transition:var(--transition-normal)}.value-card h4{color:var(--accent-primary);font-size:1.3rem;margin-bottom:var(--spacing-md)}.value-card p{color:var(--text-secondary);line-height:1.6;margin:0}@media (max-width:1024px){.about-content{gap:var(--spacing-xl);grid-template-columns:1fr;text-align:center}.company-info{justify-content:center}.values-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.about-content{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.about-description{font-size:1rem}.company-info{align-items:center;flex-direction:column;gap:var(--spacing-sm)}.highlights-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.highlight-item{padding:var(--spacing-md)}.highlight-icon{height:50px;width:50px}.highlight-icon svg{height:25px;width:25px}.highlight-number{font-size:2rem}.values-grid{gap:var(--spacing-md);grid-template-columns:1fr}.value-card{padding:var(--spacing-md)}}@media (max-width:480px){.highlights-grid{grid-template-columns:1fr}.highlight-item{padding:var(--spacing-sm)}.highlight-icon{height:40px;width:40px}.highlight-icon svg{height:20px;width:20px}.highlight-number{font-size:1.8rem}.highlight-label{font-size:.8rem}.about-card{margin:0 var(--spacing-sm)}.card-content,.card-header{padding:var(--spacing-sm)}.benefits-list li{font-size:.85rem}}.technologies{background:var(--secondary-bg);position:relative}.technologies .section-bg:before{background:radial-gradient(circle at 20% 30%,#00d4ff14 0,#0000 50%),radial-gradient(circle at 80% 70%,#4ecdc414 0,#0000 50%)}.tech-categories{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--spacing-2xl)}.tech-category{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-normal)}.tech-category:hover{border-color:var(--accent-primary);box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.category-title{color:var(--accent-primary);font-size:1.4rem;margin-bottom:var(--spacing-lg);text-align:center}.tech-list{gap:var(--spacing-md)}.tech-item,.tech-list{display:flex;flex-direction:column}.tech-item{gap:var(--spacing-xs)}.tech-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.tech-name{color:var(--text-primary);font-size:.95rem;font-weight:500}.tech-level{color:var(--accent-primary);font-size:.9rem;font-weight:600}.tech-bar{background:#ffffff1a;height:8px;overflow:hidden}.tech-bar,.tech-progress{border-radius:var(--radius-sm);position:relative}.tech-progress{height:100%;transition:width 1s ease}.tech-progress:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.tech-features{margin-bottom:var(--spacing-2xl)}.features-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;transition:var(--transition-normal)}.feature-item:hover{background:#ffffff14;transform:translateY(-5px)}.feature-icon{align-items:center;color:var(--accent-primary);display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.feature-item h4{color:var(--accent-primary);font-size:1.2rem;margin-bottom:var(--spacing-sm)}.feature-item p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0}.tech-cta{background:var(--accent-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:0 auto;max-width:600px;padding:var(--spacing-xl)}.tech-cta h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.tech-cta p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}@media (max-width:1024px){.tech-categories{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.features-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:768px){.tech-categories{gap:var(--spacing-md);grid-template-columns:1fr}.tech-category{padding:var(--spacing-md)}.category-title{font-size:1.3rem}.features-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.feature-item{padding:var(--spacing-md)}.feature-icon{font-size:2.5rem}.feature-item h4{font-size:1.1rem}.tech-cta{padding:var(--spacing-lg)}}@media (max-width:480px){.tech-category{padding:var(--spacing-sm)}.tech-name{font-size:.9rem}.tech-level{font-size:.85rem}.tech-bar{height:6px}.features-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.feature-item{padding:var(--spacing-sm)}.feature-icon{font-size:2rem}.feature-item h4{font-size:1rem}.feature-item p{font-size:.9rem}.tech-cta{padding:var(--spacing-sm)}}.portfolio{background:var(--primary-bg);position:relative}.portfolio .section-bg:before{background:radial-gradient(circle at 80% 20%,#00d4ff14 0,#0000 50%),radial-gradient(circle at 20% 80%,#4ecdc414 0,#0000 50%)}.portfolio-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-2xl)}.filter-btn{background:#0000;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-primary);font-size:.9rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-primary)}.portfolio-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:var(--spacing-2xl)}.portfolio-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:all var(--transition-normal)}.portfolio-item:hover{border-color:var(--accent-primary);box-shadow:0 25px 50px #0006;transform:translateY(-10px)}.portfolio-image{height:250px;overflow:hidden;position:relative}.portfolio-image img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.portfolio-item:hover .portfolio-image img{transform:scale(1.1)}.project-image-placeholder{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.project-image-content{color:var(--text-primary);text-align:center;z-index:2}.project-icon{color:var(--accent-primary);font-size:3rem;margin-bottom:var(--spacing-md)}.project-image-content h4{font-size:1.2rem;font-weight:600;margin:0;text-shadow:0 2px 4px #00000080}.portfolio-overlay{align-items:center;background:#0f0f23e6;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.portfolio-btn{align-items:center;background:var(--accent-primary);border-radius:var(--radius-md);color:var(--text-primary);display:flex;font-size:.9rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.portfolio-btn:hover{background:var(--accent-tertiary);transform:translateY(-2px)}.portfolio-content{padding:var(--spacing-lg)}.portfolio-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.portfolio-title{color:var(--text-primary);flex:1 1;font-size:1.3rem;margin:0}.portfolio-category{align-items:center;background:#00d4ff1a;border-radius:var(--radius-sm);display:flex;font-size:.8rem;font-weight:600;gap:var(--spacing-xs);letter-spacing:1px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.portfolio-category,.portfolio-category svg{color:var(--accent-primary)}.portfolio-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:var(--spacing-lg)}.portfolio-technologies{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tech-tag{background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);transition:var(--transition-fast)}.tech-tag:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-primary)}.portfolio-cta{background:var(--accent-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:0 auto;max-width:600px;padding:var(--spacing-xl)}.portfolio-cta h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.portfolio-cta p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}@media (max-width:1024px){.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.portfolio-filters{gap:var(--spacing-xs);margin-bottom:var(--spacing-xl)}.filter-btn{font-size:.85rem;padding:var(--spacing-xs) var(--spacing-md)}.portfolio-grid{gap:var(--spacing-md);grid-template-columns:1fr}.portfolio-image{height:200px}.portfolio-content{padding:var(--spacing-md)}.portfolio-title{font-size:1.2rem}.portfolio-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.portfolio-category{align-self:flex-start}.portfolio-cta{padding:var(--spacing-lg)}}@media (max-width:480px){.portfolio-filters{align-items:center;flex-direction:column}.filter-btn{max-width:200px;width:100%}.portfolio-image{height:180px}.portfolio-content{padding:var(--spacing-sm)}.portfolio-title{font-size:1.1rem}.portfolio-description{font-size:.9rem}.tech-tag{font-size:.75rem;padding:var(--spacing-xs)}.portfolio-cta{padding:var(--spacing-sm)}}.contact{background:var(--secondary-bg);position:relative}.contact .section-bg:before{background:radial-gradient(circle at 30% 30%,#00d4ff14 0,#0000 50%),radial-gradient(circle at 70% 70%,#4ecdc414 0,#0000 50%)}.contact-content{grid-gap:var(--spacing-2xl);align-items:start;display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 1fr}.contact-info h3{color:var(--text-primary);font-size:1.8rem;margin-bottom:var(--spacing-md)}.contact-info>p{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:var(--spacing-xl)}.contact-details{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.contact-item{gap:var(--spacing-md)}.contact-icon,.contact-item{align-items:center;display:flex}.contact-icon{background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));border-radius:50%;color:var(--text-primary);flex-shrink:0;height:50px;justify-content:center;width:50px}.contact-icon svg{height:24px;width:24px}.contact-text h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:var(--spacing-xs)}.contact-link{color:var(--accent-primary);text-decoration:none;transition:var(--transition-fast)}.contact-link:hover{color:var(--accent-tertiary)}.contact-text span{color:var(--text-secondary)}.contact-features{display:flex;flex-direction:column;gap:var(--spacing-sm)}.contact-features .feature{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;gap:var(--spacing-sm)}.contact-features .feature svg{color:var(--accent-tertiary);flex-shrink:0}.contact-form-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 20px 40px #0000004d;padding:var(--spacing-xl)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);font-size:.95rem;padding:var(--spacing-sm);transition:var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d4ff1a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group select{cursor:pointer}.form-group textarea{min-height:120px;resize:vertical}.submit-btn{font-size:1rem;padding:var(--spacing-md);position:relative;width:100%}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:20px;margin-right:var(--spacing-xs);width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.success-message{color:var(--text-primary);padding:var(--spacing-xl);text-align:center}.success-message svg{color:var(--accent-tertiary);margin-bottom:var(--spacing-md)}.success-message h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.success-message p{color:var(--text-secondary);line-height:1.6}@media (max-width:1024px){.contact-content{gap:var(--spacing-xl);grid-template-columns:1fr}.form-row{gap:var(--spacing-sm);grid-template-columns:1fr}}@media (max-width:768px){.contact-content{gap:var(--spacing-lg)}.contact-info h3{font-size:1.5rem}.contact-info>p{font-size:1rem}.contact-details{gap:var(--spacing-md)}.contact-item{gap:var(--spacing-sm)}.contact-icon{height:40px;width:40px}.contact-icon svg{height:20px;width:20px}.contact-form-container{padding:var(--spacing-lg)}.contact-form{gap:var(--spacing-md)}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:var(--spacing-sm)}.form-group textarea{min-height:100px}}@media (max-width:480px){.contact-info>p{font-size:.95rem}.contact-details,.contact-item{gap:var(--spacing-sm)}.contact-item{align-items:flex-start}.contact-icon{height:35px;width:35px}.contact-icon svg{height:18px;width:18px}.contact-text h4{font-size:1rem}.contact-features .feature{font-size:.9rem}.contact-form-container{padding:var(--spacing-sm)}.contact-form{gap:var(--spacing-sm)}.form-group input,.form-group label,.form-group select,.form-group textarea{font-size:.85rem}.submit-btn{font-size:.9rem;padding:var(--spacing-sm)}}.footer{background:var(--primary-bg);border-top:1px solid var(--border-color);position:relative}.footer-bg{z-index:-1}.footer-bg,.footer-bg-gradient{bottom:0;left:0;position:absolute;right:0;top:0}.footer-bg-gradient{background:radial-gradient(circle at 20% 80%,#00d4ff0d 0,#0000 50%),radial-gradient(circle at 80% 20%,#4ecdc40d 0,#0000 50%)}.footer-content{grid-gap:var(--spacing-2xl);align-items:start;display:grid;gap:var(--spacing-2xl);grid-template-columns:1.5fr 2fr 1.5fr;padding:var(--spacing-2xl) 0 var(--spacing-xl)}.footer-section{background:#ffffff05;border-radius:var(--radius-md);display:flex;flex-direction:column;height:100%;padding:var(--spacing-md)}.footer-section h4{border-bottom:2px solid var(--accent-primary);color:var(--text-primary);display:inline-block;font-size:1.2rem;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.footer-section h5{color:var(--text-primary);font-size:1rem;margin-bottom:var(--spacing-md)}.company-info{max-width:400px}.footer-logo{margin-bottom:var(--spacing-lg)}.footer-logo .logo-text{font-family:var(--font-mono);font-size:1.8rem;font-weight:800;letter-spacing:2px}.footer-logo .logo-cyber{color:var(--accent-primary)}.footer-logo .logo-lab{color:var(--text-primary);margin-left:4px}.company-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:var(--spacing-lg)}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-info .contact-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:var(--spacing-md);margin:var(--spacing-xs) 0;padding:var(--spacing-sm) 0}.contact-info .contact-item svg{color:#000;flex-shrink:0;height:20px;width:20px}.links-section{display:flex;flex-direction:column;height:100%}.footer-links{grid-gap:var(--spacing-xl);display:grid;flex:1 1;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr)}.link-group h4{margin-bottom:var(--spacing-md)}.link-group ul{list-style:none;margin:0;padding:0}.link-group li{margin-bottom:var(--spacing-sm)}.link-group a{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:var(--transition-fast);white-space:nowrap}.link-group a:hover{color:var(--accent-primary)}.newsletter-section{display:flex;flex-direction:column;height:100%;min-width:300px}.newsletter-section h4{margin-bottom:var(--spacing-md)}.newsletter-section p{color:var(--text-secondary);flex-grow:1;font-size:.9rem;line-height:1.6;margin-bottom:var(--spacing-lg)}.newsletter-form{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.newsletter-input{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-family:var(--font-primary);font-size:.9rem;padding:var(--spacing-sm)}.newsletter-input:focus{border-color:var(--accent-primary);outline:none}.newsletter-input::placeholder{color:var(--text-muted)}.newsletter-btn{align-self:center;background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-primary);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast);white-space:nowrap}.newsletter-btn:hover{background:var(--accent-tertiary)}.social-links h5{margin-bottom:var(--spacing-md)}.social-icons{display:flex;gap:var(--spacing-sm)}.social-icon{align-items:center;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);display:flex;height:40px;justify-content:center;text-decoration:none;transition:var(--transition-fast);width:40px}.social-icon:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-primary)}.social-icon svg{height:20px;width:20px}.footer-bottom{border-top:1px solid var(--border-color);padding-top:var(--spacing-lg)}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between}.copyright{color:var(--text-muted);font-size:.9rem;margin:0}.footer-bottom-links{display:flex;gap:var(--spacing-lg)}.footer-bottom-links a{color:var(--text-muted);font-size:.85rem;text-decoration:none;transition:var(--transition-fast)}.footer-bottom-links a:hover{color:var(--accent-primary)}.scroll-to-top{align-items:center;background:var(--accent-primary);border:none;border-radius:50%;bottom:var(--spacing-lg);box-shadow:0 4px 20px #0000004d;color:var(--text-primary);cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:var(--spacing-lg);transition:var(--transition-normal);width:50px;z-index:1000}.scroll-to-top:hover{background:var(--accent-tertiary);transform:translateY(-2px)}@media (max-width:1024px){.footer-content{gap:var(--spacing-xl);grid-template-columns:1fr 1.5fr}.newsletter-section{grid-column:1/-1;margin:var(--spacing-lg) auto 0;max-width:500px;text-align:center}.footer-links{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.footer-content{gap:var(--spacing-lg);grid-template-columns:1fr;padding:var(--spacing-xl) 0 var(--spacing-lg)}.company-info{max-width:none;text-align:center}.footer-links{gap:var(--spacing-lg);grid-template-columns:1fr;text-align:center}.newsletter-form{flex-direction:column}.newsletter-btn{align-self:flex-start}.social-icons{justify-content:center}.footer-bottom-content{flex-direction:column;gap:var(--spacing-sm);text-align:center}.footer-bottom-links{justify-content:center}.scroll-to-top{bottom:var(--spacing-sm);height:45px;right:var(--spacing-sm);width:45px}}@media (max-width:480px){.footer-content{padding:var(--spacing-lg) 0 var(--spacing-md)}.footer-logo .logo-text{font-size:1.5rem}.company-description{font-size:.9rem}.contact-info{gap:var(--spacing-lg)}.contact-info .contact-item{font-size:.85rem;gap:var(--spacing-md);margin:var(--spacing-sm) 0;padding:var(--spacing-sm) 0}.link-group h4{font-size:1.1rem}.link-group a{font-size:.85rem}.newsletter-section h4{font-size:1.1rem}.newsletter-btn,.newsletter-input,.newsletter-section p{font-size:.85rem}.newsletter-btn{padding:var(--spacing-sm)}.social-icon{height:35px;width:35px}.social-icon svg{height:18px;width:18px}.copyright,.footer-bottom-links a{font-size:.8rem}.scroll-to-top{height:40px;width:40px}.scroll-to-top svg{height:18px;width:18px}}.App{background:var(--primary-bg);min-height:100vh}.section{overflow:hidden;position:relative}.section-bg{z-index:-1}.section-bg,.section-bg:before{bottom:0;left:0;position:absolute;right:0;top:0}.section-bg:before{background:radial-gradient(circle at 20% 80%,#00d4ff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#4ecdc41a 0,#0000 50%);content:""}.grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;padding:var(--spacing-lg);position:relative}.card,.card:before{transition:var(--transition-normal)}.card:before{background:linear-gradient(90deg,var(--accent-primary),var(--accent-tertiary));content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0)}.card:hover:before{transform:scaleX(1)}.card:hover{border-color:var(--accent-primary);box-shadow:0 20px 40px var(--shadow-color);transform:translateY(-5px)}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23cc;border:1px solid #ffffff1a}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));-webkit-background-clip:text;background-clip:text}.animated-bg{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,var(--primary-bg),var(--secondary-bg),var(--accent-bg),var(--primary-bg));background-size:400% 400%}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.floating{animation:float 6s ease-in-out infinite}.floating-delay-1{animation-delay:0s}.floating-delay-2{animation-delay:2s}.floating-delay-3{animation-delay:4s}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{padding:var(--spacing-md)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--secondary-bg)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--accent-tertiary)}::selection{background:var(--accent-primary);color:var(--primary-bg)}:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.loading{opacity:.6;pointer-events:none}.error{background:#ff6b6b1a;border-color:var(--accent-secondary)}.success{background:#4ecdc41a;border-color:var(--accent-tertiary)}
/*# sourceMappingURL=main.ce608fb8.css.map*/