:root{--bg-dark: #050508;--bg-secondary: #0a0a0f;--bg-midnight: #0d1117;--bg-card: rgba(255, 255, 255, .03);--color-primary: #00d4ff;--color-secondary: #7c3aed;--color-accent: #22d3ee;--color-neon-cyan: #00f5ff;--color-neon-purple: #a855f7;--color-neon-pink: #ec4899;--color-cta: #f43f5e;--text-primary: #ffffff;--text-secondary: #cbd5e1;--text-muted: #64748b;--glass-bg: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .08);--glass-hover: rgba(255, 255, 255, .08);--shadow-glow-cyan: 0 0 30px rgba(0, 245, 255, .4);--shadow-glow-purple: 0 0 30px rgba(168, 85, 247, .4);--shadow-glow-pink: 0 0 30px rgba(236, 72, 153, .4);--gradient-primary: linear-gradient(135deg, #00d4ff 0%, #7c3aed 50%, #ec4899 100%);--gradient-hero: linear-gradient(180deg, transparent 0%, rgba(0, 212, 255, .05) 100%);--gradient-card: linear-gradient(135deg, rgba(0, 212, 255, .1) 0%, rgba(124, 58, 237, .05) 100%);--font-display: "Orbitron", "Outfit", sans-serif;--font-body: "Inter", "Work Sans", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text-primary);line-height:1.7;overflow-x:hidden;cursor:default}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:.02em}a{text-decoration:none;color:inherit;cursor:pointer}.container{max-width:1400px;margin:0 auto;padding:0 24px}#particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse at 20% 20%,rgba(0,212,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(168,85,247,.06) 0%,transparent 50%),linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-midnight) 100%)}.cursor-dot{position:fixed;width:8px;height:8px;background:var(--color-neon-cyan);border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:screen;box-shadow:0 0 10px var(--color-neon-cyan);transition:transform .1s ease}.cursor-ring{position:fixed;width:40px;height:40px;border:1px solid var(--color-neon-cyan);border-radius:50%;pointer-events:none;z-index:9998;mix-blend-mode:screen;transition:transform .2s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.8;filter:brightness(1.2)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes float-with-rotate{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--color-neon-cyan)}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in-up{animation:fadeInUp .8s ease forwards}.animate-fade-in-left{animation:fadeInLeft .6s ease forwards}.animate-fade-in-right{animation:fadeInRight .6s ease forwards}.animate-scale-in{animation:scaleIn .5s ease forwards}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-rotate-slow{animation:rotate-slow 20s linear infinite}.fade-in{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.fade-in.visible{opacity:1;transform:translateY(0)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient-shift 3s ease infinite}.text-glow{text-shadow:0 0 10px var(--color-neon-cyan),0 0 20px rgba(0,245,255,.5),0 0 40px rgba(0,245,255,.3)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-card:hover{background:var(--glass-hover);border-color:#00d4ff4d;transform:translateY(-4px)}.btn-glow{position:relative;overflow:hidden;transition:all .3s ease}.btn-glow:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-glow:hover:before{width:300px;height:300px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-neon-cyan)}::selection{background:#00d4ff4d;color:var(--text-primary)}@media(max-width:1200px){.container{padding:0 20px}}@media(max-width:768px){.container{padding:0 16px}h1{font-size:2.5rem!important}.cursor-dot,.cursor-ring{display:none}}@media(max-width:480px){.container{padding:0 12px}}.navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);width:calc(100% - 48px);max-width:1400px;z-index:1000;padding:16px 32px;display:flex;justify-content:space-between;align-items:center;border-radius:24px;background:#050508d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.06);transition:all .4s cubic-bezier(.16,1,.3,1)}.navbar.scrolled{background:#050508f2;box-shadow:0 20px 60px #0006;padding:12px 32px}.navbar-brand{cursor:pointer}.navbar-logo-text{display:flex;align-items:center;gap:10px;font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:800}.logo-symbol{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#00d4ff,#a855f7);border-radius:10px;font-size:.8rem;color:#fff;box-shadow:0 0 20px #00d4ff66}.logo-name{background:linear-gradient(135deg,#00d4ff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-links{display:flex;gap:40px;list-style:none}.navbar-links a{position:relative;color:var(--text-secondary);font-weight:500;font-size:.95rem;padding:8px 0;transition:color .3s ease}.navbar-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#00d4ff,#a855f7);box-shadow:0 0 10px #00d4ff80;transition:width .3s cubic-bezier(.16,1,.3,1)}.navbar-links a:hover{color:var(--text-primary)}.navbar-links a:hover:after{width:100%}.navbar-cta{padding:12px 28px;background:linear-gradient(135deg,#00d4ff,#a855f7);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #00d4ff4d}.navbar-cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00d4ff66}.menu-toggle{display:none;flex-direction:column;gap:6px;cursor:pointer;padding:8px}.menu-toggle span{width:28px;height:2px;background:var(--text-primary);border-radius:1px;transition:all .3s ease}.menu-toggle span.open:nth-child(1){transform:rotate(45deg) translateY(8px)}.menu-toggle span.open:nth-child(2){opacity:0}.menu-toggle span.open:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.mobile-menu{position:fixed;top:100px;left:50%;transform:translate(-50%);width:calc(100% - 48px);max-width:400px;background:#050508f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;z-index:999;animation:fadeInUp .3s ease}.mobile-links{list-style:none;display:flex;flex-direction:column;gap:16px}.mobile-links a{display:block;padding:12px 20px;color:var(--text-secondary);border-radius:12px;transition:all .3s ease}.mobile-links a:hover{color:var(--text-primary);background:#00d4ff1a}@media(max-width:1024px){.navbar-links{display:none}.menu-toggle{display:flex}.navbar-cta{display:none}}@media(max-width:768px){.navbar{padding:12px 20px}.navbar.scrolled{padding:10px 20px}.logo-name{font-size:1.2rem}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:140px 24px 100px;position:relative;overflow:hidden}.hero-content{max-width:1000px;position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);border-radius:50px;font-size:.9rem;color:var(--color-neon-cyan);margin-bottom:32px;animation:fadeInUp .6s ease}.badge-icon{font-size:1.1rem}.hero-title{font-size:clamp(3rem,10vw,5rem);font-weight:800;line-height:1.1;margin-bottom:24px;position:relative}.typed-text{background:linear-gradient(135deg,var(--text-primary) 0%,var(--color-primary) 50%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cursor-blink{color:var(--color-neon-cyan);animation:blink-caret 1s step-end infinite;font-weight:400}.title-highlight{background:linear-gradient(135deg,#00f5ff,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient-shift 3s ease infinite;text-shadow:0 0 60px rgba(0,245,255,.3)}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-secondary);margin-bottom:48px;line-height:1.8}.subtitle-line{color:var(--text-muted)}.subtitle-highlight{color:var(--text-secondary);font-weight:500}.hero-buttons{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:18px 48px;background:linear-gradient(135deg,#f43f5e,#ec4899);color:#fff;border:none;border-radius:16px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #f43f5e66}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 20px 50px #f43f5e80}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:18px 48px;background:#ffffff0d;color:var(--text-primary);border:1px solid rgba(255,255,255,.1);border-radius:16px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1)}.btn-secondary:hover{background:#00d4ff1a;border-color:#00d4ff4d;box-shadow:0 0 30px #00d4ff33}.btn-icon{font-size:1.2rem}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:80px}.stat-card{padding:28px 20px;text-align:center;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,var(--color-neon-cyan),transparent);opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-8px);border-color:#00d4ff66;box-shadow:0 20px 40px #00d4ff26}.stat-icon{font-size:1.8rem;margin-bottom:12px}.stat-number{font-family:Orbitron,sans-serif;font-size:2.8rem;font-weight:700;background:linear-gradient(135deg,#00f5ff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,245,255,.3)}.stat-label{color:var(--text-muted);font-size:.875rem;margin-top:8px}.hero-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-element{position:absolute}.element-1{top:20%;right:10%;animation:float-with-rotate 8s ease-in-out infinite}.element-2{bottom:30%;left:8%;animation:float-with-rotate 10s ease-in-out infinite reverse}.element-3{top:60%;right:20%;animation:float-with-rotate 7s ease-in-out infinite;animation-delay:-2s}.glow-ring{width:200px;height:200px;border:1px solid rgba(0,212,255,.1);border-radius:50%;position:relative}.glow-ring:before{content:"";position:absolute;inset:-20px;border:1px solid rgba(168,85,247,.05);border-radius:50%}.glow-ring:after{content:"";position:absolute;inset:-40px;border:1px solid rgba(236,72,153,.03);border-radius:50%}@media(max-width:1024px){.hero-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero{padding:120px 16px 80px}.hero-title{font-size:clamp(2.2rem,8vw,3.5rem)}.hero-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px;justify-content:center}.hero-stats{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:60px}.stat-number{font-size:2rem}}@media(max-width:480px){.hero-stats{grid-template-columns:1fr}}.services{padding:120px 24px;position:relative}.section-header{text-align:center;margin-bottom:80px}.section-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#a855f71a;border:1px solid rgba(168,85,247,.2);border-radius:50px;font-size:.875rem;color:var(--color-neon-purple);margin-bottom:20px}.section-title{font-size:clamp(2.5rem,6vw,3.5rem);margin-bottom:20px;color:var(--text-primary)}.section-desc{color:var(--text-muted);font-size:1.1rem;max-width:600px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);gap:24px}.service-card{padding:32px;position:relative;overflow:hidden;text-align:left}.service-card.featured{grid-column:span 2;background:linear-gradient(135deg,#00d4ff14,#a855f70a)}.service-card.ai-agent{grid-column:span 2;border-color:#00d4ff4d;box-shadow:0 0 40px #00d4ff1a;position:relative}.service-card.ai-agent:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00d4ff,#a855f7,#ec4899)}.service-icon{width:70px;height:70px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative;z-index:2}.service-icon.cyan{background:linear-gradient(135deg,#00d4ff,#22d3ee);box-shadow:0 10px 30px #00d4ff4d}.service-icon.purple{background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 10px 30px #a855f74d}.service-icon.pink{background:linear-gradient(135deg,#ec4899,#f43f5e);box-shadow:0 10px 30px #ec48994d}.service-icon.gradient{background:linear-gradient(135deg,#00d4ff,#a855f7,#ec4899);box-shadow:0 10px 40px #00d4ff66;animation:pulse-glow 3s ease-in-out infinite}.service-icon svg{width:34px;height:34px;color:#fff}.service-title{font-size:1.4rem;margin-bottom:16px;position:relative;z-index:2}.service-desc{color:var(--text-secondary);line-height:1.7;font-size:.95rem;margin-bottom:20px;position:relative;z-index:2}.service-tags{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:2}.service-tag{padding:6px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:.75rem;color:var(--text-muted);transition:all .3s ease}.service-tag:hover{background:#00d4ff1a;color:var(--color-primary);border-color:#00d4ff4d}.service-glow{position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(0,212,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.service-card:hover .service-glow{opacity:1}.service-card:hover{transform:translateY(-6px);border-color:#00d4ff66;box-shadow:0 25px 50px #0000004d}@media(max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}.service-card.featured,.service-card.ai-agent{grid-column:span 2}}@media(max-width:768px){.services{padding:80px 16px}.services-grid{grid-template-columns:1fr}.service-card.featured,.service-card.ai-agent{grid-column:span 1}.section-title{font-size:clamp(2rem,5vw,2.5rem)}}.ai-demo{padding:120px 24px;background:linear-gradient(180deg,transparent 0%,rgba(0,212,255,.03) 50%,transparent 100%)}.ai-window{max-width:800px;margin:0 auto;background:#0a0a0ff2;border:1px solid rgba(0,212,255,.2);border-radius:24px;overflow:hidden;box-shadow:0 0 60px #00d4ff1a;position:relative}.ai-window:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.5),transparent)}.ai-header{padding:16px 24px;background:#00d4ff0d;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:16px}.ai-header-dots{display:flex;gap:8px}.ai-header-dot{width:12px;height:12px;border-radius:50%}.ai-header-dot.red{background:#ff5f56}.ai-header-dot.yellow{background:#ffbd2e}.ai-header-dot.green{background:#27ca40}.ai-header-title{flex:1;text-align:center;color:var(--color-neon-cyan);font-weight:600;font-family:Orbitron,sans-serif}.ai-header-status{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-muted)}.status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse-glow 2s ease-in-out infinite}.ai-body{padding:24px;min-height:320px;max-height:450px;overflow-y:auto}.ai-message{display:flex;gap:12px;margin-bottom:20px;animation:fadeInUp .3s ease}.ai-message.user{flex-direction:row-reverse}.ai-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-avatar.bot{background:linear-gradient(135deg,#00d4ff,#a855f7);box-shadow:0 0 20px #00d4ff66}.ai-avatar.user-avatar{background:linear-gradient(135deg,#f43f5e,#ec4899);box-shadow:0 0 20px #f43f5e66}.ai-avatar svg{width:22px;height:22px;color:#fff}.ai-bubble{max-width:70%;padding:16px 20px;border-radius:20px;line-height:1.6;font-size:.95rem}.ai-message.bot .ai-bubble{background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);border-radius:20px 20px 20px 6px}.ai-message.user .ai-bubble{background:linear-gradient(135deg,#f43f5e4d,#ec489933);border:1px solid rgba(244,63,94,.3);border-radius:20px 20px 6px}.list-item{padding-left:20px;position:relative}.list-item:before{content:"•";position:absolute;left:0;color:var(--color-neon-cyan)}.typing-bubble{padding:16px 20px}.ai-typing{display:flex;gap:5px;padding:8px 0}.ai-typing span{width:10px;height:10px;background:var(--color-neon-cyan);border-radius:50%;animation:bounce 1.4s infinite}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}.ai-input-area{padding:16px 24px;background:#0000004d;display:flex;gap:12px;border-top:1px solid rgba(255,255,255,.06);align-items:center}.ai-demo-input-area{-webkit-user-select:none;user-select:none}.ai-demo-placeholder{flex:1;display:flex;align-items:center;gap:10px;padding:10px 14px;color:#ffffff73;font-size:.9rem;letter-spacing:.02em;background:#ffffff05;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.ai-demo-status-dot{width:8px;height:8px;border-radius:50%;background:#27ca40;box-shadow:0 0 8px #27ca40b3;animation:ai-demo-pulse 1.6s ease-in-out infinite;flex-shrink:0}@keyframes ai-demo-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.88)}}.ai-input{flex:1;padding:14px 20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.ai-input:focus{outline:none;border-color:#00d4ff80;box-shadow:0 0 20px #00d4ff26}.ai-input::placeholder{color:var(--text-muted)}.ai-send{padding:14px;background:linear-gradient(135deg,#00d4ff,#a855f7);border:none;border-radius:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.ai-send svg{width:22px;height:22px;color:#fff}.ai-send:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00d4ff66}@media(max-width:768px){.ai-demo{padding:80px 16px}.ai-bubble{max-width:85%}}.tech{padding:120px 24px;background:linear-gradient(180deg,rgba(0,212,255,.03) 0%,transparent 50%,rgba(168,85,247,.03) 100%)}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.tech-radar{position:relative;display:flex;justify-content:center;align-items:center}.tech-radar svg{width:100%;max-width:450px;height:auto}.radar-sweep{animation:radar-sweep 8s linear infinite;transform-origin:center}.tech-content{padding:24px}.tech-content .section-badge{margin-bottom:20px}.tech-content h3{font-size:clamp(2rem,5vw,2.8rem);margin-bottom:20px;color:var(--text-primary)}.highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tech-content p{color:var(--text-secondary);line-height:1.8;margin-bottom:32px}.tech-stack{display:flex;flex-wrap:wrap;gap:12px}.tech-item{padding:12px 24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;font-size:.9rem;color:var(--text-secondary);transition:all .3s ease}.tech-item:hover{background:#00d4ff1a;border-color:#00d4ff4d;color:var(--color-primary)}@media(max-width:1024px){.tech-grid{grid-template-columns:1fr;gap:40px;text-align:center}}.portfolio{padding:120px 24px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.portfolio-card{padding:32px;position:relative;overflow:hidden}.portfolio-image{width:70px;height:70px;border-radius:20px;background:linear-gradient(135deg,#00d4ff1a,#a855f70d);display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all .3s ease}.portfolio-image svg{width:34px;height:34px;color:var(--color-primary)}.portfolio-card:hover .portfolio-image{background:linear-gradient(135deg,#00d4ff,#a855f7);box-shadow:0 10px 30px #00d4ff66}.portfolio-card:hover .portfolio-image svg{color:#fff}.portfolio-title{font-size:1.25rem;margin-bottom:12px}.portfolio-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.portfolio-card:hover{transform:translateY(-6px);border-color:#00d4ff66}@media(max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.portfolio{padding:80px 16px}.portfolio-grid{grid-template-columns:1fr}}.promise{padding:120px 24px;background:linear-gradient(180deg,transparent 0%,rgba(168,85,247,.03) 100%)}.promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.promise-card{padding:32px;text-align:center;position:relative;overflow:hidden}.promise-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#00d4ff1a,#a855f70d);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;transition:all .3s ease}.promise-icon svg{width:30px;height:30px;color:var(--color-primary)}.promise-card:hover .promise-icon{background:linear-gradient(135deg,#00d4ff,#a855f7);box-shadow:0 10px 30px #00d4ff66}.promise-card:hover .promise-icon svg{color:#fff}.promise-title{font-size:1.15rem;margin-bottom:12px}.promise-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.promise-card:hover{transform:translateY(-4px);border-color:#00d4ff4d}@media(max-width:1024px){.promise-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.promise{padding:80px 16px}.promise-grid{grid-template-columns:1fr}}.contact{padding:120px 24px}.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1000px;margin:0 auto}.contact-info{padding:24px}.contact-info h3{font-size:clamp(1.8rem,4vw,2.4rem);margin-bottom:20px}.contact-info p{color:var(--text-secondary);line-height:1.8;margin-bottom:40px}.contact-methods{display:flex;flex-direction:column;gap:24px}.contact-method{display:flex;align-items:center;gap:20px}.contact-method-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#00d4ff1a,#a855f70d);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-method-icon svg{width:26px;height:26px;color:var(--color-primary)}.contact-method-info h4{font-size:1rem;color:var(--text-primary);margin-bottom:4px}.contact-method-info p{color:var(--text-muted);font-size:.9rem;margin-bottom:0}.contact-form{padding:40px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:24px}.form-group{margin-bottom:24px}.form-label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.form-input{width:100%;padding:14px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-size:.95rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:#00d4ff80;box-shadow:0 0 20px #00d4ff1a}.form-input::placeholder{color:var(--text-muted)}.form-input textarea{min-height:120px;resize:vertical}.form-submit{width:100%;padding:16px;background:linear-gradient(135deg,#00d4ff,#a855f7);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #00d4ff4d}.form-submit:hover{transform:translateY(-2px);box-shadow:0 15px 40px #00d4ff66}.form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.form-input.has-error{border-color:#f43f5e99;box-shadow:0 0 12px #f43f5e26}.form-error{display:block;margin-top:8px;font-size:.82rem;color:#f87171}.form-feedback{margin-bottom:18px;padding:12px 16px;border-radius:10px;font-size:.9rem;line-height:1.5}.form-feedback.success{background:#22d39914;border:1px solid rgba(34,211,153,.4);color:#4ade80}.form-feedback.error{background:#f43f5e14;border:1px solid rgba(244,63,94,.4);color:#f87171}.contact-qrcode{display:flex;align-items:center;gap:20px;margin-top:32px;padding:20px;background:linear-gradient(135deg,#00d4ff0f,#a855f70a);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:visible}.contact-qrcode-image{width:110px;height:110px;flex-shrink:0;border-radius:12px;overflow:hidden;background:#fff;padding:6px;box-shadow:0 8px 24px #00000040;cursor:zoom-in;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;transform-origin:center center;will-change:transform;border:none;display:block;appearance:none;-webkit-appearance:none}.contact-qrcode-image:hover{transform:scale(1.08);box-shadow:0 16px 40px #00d4ff4d,0 0 0 1px #00f5ff66}.contact-qrcode-image:focus-visible{outline:2px solid var(--color-neon-cyan);outline-offset:4px}.contact-qrcode-image img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.qr-lightbox{position:fixed;inset:0;z-index:9998;background:#050508d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out;animation:qrFadeIn .25s ease-out}@keyframes qrFadeIn{0%{opacity:0}to{opacity:1}}@keyframes qrScaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.qr-lightbox-content{position:relative;max-width:min(420px,90vw);width:100%;background:#fff;border-radius:24px;padding:28px;box-shadow:0 30px 80px #00000080,0 0 0 1px #00f5ff4d,0 0 60px #00d4ff40;cursor:default;animation:qrScaleIn .3s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;align-items:center;gap:16px}.qr-lightbox-content img{width:100%;height:auto;display:block;border-radius:12px}.qr-lightbox-tip{font-size:.92rem;color:#475569;text-align:center;margin:0;line-height:1.6}.qr-lightbox-close{position:absolute;top:28px;right:28px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.qr-lightbox-close:hover{background:#f43f5e99;border-color:#f43f5ecc;transform:rotate(90deg)}.qr-lightbox-close svg{width:22px;height:22px}.contact-qrcode-info h4{font-size:1rem;color:var(--text-primary);margin-bottom:6px}.contact-qrcode-info p{color:var(--text-muted);font-size:.88rem;margin:0}@media(max-width:1024px){.contact-wrapper{grid-template-columns:1fr;gap:40px}}@media(max-width:768px){.contact{padding:80px 16px}.contact-form{padding:24px}.qr-lightbox-close{top:16px;right:16px;width:40px;height:40px}.qr-lightbox-content{padding:20px;border-radius:18px}}.footer{padding:80px 24px 40px;background:linear-gradient(180deg,#a855f708,#050508f2);border-top:1px solid rgba(255,255,255,.05)}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;max-width:1400px;margin:0 auto 48px}.footer-brand h3{font-size:1.5rem;margin-bottom:16px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand p{color:var(--text-muted);font-size:.9rem;line-height:1.7}.footer-links h4{font-size:1rem;color:var(--text-primary);margin-bottom:16px}.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-links a{color:var(--text-muted);font-size:.9rem;transition:color .3s ease}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid rgba(255,255,255,.05);max-width:1400px;margin:0 auto}.footer-bottom p{color:var(--text-muted);font-size:.85rem}.footer-social{display:flex;gap:16px}.footer-social a{width:40px;height:40px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.footer-social a:hover{background:#00d4ff1a;border-color:#00d4ff4d}.footer-social svg{width:18px;height:18px;color:var(--text-muted)}.footer-social a:hover svg{color:var(--color-primary)}@media(max-width:1024px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}