@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);:root{--background:0 0% 3.9%;--foreground:0 0% 98%;--tech-surface:0 0% 6%;--tech-border:217 30% 18%;--cyber-blue:200 100% 60%;--neon-purple:280 100% 70%;--neon-green:160 100% 60%;--muted-foreground:215 20.2% 65.1%;--tech-dark:0 0% 2%;--success-color:142 76% 36%;--warning-color:38 92% 50%;--danger-color:0 84% 60%;--gradient-primary:linear-gradient(135deg,#3bf,#69f);--gradient-secondary:linear-gradient(135deg,#c6f,#f3f);--gradient-accent:linear-gradient(135deg,#3fb,#6ff);--gradient-surface:linear-gradient(135deg,#0a0a0a,#0f0f0f);--gradient-rainbow:linear-gradient(45deg,#f33,#ff3,#3f3,#3ff,#33f,#f3f);--shadow-glow:0 0 30px hsl(var(--cyber-blue)/0.4);--shadow-elevated:0 25px 50px -12px hsl(var(--tech-dark)/0.8);--shadow-mega:0 32px 64px -12px hsl(var(--tech-dark)/0.9);--shadow-inner:inset 0 1px 0 #ffffff1a;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-bounce:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);--transition-elastic:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55);--transition-fast:all 0.15s ease-out;--transition-slow:all 0.6s ease-out;--radius:12px;--radius-lg:16px;--radius-xl:20px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--font-size-xs:clamp(0.7rem,1.5vw,0.8rem);--font-size-sm:clamp(0.8rem,2vw,0.9rem);--font-size-base:clamp(0.9rem,2.5vw,1rem);--font-size-lg:clamp(1rem,3vw,1.25rem);--font-size-xl:clamp(1.25rem,4vw,1.75rem);--font-size-2xl:clamp(1.75rem,5vw,2.25rem);--font-size-3xl:clamp(2rem,8vw,4.5rem)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:2rem}.services-page{background:#0a0a0a;background:hsl(var(--background));color:#fafafa;color:hsl(var(--foreground));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}.services-nav{animation:slideDown .6s ease-out .2s forwards;-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);background:#000000e6;border-bottom:1px solid #202b3c;border-bottom:1px solid hsl(var(--tech-border));left:0;padding:1rem clamp(1rem,5vw,2rem);padding:var(--spacing-md) clamp(1rem,5vw,2rem);position:fixed;right:0;top:0;transform:translateY(-100%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);z-index:1000}@keyframes slideDown{to{transform:translateY(0)}}.nav-link{align-items:center;border-radius:12px;border-radius:var(--radius);color:#3bf;color:hsl(var(--cyber-blue));display:inline-flex;font-size:clamp(1rem,3vw,1.25rem);font-size:var(--font-size-lg);font-weight:600;gap:.5rem;gap:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-elastic)}.nav-link:before{bottom:-5px;height:2px;left:0;width:0}.nav-link:after,.nav-link:before{background:linear-gradient(135deg,#3bf,#69f);background:var(--gradient-primary);content:"";position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.nav-link:after{border-radius:12px;border-radius:var(--radius);inset:0;opacity:0;z-index:-1}.nav-link:hover{color:#fff;text-shadow:0 0 15px currentColor;transform:translateY(-2px)}.nav-link:hover:before{width:100%}.nav-link:hover:after{opacity:.1}.services-hero{align-items:center;background:radial-gradient(circle at 20% 80%,#0066ff26 0,#0000 50%),radial-gradient(circle at 80% 20%,#9933ff26 0,#0000 50%),radial-gradient(circle at 40% 40%,#33ff991a 0,#0000 50%),linear-gradient(135deg,#0a0a0a,#0f0f0f);background:radial-gradient(circle at 20% 80%,#0066ff26 0,#0000 50%),radial-gradient(circle at 80% 20%,#9933ff26 0,#0000 50%),radial-gradient(circle at 40% 40%,#33ff991a 0,#0000 50%),linear-gradient(135deg,hsl(var(--background)),hsl(var(--tech-surface)));display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:clamp(4rem,10vw,8rem) clamp(1rem,5vw,2rem) clamp(3rem,8vw,6rem);position:relative;text-align:center}.particles-container{pointer-events:none}.particle{animation:float-particle linear infinite;background:#3bf;background:hsl(var(--cyber-blue));border-radius:50%;box-shadow:0 0 6px currentColor;height:clamp(1px,.3vw,3px);opacity:0;position:absolute;width:clamp(1px,.3vw,3px)}.particle:nth-child(3n){background:#c6f;background:hsl(var(--neon-purple))}.particle:nth-child(5n){background:#3fb;background:hsl(var(--neon-green))}@keyframes float-particle{0%{opacity:0;transform:translateY(100vh) rotate(0deg) scale(0)}5%{opacity:.6;transform:translateY(95vh) rotate(18deg) scale(1)}95%{opacity:.6;transform:translateY(-5vh) rotate(342deg) scale(1)}to{opacity:0;transform:translateY(-10vh) rotate(1turn) scale(0)}}.floating-orb{animation:float 8s ease-in-out infinite;border-radius:50%;filter:blur(40px);pointer-events:none;position:absolute}.orb-1{background:linear-gradient(135deg,#3bf,#69f);background:var(--gradient-primary);height:clamp(120px,20vw,250px);left:5%;opacity:.3;top:15%;width:clamp(120px,20vw,250px)}.orb-2{animation-delay:3s;background:linear-gradient(135deg,#c6f,#f3f);background:var(--gradient-secondary);height:clamp(100px,15vw,200px);opacity:.25;right:10%;top:50%;width:clamp(100px,15vw,200px)}.orb-3{animation-delay:6s;background:linear-gradient(135deg,#3fb,#6ff);background:var(--gradient-accent);bottom:20%;height:clamp(80px,12vw,160px);left:15%;opacity:.3;width:clamp(80px,12vw,160px)}.hero-content{animation:fadeInUp 1.2s cubic-bezier(.4,0,.2,1);animation-delay:.3s;animation-fill-mode:backwards;margin:0 auto;max-width:1200px;opacity:1;position:relative;transform:translateY(0);z-index:1}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;color:#3bf;color:hsl(var(--cyber-blue));display:inline-flex;font-size:clamp(.8rem,2vw,.9rem);font-size:var(--font-size-sm);font-weight:600;gap:.5rem;gap:var(--spacing-sm);margin-bottom:clamp(1.5rem,4vw,2.5rem);overflow:hidden;padding:clamp(10px,3vw,14px) clamp(20px,5vw,28px);position:relative;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-elastic)}.hero-badge:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.hero-badge:hover{background:#ffffff26;border-color:#33bbff80;border-color:hsl(var(--cyber-blue)/.5);box-shadow:0 0 30px #3bf6;box-shadow:var(--shadow-glow);transform:translateY(-3px) scale(1.05)}.hero-badge:hover:before{left:100%}.hero-title{-webkit-text-fill-color:#0000;animation:glow-text 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#3bf,#69f);background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;font-size:clamp(2rem,8vw,4.5rem);font-size:var(--font-size-3xl);font-weight:900;line-height:1.1;margin-bottom:clamp(1.5rem,4vw,2rem);text-shadow:0 4px 20px #00000080}@keyframes glow-text{0%{filter:drop-shadow(0 0 10px hsl(200 100% 60%/.5));filter:drop-shadow(0 0 10px hsl(var(--cyber-blue)/.5))}to{filter:drop-shadow(0 0 20px hsl(280 100% 70%/.5));filter:drop-shadow(0 0 20px hsl(var(--neon-purple)/.5))}}.hero-description{color:#ffffffd9;font-size:clamp(1rem,3vw,1.25rem);font-size:var(--font-size-lg);line-height:1.7;margin-bottom:clamp(2.5rem,6vw,3.5rem);margin-left:auto;margin-right:auto;max-width:750px}.cta-button{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:700;gap:.5rem;gap:var(--spacing-sm);letter-spacing:.5px;overflow:hidden;position:relative;text-decoration:none;text-transform:uppercase;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-elastic)}.cta-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;top:0;width:100%;z-index:1}.cta-button:after,.cta-button:before{content:"";position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.cta-button:after{background:inherit;border-radius:inherit;filter:blur(20px);inset:0;opacity:0;z-index:-1}.cta-button:hover:before{left:100%}.cta-button:hover:after{opacity:.6}.cta-button.primary{background:linear-gradient(135deg,#3bf,#69f);background:var(--gradient-primary);box-shadow:0 25px 50px -12px #050505cc;box-shadow:var(--shadow-elevated);color:#fff;font-size:clamp(1rem,3vw,1.25rem);font-size:var(--font-size-lg);padding:clamp(14px,4vw,18px) clamp(28px,7vw,44px)}.cta-button.primary:hover{box-shadow:0 35px 70px #3bf6,inset 0 1px 0 #ffffff1a;box-shadow:0 35px 70px hsl(var(--cyber-blue)/.4),var(--shadow-inner);transform:translateY(-4px) scale(1.03)}.cta-button.secondary{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #202b3c;border:1px solid hsl(var(--tech-border));color:#fafafa;color:hsl(var(--foreground));font-size:clamp(.9rem,2.5vw,1rem);font-size:var(--font-size-base);padding:clamp(10px,3vw,14px) clamp(24px,6vw,36px)}.cta-button.secondary:hover{background:linear-gradient(135deg,#3bf,#69f);background:var(--gradient-primary);border-color:#0000;box-shadow:0 0 30px #3bf6;box-shadow:var(--shadow-glow);transform:translateY(-3px) scale(1.05)}.cta-button.large{font-size:clamp(1.25rem,4vw,1.75rem);font-size:var(--font-size-xl);padding:clamp(18px,5vw,24px) clamp(36px,9vw,52px)}.cta-button.pulse{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #33bbff4d;box-shadow:0 0 20px hsl(var(--cyber-blue)/.3)}50%{box-shadow:0 0 40px #3bf9;box-shadow:0 0 40px hsl(var(--cyber-blue)/.6)}}.cta-button.glow:hover{box-shadow:0 0 30px currentColor,0 25px 50px -12px #050505cc;box-shadow:0 0 30px currentColor,var(--shadow-elevated)}.services-section{background:#0f0f0f;background:hsl(var(--tech-surface));background-image:radial-gradient(circle at 25% 25%,#0066ff08 0,#0000 50%),radial-gradient(circle at 75% 75%,#9933ff08 0,#0000 50%);padding:clamp(4rem,10vw,8rem) clamp(1rem,5vw,2rem);position:relative}.services-section:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0066ff05 0,#0066ff05 4px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.services-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3bf,#69f);background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;font-size:clamp(1.75rem,5vw,2.25rem);font-size:var(--font-size-2xl);font-weight:800;margin-bottom:clamp(3rem,8vw,5rem);position:relative;text-align:center}.section-title:after{background:linear-gradient(135deg,#3fb,#6ff);background:var(--gradient-accent);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.services-grid{grid-gap:clamp(1.5rem,4vw,2.5rem);display:grid;gap:clamp(1.5rem,4vw,2.5rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));margin-bottom:clamp(3rem,6vw,5rem)}.service-card{-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);background:#ffffff0a;border:1px solid #202b3c;border:1px solid hsl(var(--tech-border));border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #050505cc;box-shadow:var(--shadow-elevated);opacity:0;overflow:hidden;padding:clamp(2rem,5vw,3rem);position:relative;transform:translateY(60px) rotateX(10deg);transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-elastic)}.service-card:before{background:linear-gradient(135deg,#3bf,#69f);background:var(--gradient-primary);height:3px;left:0;right:0;top:0;transform:scaleX(0);z-index:2}.service-card:after,.service-card:before{content:"";position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.service-card:after{animation:rotate-border 10s linear infinite;background:conic-gradient(from 0deg,#0000,#33bbff1a,#0000);background:conic-gradient(from 0deg,#0000,hsl(var(--cyber-blue)/.1),#0000);height:200%;left:-50%;opacity:0;top:-50%;width:200%;z-index:-1}@keyframes rotate-border{to{transform:rotate(1turn)}}.service-card.animate-in{opacity:1;transform:translateY(0) rotateX(0)}.service-card:hover{background:#ffffff14;border-color:#3bf9;border-color:hsl(var(--cyber-blue)/.6);box-shadow:0 32px 64px -12px #050505e6,0 0 30px #3bf6,inset 0 1px 0 #ffffff1a;box-shadow:var(--shadow-mega),var(--shadow-glow),var(--shadow-inner);transform:translateY(-20px) rotateY(5deg)}.service-card:hover:before{transform:scaleX(1)}.service-card:hover:after{opacity:1}.service-icon{border-radius:16px;border-radius:var(--radius-lg);font-size:clamp(1.8rem,4vw,2.5rem);height:clamp(70px,10vw,90px);margin-bottom:clamp(1.5rem,4vw,2rem);overflow:hidden;position:relative;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-elastic);width:clamp(70px,10vw,90px)}.service-icon.gradient-primary{background:linear-gradient(135deg,#3bf,#69f);background:var(--gradient-primary)}.service-icon.gradient-secondary{background:linear-gradient(135deg,#c6f,#f3f);background:var(--gradient-secondary)}.service-icon.gradient-accent{background:linear-gradient(135deg,#3fb,#6ff);background:var(--gradient-accent)}.service-icon:before{background:inherit;border-radius:inherit;content:"";filter:blur(15px);inset:-2px;opacity:0;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);z-index:-1}.service-icon:hover{transform:scale(1.1) rotateY(15deg)}.service-icon:hover:before{opacity:.8}.icon-glow{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);border-radius:inherit;inset:0;opacity:0;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.service-icon:hover .icon-glow{opacity:1}.service-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3bf,#69f);background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;font-size:clamp(1.25rem,4vw,1.75rem);font-size:var(--font-size-xl);font-weight:800;margin-bottom:clamp(.75rem,2vw,1.25rem);position:relative}.service-description{color:#94a3b8;color:hsl(var(--muted-foreground));font-size:clamp(.9rem,2.5vw,1rem);font-size:var(--font-size-base);line-height:1.7;margin-bottom:clamp(1.5rem,4vw,2rem)}.service-features{list-style:none;margin-bottom:clamp(1.5rem,4vw,2.5rem);padding:0}.feature-item{color:#fafafa;color:hsl(var(--foreground));font-size:clamp(.8rem,2vw,.9rem);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:clamp(.75rem,2vw,1rem);padding-left:clamp(1.5rem,4vw,2rem);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.feature-item:hover{color:#3bf;color:hsl(var(--cyber-blue));transform:translateX(5px)}.feature-check{align-items:center;background:radial-gradient(circle,currentColor 30%,#0000 0);border-radius:50%;color:#16a249;color:hsl(var(--success-color));display:flex;font-size:clamp(.9rem,2.5vw,1rem);font-size:var(--font-size-base);font-weight:700;height:18px;justify-content:center;left:0;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:18px}.feature-item:hover .feature-check{box-shadow:0 0 10px currentColor;transform:scale(1.2) rotate(1turn)}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm);margin-bottom:clamp(1.5rem,4vw,2rem)}.tech-badge{background:#ffffff0f;border:1px solid #202b3c;border:1px solid hsl(var(--tech-border));border-radius:25px;color:#3bf;color:hsl(var(--cyber-blue));font-size:clamp(.7rem,1.5vw,.8rem);font-size:var(--font-size-xs);overflow:hidden;padding:clamp(6px,2vw,8px) clamp(12px,3vw,16px);position:relative;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-elastic)}.tech-badge:before{background:linear-gradient(135deg,#3bf,#69f);background:var(--gradient-primary);content:"";inset:0;opacity:0;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);z-index:-1}.tech-badge:hover{box-shadow:0 8px 25px #33bbff4d;box-shadow:0 8px 25px hsl(var(--cyber-blue)/.3);color:#fff;transform:translateY(-3px) scale(1.05)}.tech-badge:hover:before{opacity:1}.cta-section{background:linear-gradient(135deg,#0a0a0a,#0f0f0f);background:var(--gradient-surface);overflow:hidden;padding:clamp(4rem,10vw,8rem) clamp(1rem,5vw,2rem);position:relative;text-align:center}.cta-section:before{animation:pulse-bg 4s ease-in-out infinite alternate;background:radial-gradient(circle at 30% 70%,#0066ff1a 0,#0000 50%),radial-gradient(circle at 70% 30%,#9933ff1a 0,#0000 50%);content:"";inset:0;position:absolute}@keyframes pulse-bg{0%{opacity:.5}to{opacity:1}}.cta-bg-orb{animation:float 12s ease-in-out infinite;border-radius:50%;filter:blur(40px);pointer-events:none;position:absolute}.cta-orb-1{background:linear-gradient(135deg,#3bf,#69f);background:var(--gradient-primary);height:clamp(100px,15vw,180px);left:10%;opacity:.3;top:20%;width:clamp(100px,15vw,180px)}.cta-orb-2{animation-delay:2s;animation-direction:reverse;background:linear-gradient(135deg,#c6f,#f3f);background:var(--gradient-secondary);bottom:20%;height:clamp(120px,18vw,220px);opacity:.25;right:10%;width:clamp(120px,18vw,220px)}.cta-content{margin:0 auto;max-width:900px;position:relative;z-index:1}.cta-title{-webkit-text-fill-color:#0000;animation:rainbow-shift 3s ease-in-out infinite;background:linear-gradient(45deg,#f33,#ff3,#3f3,#3ff,#33f,#f3f);background:var(--gradient-rainbow);background-clip:text;-webkit-background-clip:text;background-size:200% 200%;font-size:clamp(1.75rem,5vw,2.25rem);font-size:var(--font-size-2xl);font-weight:800;margin-bottom:clamp(1.5rem,4vw,2rem)}@keyframes rainbow-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.cta-description{color:#94a3b8;color:hsl(var(--muted-foreground));font-size:clamp(1rem,3vw,1.25rem);font-size:var(--font-size-lg);line-height:1.7;margin-bottom:clamp(2rem,5vw,3rem)}.project-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);visibility:hidden;z-index:10000}.project-modal.show{opacity:1;visibility:visible}.project-modal-content{background:#0f0f0f;background:hsl(var(--tech-surface));border:1px solid #202b3c;border:1px solid hsl(var(--tech-border));border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 32px 64px -12px #050505e6;box-shadow:var(--shadow-mega);max-width:500px;overflow:hidden;padding:clamp(2rem,6vw,3rem);position:relative;text-align:center;transform:scale(.8) translateY(50px);transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-elastic);width:90%}.project-modal.show .project-modal-content{transform:scale(1) translateY(0)}.project-modal-content:before{background:linear-gradient(135deg,#3bf,#69f);background:var(--gradient-primary);border-radius:inherit;content:"";filter:blur(10px);inset:-2px;opacity:.3;position:absolute;z-index:-1}.modal-icon{animation:bounce-icon 2s ease-in-out infinite;font-size:3rem;margin-bottom:1rem}@keyframes bounce-icon{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.project-modal-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3bf,#69f);background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;font-size:1.5rem;margin-bottom:1rem}.project-modal-content p{color:#94a3b8;color:hsl(var(--muted-foreground));line-height:1.6;margin-bottom:2rem}.modal-actions{display:flex;flex-direction:column;gap:1rem}.modal-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-family:inherit;font-weight:600;gap:.5rem;justify-content:center;padding:12px 24px;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-elastic)}.modal-btn.primary{background:linear-gradient(135deg,#3bf,#69f);background:var(--gradient-primary);color:#fff}.modal-btn.secondary{background:linear-gradient(135deg,#c6f,#f3f);background:var(--gradient-secondary);color:#fff}.modal-btn.tertiary{background:#ffffff1a;border:1px solid #202b3c;border:1px solid hsl(var(--tech-border));color:#fafafa;color:hsl(var(--foreground))}.modal-btn:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-2px) scale(1.05)}.service-card:first-child{animation-delay:.1s;transition-delay:.1s}.service-card:nth-child(2){animation-delay:.2s;transition-delay:.2s}.service-card:nth-child(3){animation-delay:.3s;transition-delay:.3s}@media (prefers-reduced-motion:reduce){.cta-bg-orb,.floating-orb,.hero-badge,.modal-icon,.particle,.service-icon{animation:none!important}.cta-button,.feature-item,.hero-content,.service-card,.tech-badge{transition:none!important}.hero-content{opacity:1!important;transform:translateY(0)!important}.service-card{opacity:1!important;transform:translateY(0) rotateX(0)!important}}.cta-button:focus,.modal-btn:focus,.nav-link:focus{border-radius:12px;border-radius:var(--radius);outline:3px solid #3bf;outline:3px solid hsl(var(--cyber-blue));outline-offset:3px}.cta-button:focus-visible,.modal-btn:focus-visible,.nav-link:focus-visible{outline:3px solid #3bf;outline:3px solid hsl(var(--cyber-blue));outline-offset:3px}@media (max-width:480px){.services-grid{gap:1.5rem;grid-template-columns:1fr}.cta-bg-orb,.floating-orb{opacity:.1}.particle{display:none}.modal-actions{gap:.75rem}.hero-badge{font-size:.8rem;padding:8px 16px}}@media (min-width:768px) and (max-width:1024px){.services-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}.service-card:nth-child(3){grid-column:1/-1;margin:0 auto;max-width:500px}}@media (min-width:1400px){.services-container{max-width:1600px}.services-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1920px){.services-container{max-width:1800px}}@media print{.cta-bg-orb,.floating-orb,.particles-container,.project-modal,.services-nav{display:none!important}.services-hero{background:#fff!important;color:#000!important;padding:2rem 1rem!important}.cta-title,.hero-title,.section-title,.service-title{-webkit-text-fill-color:#000!important;background:none!important;color:#000!important}.service-card{border:2px solid #333!important;box-shadow:none!important;break-inside:avoid;margin-bottom:1rem;page-break-inside:avoid}.service-card,.services-page{background:#fff!important;color:#000!important}}@media (prefers-contrast:high){.hero-badge,.service-card,.tech-badge{border-style:solid;border-width:2px}.cta-button{border:2px solid}.feature-check{background:currentColor;color:0 0 3.9%;color:var(--background)}}@media (prefers-color-scheme:light){:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--tech-surface:0 0% 96%;--tech-border:217 30% 82%;--muted-foreground:215 16.3% 46.9%}.services-page{background:#0a0a0a;background:hsl(var(--background));color:#fafafa;color:hsl(var(--foreground))}.services-nav{background:#ffffffe6}.service-card{background:#0000000a}}.services-nav-bar{align-items:center;animation:services-nav-pulse 4s ease-in-out infinite alternate;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ae6;border:1px solid #00ffff4d;border-radius:50px;box-shadow:0 0 15px #0ff6,0 4px 20px #0000004d;display:flex;justify-content:space-between;left:50%;max-width:1200px;padding:.75rem 1.5rem;position:fixed;top:1rem;transform:translateX(-50%);transition:all .4s cubic-bezier(.25,.46,.45,.94);width:90%;z-index:100}.services-nav-left{display:flex;gap:.5rem}.services-nav-center{display:flex;flex:1 1;gap:.25rem;justify-content:right;transition:max-height .3s ease,opacity .3s ease}.services-nav-center--open{max-height:500px;opacity:1}.services-nav-hamburger{background:none;border:none;border-radius:50%;color:#e0e0e0;cursor:pointer;display:none;padding:.5rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);z-index:101}.services-nav-hamburger:hover{background:#00ffff1a;box-shadow:0 0 15px #0ff6}.services-nav-btn{align-items:center;background:#0000;border:none;border-radius:25px;color:#e0e0e0;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;min-height:44px;min-width:80px;overflow:hidden;padding:.75rem 1.25rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.services-nav-btn:before{background:linear-gradient(90deg,#0000,#00ffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.services-nav-btn:hover:before{left:100%}.services-nav-btn:hover{background:#00ffff0d;box-shadow:0 0 15px #0ff6;color:#0ff;transform:translateY(-2px) scale(1.05)}.services-nav-action-btn{background:#ffffff0d;border:1px solid #ffffff1a;min-width:70px}.services-nav-section-btn{justify-content:center}.services-nav-section-btn:hover{background:linear-gradient(135deg,#00ffff1a,#ff00ff0d)}.services-nav-icon{flex-shrink:0;height:18px;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:18px}.services-nav-icon-small{height:16px;width:16px}.services-nav-btn:hover .services-nav-icon,.services-nav-btn:hover .services-nav-icon-small{filter:drop-shadow(0 0 5px #00ffff);transform:rotate(10deg) scale(1.1)}.services-nav-dropdown-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}@keyframes services-nav-pulse{0%{box-shadow:0 0 15px #0ff6,0 4px 20px #0000004d}to{box-shadow:0 0 25px #00ffff80,0 6px 25px #0006}}.services-hero{padding-top:120px}@media (max-width:768px){.services-nav-hamburger{display:block}.services-nav-center{background:#121212f2;border-radius:0 0 50px 50px;border-top:1px solid #00ffff4d;flex-direction:column;gap:0;left:0;margin-top:.5rem;max-height:0;opacity:0;overflow:hidden;padding:0;position:absolute;top:100%;width:100%}.services-nav-center--open{gap:.5rem;max-height:300px;opacity:1;padding:1rem 0}.services-nav-section-btn{border-radius:0;justify-content:flex-start;min-height:48px;min-width:auto;padding:1rem 2rem;text-align:left;width:100%}.services-nav-section-btn:hover{background:#00ffff1a;transform:none}.services-nav-left{gap:.25rem}.services-nav-action-btn{font-size:.8rem;min-width:50px;padding:.6rem}.services-nav-action-btn span{display:none}}@media (max-width:480px){.services-nav-bar{border-radius:0;padding:.5rem 1rem;top:0;width:100%}.services-nav-left{gap:0}.services-nav-action-btn{min-width:44px;padding:.5rem}.services-nav-hamburger{padding:.4rem}.services-nav-center--open{max-height:250px;padding:.75rem 0}.services-nav-section-btn{font-size:.9rem;padding:.75rem 1.5rem}.services-hero{padding-top:100px}}@media (max-height:500px) and (orientation:landscape){.services-nav-center--open{flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:center;max-height:200px;padding:.5rem}.services-nav-section-btn{padding:.5rem 1rem;width:auto}}@media (prefers-reduced-motion:reduce){.services-nav-bar,.services-nav-center--open{animation:none;transition:none}}@media (prefers-contrast:high){.services-nav-btn{border:2px solid #0ff}}:root{--background-color:#0a0a0a;--card-hover-bg:#2a2a2a;--card-shadow:0 8px 32px #0006;--transition-speed:0.4s;--border-radius:12px;--transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);--cyber-blue:#0ff;--cyber-purple:#f0f;--cyber-green:#0f0;--neon-glow:0 0 20px;--cyber-glow:0 0 40px;--hologram-glow:0 0 60px;--particle-glow:0 0 15px #0ff9;--soft-gradient-start:#4a9eff;--soft-gradient-end:#7ab8f5;--modern-tech-glow:0 0 15px #4a9eff80;--nav-bg:#0a0a0ae6;--nav-border:#00ffff4d;--nav-glow:0 0 15px #0ff6;--nav-dropdown-bg:#121212f2}.webapp__webapp-container{background:linear-gradient(135deg,#0a0a0a,#0f0f0f);background:linear-gradient(135deg,var(--background-color) 0,#0f0f0f 100%);color:#e0e0e0;color:var(--text-color);min-height:100vh;overflow-x:hidden;position:relative}.webapp__nav-bar{align-items:center;animation:webapp__nav-pulse 4s ease-in-out infinite alternate;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ae6;background:var(--nav-bg);border:1px solid #00ffff4d;border:1px solid var(--nav-border);border-radius:50px;box-shadow:0 0 15px #0ff6,0 4px 20px #0000004d;box-shadow:var(--nav-glow),0 4px 20px #0000004d;display:flex;justify-content:space-between;left:50%;max-width:1200px;padding:.75rem 1.5rem;position:fixed;top:1rem;transform:translateX(-50%);transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition);width:90%;z-index:100}.webapp__nav-left{display:flex;gap:.5rem}.webapp__nav-center{display:flex;flex:1 1;gap:.25rem;justify-content:center;transition:max-height .3s ease,opacity .3s ease}.webapp__nav-center--open{max-height:500px;opacity:1}.webapp__nav-hamburger{background:none;border:none;border-radius:50%;color:#e0e0e0;color:var(--text-color);cursor:pointer;display:none;padding:.5rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition);z-index:101}.webapp__nav-hamburger:hover{background:#00ffff1a;box-shadow:0 0 15px #0ff6;box-shadow:var(--nav-glow)}.webapp__nav-btn{align-items:center;background:#0000;border:none;border-radius:25px;color:#e0e0e0;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;min-height:44px;min-width:80px;overflow:hidden;padding:.75rem 1.25rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition)}.webapp__nav-btn:before{background:linear-gradient(90deg,#0000,#00ffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.webapp__nav-btn:hover:before{left:100%}.webapp__nav-btn:hover{background:#00ffff0d;box-shadow:0 0 15px #0ff6;box-shadow:var(--nav-glow);color:#0ff;color:var(--cyber-blue);transform:translateY(-2px) scale(1.05)}.webapp__nav-action-btn{background:#ffffff0d;border:1px solid #ffffff1a;min-width:70px}.webapp__nav-section-btn{justify-content:center}.webapp__nav-section-btn:hover{background:linear-gradient(135deg,#00ffff1a,#ff00ff0d)}.webapp__nav-icon{flex-shrink:0;height:18px;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition);width:18px}.webapp__nav-icon-small{height:16px;width:16px}.webapp__nav-btn:hover .webapp__nav-icon,.webapp__nav-btn:hover .webapp__nav-icon-small{filter:drop-shadow(0 0 5px #00ffff);filter:drop-shadow(0 0 5px var(--cyber-blue));transform:rotate(10deg) scale(1.1)}.webapp__nav-dropdown-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}@keyframes webapp__nav-pulse{0%{box-shadow:0 0 15px #0ff6,0 4px 20px #0000004d;box-shadow:var(--nav-glow),0 4px 20px #0000004d}to{box-shadow:0 0 25px #00ffff80,0 6px 25px #0006}}.webapp__cyber-grid{animation:webapp__grid-move 25s linear infinite;background-image:linear-gradient(#00ffff14 1px,#0000 0),linear-gradient(90deg,#ff00ff14 1px,#0000 0);background-size:60px 60px;z-index:1}.webapp__cyber-grid,.webapp__floating-particles{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.webapp__floating-particles{z-index:2}.webapp__floating-particles .webapp__particle-1,.webapp__floating-particles .webapp__particle-2,.webapp__floating-particles .webapp__particle-3,.webapp__floating-particles:after,.webapp__floating-particles:before{animation:webapp__float 20s linear infinite;background:#0ff;background:var(--cyber-blue);border-radius:50%;box-shadow:0 0 15px #0ff9;box-shadow:var(--particle-glow);content:"";height:3px;position:absolute;width:3px}.webapp__floating-particles:before{animation-delay:0s;left:10%;top:20%}.webapp__floating-particles:after{animation-delay:7s;background:#f0f;background:var(--cyber-purple);right:15%;top:60%}.webapp__floating-particles .webapp__particle-1{animation-delay:12s;background:#0f0;background:var(--cyber-green);height:5px;left:80%;top:40%;width:5px}.webapp__floating-particles .webapp__particle-2{animation-delay:5s;background:#0ff;background:var(--cyber-blue);right:60%;top:80%}.webapp__floating-particles .webapp__particle-3{animation-delay:15s;background:#f0f;background:var(--cyber-purple);height:4px;right:20%;top:10%;width:4px}@keyframes webapp__grid-move{0%{transform:translate(0)}to{transform:translate(60px,60px)}}@keyframes webapp__float{0%,to{opacity:0;transform:translateY(0) rotate(0deg)}10%{opacity:1}90%{opacity:1}50%{transform:translateY(-120px) rotate(1turn) scale(1.5)}}@keyframes webapp__fade-in-up{0%{opacity:0;transform:translateY(80px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes webapp__cyber-pulse{0%,to{box-shadow:0 0 20px #2196f3;box-shadow:var(--neon-glow) var(--primary-color);transform:scale(1)}50%{box-shadow:0 0 40px #2196f3;box-shadow:var(--cyber-glow) var(--primary-color);transform:scale(1.05)}}@keyframes webapp__hologram-flicker{0%,to{filter:hue-rotate(0deg);opacity:1}50%{filter:hue-rotate(180deg);opacity:.7}75%{opacity:.9}}@keyframes webapp__border-scan{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes webapp__glow-rotate{0%{transform:rotate(0deg) scale(1)}to{transform:rotate(1turn) scale(1.1)}}@keyframes webapp__gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.webapp__fade-in-up{animation:webapp__fade-in-up 1s ease-out forwards}.webapp__animate-in-view{animation:webapp__fade-in-up .8s ease-out forwards}.webapp__hero-section{align-items:center;background:radial-gradient(ellipse at 20% 50%,#00ffff26 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#ff00ff1a 0,#0000 50%),linear-gradient(135deg,#2196f30d,#0000 70%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:120px 2rem 2rem;position:relative;z-index:10}.webapp__hero-content{max-width:1200px;position:relative;text-align:center;z-index:11}.webapp__hero-title-wrapper{margin-bottom:2rem;position:relative}.webapp__hero-title{animation:webapp__hologram-flicker 4s ease-in-out infinite;color:#fff;color:var(--light-text);font-size:clamp(2.5rem,8vw,7rem);font-weight:900;line-height:1.1;margin-bottom:1rem;text-shadow:0 0 10px #fff3}.webapp__gradient-text{background:linear-gradient(45deg,#2196f3,#3f51b5,#0ff,#f0f);background:linear-gradient(45deg,var(--gradient-start),var(--gradient-end),var(--cyber-blue),var(--cyber-purple));-webkit-background-clip:text;background-clip:text;background-size:300% 300%}.webapp__gradient-text,.webapp__modern-tech-glow{animation:webapp__gradient-shift 4s ease-in-out infinite;color:#0000}.webapp__modern-tech-glow{background:linear-gradient(45deg,#4a9eff,#7ab8f5);background:linear-gradient(45deg,var(--soft-gradient-start),var(--soft-gradient-end));-webkit-background-clip:text;background-clip:text;background-size:200% 200%;text-shadow:0 0 15px #4a9eff80;text-shadow:var(--modern-tech-glow)}.webapp__title-underline{animation:webapp__cyber-pulse 2.5s ease-in-out infinite;background:linear-gradient(90deg,#2196f3,#0ff,#f0f);background:linear-gradient(90deg,var(--primary-color),var(--cyber-blue),var(--cyber-purple));border-radius:2px;box-shadow:0 0 10px #0ff;box-shadow:0 0 10px var(--cyber-blue);height:4px;margin:1rem auto;width:clamp(150px,20vw,250px)}.webapp__hero-subtitle{color:#e0e0e0;color:var(--text-color);font-size:clamp(1.1rem,3vw,2rem);margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px;text-shadow:0 0 5px #ffffff1a}.webapp__hero-bg-effect{animation:webapp__glow-rotate 25s linear infinite;background:radial-gradient(circle,#2196f333 0,#00ffff1a 40%,#0000 70%),radial-gradient(circle at 30% 70%,#ff00ff26 0,#0000 60%);border-radius:50%;filter:blur(2px);height:clamp(400px,50vw,800px);left:50%;opacity:.25;position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(400px,50vw,800px);z-index:-1}.webapp__hero-overlay{animation:webapp__glow-rotate 40s linear infinite reverse;background:radial-gradient(circle at 10% 90%,#00ffff14 0,#0000 50%),radial-gradient(circle at 90% 10%,#0000ff0d 0,#0000 50%);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:9}.webapp__cyber-btn{align-items:center;background:linear-gradient(135deg,#2196f3,#03a9f4);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));background-clip:padding-box;border:2px solid #0000;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 15px #2196f34d;color:#fff;color:var(--light-text);display:inline-flex;font-size:clamp(1rem,2.5vw,1.1rem);font-weight:600;gap:.5rem;overflow:hidden;padding:clamp(1rem,2.5vw,1.2rem) clamp(2rem,4vw,2.5rem);position:relative;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition)}.webapp__cyber-btn:hover{background:linear-gradient(135deg,#03a9f4,#00ffff4d);background:linear-gradient(135deg,var(--secondary-color),#00ffff4d);border-color:#00ffff80;box-shadow:0 6px 20px #2196f333;transform:translateY(-3px) scale(1.05)}.webapp__cyber-btn:active{transform:translateY(-1px) scale(1.03)}.webapp__btn-icon{height:20px;width:20px}.webapp__btn-glow{background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.webapp__cyber-btn:hover .webapp__btn-glow{left:100%}.webapp__section{padding:5rem 2rem clamp(4rem,10vw,7rem);position:relative;z-index:10}.webapp__benefits-section{background:linear-gradient(180deg,#1a1a1a,#1a1a1acc);background:linear-gradient(to bottom,var(--section-bg-dark),#1a1a1acc)}.webapp__tech-section{background:linear-gradient(180deg,#1e1e1e,#1e1e1ecc);background:linear-gradient(to bottom,var(--section-bg-light),#1e1e1ecc)}.webapp__cases-section{background:linear-gradient(180deg,#1a1a1a,#1a1a1acc);background:linear-gradient(to bottom,var(--section-bg-dark),#1a1a1acc)}.webapp__content-section{background:linear-gradient(180deg,#1e1e1e,#1e1e1ecc);background:linear-gradient(to bottom,var(--section-bg-light),#1e1e1ecc)}.webapp__section-content{margin:0 auto;max-width:1200px}.webapp__section-title{color:#fff;color:var(--light-text);font-size:clamp(2rem,5vw,4rem);font-weight:800;margin-bottom:4rem;position:relative;text-align:center;text-shadow:0 0 10px #ffffff1a}.webapp__section-title:after{background:linear-gradient(90deg,#2196f3,#0ff,#f0f);background:linear-gradient(90deg,var(--primary-color),var(--cyber-blue),var(--cyber-purple));border-radius:2px;bottom:-10px;box-shadow:0 0 10px #0ff;box-shadow:0 0 10px var(--cyber-blue);content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:clamp(100px,15vw,150px)}.webapp__benefits-grid{grid-gap:clamp(1.5rem,4vw,2.5rem);display:grid;gap:clamp(1.5rem,4vw,2.5rem);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.webapp__benefit-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#212121,#2a2a2a);background:linear-gradient(145deg,var(--card-bg),var(--card-hover-bg));border:1px solid #2196f333;border-radius:12px;border-radius:var(--border-radius);overflow:hidden;padding:clamp(1.5rem,5vw,2.5rem);position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition)}.webapp__benefit-card:hover{background:linear-gradient(145deg,#2a2a2a,#212121);background:linear-gradient(145deg,var(--card-hover-bg),var(--card-bg));box-shadow:0 8px 32px #0006,0 0 20px #2196f3,inset 0 0 20px #2196f31a;box-shadow:var(--card-shadow),var(--neon-glow) var(--primary-color),inset 0 0 20px #2196f31a;transform:translateY(-12px) scale(1.02) rotateX(5deg)}.webapp__card-border{background:linear-gradient(90deg,#2196f3,#0ff,#f0f);background:linear-gradient(90deg,var(--primary-color),var(--cyber-blue),var(--cyber-purple));height:2px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.webapp__benefit-card:hover .webapp__card-border{animation:webapp__border-scan 1.5s ease-in-out}.webapp__benefit-icon-wrapper{margin-bottom:1.5rem}.webapp__benefit-icon{color:#2196f3;color:var(--primary-color);height:clamp(32px,6vw,48px);transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition);width:clamp(32px,6vw,48px)}.webapp__benefit-card:hover .webapp__benefit-icon{color:#0ff;color:var(--cyber-blue);filter:drop-shadow(0 0 20px #00ffff);filter:drop-shadow(var(--neon-glow) var(--cyber-blue));transform:scale(1.1) rotate(1turn)}.webapp__benefit-title{color:#fff;color:var(--light-text);font-size:clamp(1.1rem,3vw,1.25rem);font-weight:700;margin-bottom:1rem}.webapp__benefit-description{color:#e0e0e0;color:var(--text-color);line-height:1.7}.webapp__card-glow{background:radial-gradient(circle,#2196f3 10%,#0000 70%);background:radial-gradient(circle,var(--primary-color) 10%,#0000 70%);height:clamp(150px,20vw,250px);left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .6s ease;width:clamp(150px,20vw,250px)}.webapp__benefit-card:hover .webapp__card-glow{opacity:.2}.webapp__tech-grid{grid-gap:clamp(1.5rem,4vw,2.5rem);display:grid;gap:clamp(1.5rem,4vw,2.5rem);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.webapp__tech-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#212121,#2a2a2a);background:linear-gradient(145deg,var(--card-bg),var(--card-hover-bg));border:1px solid #3f51b533;border-radius:12px;border-radius:var(--border-radius);padding:clamp(1.5rem,5vw,2.5rem);position:relative;text-align:center;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition)}.webapp__tech-card:hover{background:linear-gradient(145deg,#2a2a2a,#212121);background:linear-gradient(145deg,var(--card-hover-bg),var(--card-bg));box-shadow:0 0 60px #3f51b5,0 20px 40px #0000004d;box-shadow:var(--hologram-glow) var(--accent-color),0 20px 40px #0000004d;transform:translateY(-15px) rotateY(10deg)}.webapp__tech-icon-wrapper{margin-bottom:1.5rem}.webapp__tech-icon{color:#2196f3;color:var(--primary-color);height:clamp(48px,8vw,64px);transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition);width:clamp(48px,8vw,64px)}.webapp__tech-card:hover .webapp__tech-icon{animation:webapp__cyber-pulse 1.5s ease-in-out infinite;color:#f0f;color:var(--cyber-purple);filter:drop-shadow(0 0 20px #ff00ff);filter:drop-shadow(var(--neon-glow) var(--cyber-purple))}.webapp__tech-name{color:#fff;color:var(--light-text);font-size:clamp(1.25rem,3.5vw,1.5rem);font-weight:700;margin-bottom:1rem}.webapp__tech-description{color:#e0e0e0;color:var(--text-color);line-height:1.7}.webapp__tech-border{animation:webapp__gradient-shift 3s ease infinite;background:linear-gradient(45deg,#2196f3,#f0f,#0ff,#0f0);background:linear-gradient(45deg,var(--primary-color),var(--cyber-purple),var(--cyber-blue),var(--cyber-green));background-size:400% 400%;border-radius:12px;border-radius:var(--border-radius);inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .4s ease}.webapp__tech-card:hover .webapp__tech-border{opacity:1}.webapp__cases-grid{grid-gap:clamp(1.5rem,4vw,2.5rem);display:grid;gap:clamp(1.5rem,4vw,2.5rem);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.webapp__case-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#212121,#2a2a2a);background:linear-gradient(145deg,var(--card-bg),var(--card-hover-bg));border:1px solid #03a9f433;border-radius:12px;border-radius:var(--border-radius);cursor:pointer;padding:clamp(1.5rem,5vw,2.5rem);position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition)}.webapp__case-card:hover{background:linear-gradient(145deg,#2a2a2a,#212121);background:linear-gradient(145deg,var(--card-hover-bg),var(--card-bg));box-shadow:0 8px 32px #0006,0 0 40px #03a9f4,inset 0 0 20px #03a9f41a;box-shadow:var(--card-shadow),var(--cyber-glow) var(--secondary-color),inset 0 0 20px #03a9f41a;transform:translateY(-10px) scale(1.01)}.webapp__case-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.webapp__case-title{color:#fff;color:var(--light-text);font-size:clamp(1.25rem,3.5vw,1.5rem);font-weight:700;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition)}.webapp__case-card:hover .webapp__case-title{color:#2196f3;color:var(--primary-color);text-shadow:0 0 10px #2196f3;text-shadow:0 0 10px var(--primary-color)}.webapp__case-link-icon{color:#e0e0e0;color:var(--text-color);height:20px;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition);width:20px}.webapp__case-card:hover .webapp__case-link-icon{color:#0ff;color:var(--cyber-blue);transform:translate(3px,-3px) rotate(45deg)}.webapp__case-content{margin-bottom:1rem}.webapp__case-section{margin-bottom:1.5rem}.webapp__case-label{font-size:1rem;font-weight:600;margin-bottom:.5rem}.webapp__problem-label{color:#2196f3;color:var(--primary-color)}.webapp__solution-label{color:#03a9f4;color:var(--secondary-color)}.webapp__result-label{color:#3f51b5;color:var(--accent-color)}.webapp__case-text{color:#e0e0e0;color:var(--text-color);line-height:1.7}.webapp__tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.webapp__tech-tag{background:#2196f326;border:1px solid #2196f3;border:1px solid var(--primary-color);border-radius:20px;color:#2196f3;color:var(--primary-color);font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition)}.webapp__tech-tag:hover{background:#2196f3;background:var(--primary-color);box-shadow:0 0 20px #2196f3;box-shadow:var(--neon-glow) var(--primary-color);color:#fff;color:var(--light-text);transform:scale(1.05)}.webapp__case-border{background:linear-gradient(45deg,#0000,#03a9f4,#0ff,#0000);background:linear-gradient(45deg,#0000,var(--secondary-color),var(--cyber-blue),#0000);border-radius:12px;border-radius:var(--border-radius);inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;position:absolute;transition:opacity .4s ease}.webapp__case-card:hover .webapp__case-border{opacity:1}.webapp__content-text{margin:0 auto 3rem;max-width:800px;text-align:center}.webapp__content-text p{color:#e0e0e0;color:var(--text-color);font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.8;margin-bottom:1.5rem;text-shadow:0 0 5px #ffffff0d}.webapp__features-grid{grid-gap:clamp(1.5rem,4vw,2rem);display:grid;gap:clamp(1.5rem,4vw,2rem);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.webapp__feature-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#212121,#2a2a2a);background:linear-gradient(145deg,var(--card-bg),var(--card-hover-bg));border:1px solid #2196f326;border-radius:12px;border-radius:var(--border-radius);display:flex;gap:.75rem;justify-content:center;padding:clamp(1rem,3vw,1.2rem);transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition)}.webapp__feature-item:hover{background:linear-gradient(145deg,#2a2a2a,#212121);background:linear-gradient(145deg,var(--card-hover-bg),var(--card-bg));box-shadow:0 0 20px #2196f3,0 10px 20px #0003;box-shadow:var(--neon-glow) var(--primary-color),0 10px 20px #0003;transform:translateY(-5px) rotate(2deg)}.webapp__feature-icon{color:#2196f3;color:var(--primary-color);height:clamp(20px,4vw,24px);width:clamp(20px,4vw,24px)}.webapp__feature-text{color:#fff;color:var(--light-text);font-weight:600}.webapp__cta-section{background:linear-gradient(135deg,#0a0a0a,#0a0a0acc);background:linear-gradient(135deg,var(--background-color),#0a0a0acc);overflow:hidden;padding:5rem 2rem clamp(4rem,10vw,7rem);position:relative;text-align:center}.webapp__cta-content{margin:0 auto;max-width:800px;position:relative;z-index:10}.webapp__cta-title{color:#fff;color:var(--light-text);font-size:clamp(2rem,5vw,4rem);font-weight:800;margin-bottom:1.5rem;text-shadow:0 0 40px #2196f3,0 0 20px #0ff;text-shadow:var(--cyber-glow) var(--primary-color),0 0 20px var(--cyber-blue)}.webapp__cta-subtitle{color:#e0e0e0;color:var(--text-color);font-size:clamp(1.1rem,2.5vw,1.25rem);margin-bottom:2.5rem}.webapp__final-cta{animation:webapp__cyber-pulse 3s ease-in-out infinite;box-shadow:0 6px 20px #2196f366;font-size:clamp(1.1rem,2.5vw,1.2rem);padding:clamp(1.1rem,3vw,1.3rem) clamp(3rem,6vw,3.5rem)}.webapp__cta-bg-effect{animation:webapp__glow-rotate 35s linear infinite;background:radial-gradient(circle at center,#2196f3 5%,#3f51b5 20%,#0ff 40%,#0000 70%);background:radial-gradient(circle at center,var(--primary-color) 5%,var(--accent-color) 20%,var(--cyber-blue) 40%,#0000 70%);filter:blur(2px);height:100%;left:0;opacity:.15;position:absolute;top:0;width:100%}@media (max-width:1200px){.webapp__nav-bar{width:95%}.webapp__nav-section-btn{font-size:.85rem;min-width:70px;padding:.6rem 1rem}.webapp__cases-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:1024px){.webapp__hero-bg-effect{height:600px;width:600px}.webapp__benefits-grid,.webapp__tech-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.webapp__nav-hamburger{display:block}.webapp__nav-center{background:#121212f2;background:var(--nav-dropdown-bg);border-radius:0 0 50px 50px;border-top:1px solid #00ffff4d;border-top:1px solid var(--nav-border);flex-direction:column;gap:0;left:0;margin-top:.5rem;max-height:0;opacity:0;overflow:hidden;padding:0;position:absolute;top:100%;width:100%}.webapp__nav-center--open{gap:.5rem;max-height:300px;opacity:1;padding:1rem 0}.webapp__nav-section-btn{border-radius:0;justify-content:flex-start;min-height:48px;min-width:auto;padding:1rem 2rem;text-align:left;width:100%}.webapp__nav-section-btn:hover{background:#00ffff1a;transform:none}.webapp__section{padding:clamp(3rem,8vw,5rem) 1rem}.webapp__benefits-grid,.webapp__cases-grid,.webapp__features-grid,.webapp__tech-grid{gap:clamp(1rem,3vw,1.5rem);grid-template-columns:1fr}.webapp__hero-section{align-items:flex-start;min-height:100vh;padding:max(140px,20vh) 1rem 1rem}.webapp__hero-content{padding-top:2rem}.webapp__benefit-card,.webapp__case-card,.webapp__tech-card{padding:clamp(1.5rem,6vw,2rem)}.webapp__title-underline{width:clamp(120px,30vw,150px)}.webapp__nav-left{gap:.25rem}.webapp__nav-action-btn{font-size:.8rem;min-width:50px;padding:.6rem}.webapp__nav-action-btn span{display:none}.webapp__hero-bg-effect{height:400px;opacity:.2;width:400px}.webapp__cta-bg-effect{opacity:.1}}@media (max-width:600px){.webapp__nav-bar{border-radius:25px;padding:.5rem 1rem;top:.5rem;width:95%}.webapp__hero-title{line-height:1.05}.webapp__section-title{margin-bottom:2rem}.webapp__case-header{align-items:flex-start;flex-direction:column;gap:.5rem}.webapp__tech-tags{justify-content:flex-start}}@media (max-width:480px){.webapp__cyber-btn{font-size:clamp(.9rem,4vw,1rem);padding:clamp(.8rem,4vw,1rem) clamp(1.5rem,8vw,2rem)}.webapp__hero-subtitle{font-size:clamp(1rem,4vw,1.1rem);margin-bottom:2rem}.webapp__section-title{font-size:clamp(1.75rem,6vw,2rem)}.webapp__floating-particles .webapp__particle-1,.webapp__floating-particles .webapp__particle-2,.webapp__floating-particles .webapp__particle-3,.webapp__floating-particles:after,.webapp__floating-particles:before{display:none}.webapp__nav-bar{border-radius:0;padding:.5rem 1rem;top:0;width:100%}.webapp__nav-left{gap:0}.webapp__nav-action-btn{min-width:44px;padding:.5rem}.webapp__nav-hamburger{padding:.4rem}.webapp__nav-center--open{max-height:250px;padding:.75rem 0}.webapp__nav-section-btn{font-size:.9rem;padding:.75rem 1.5rem}.webapp__hero-section{padding:.5rem}.webapp__hero-bg-effect{height:300px;width:300px}.webapp__cyber-grid{background-size:40px 40px}.webapp__benefit-icon,.webapp__tech-icon{height:40px;width:40px}}@media (max-height:500px) and (orientation:landscape){.webapp__nav-center--open{flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:center;max-height:200px;padding:.5rem}.webapp__nav-section-btn{padding:.5rem 1rem;width:auto}.webapp__hero-section{align-items:center;min-height:100vh;padding-top:100px}.webapp__section{padding:clamp(2rem,8vh,4rem) 1rem}}.webapp__webapp-container *{will-change:transform}.webapp__benefit-card,.webapp__case-card,.webapp__cyber-btn,.webapp__feature-item,.webapp__nav-btn,.webapp__tech-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.webapp__cyber-grid,.webapp__floating-particles,.webapp__nav-bar{animation:none}.webapp__nav-center--open{transition:none}}@media (prefers-contrast:high){.webapp__webapp-container{--primary-color:#4da6ff;--cyber-blue:#6ff;--cyber-purple:#f6f;--neon-glow:0 0 30px}.webapp__nav-btn{border:2px solid #0ff;border:2px solid var(--cyber-blue)}}:root{--primary-color:#2196f3;--secondary-color:#03a9f4;--accent-color:#3f51b5;--text-color:#e0e0e0;--light-text:#fff;--dark-text:#121212;--background-color:#121212;--section-bg-dark:#1a1a1a;--section-bg-light:#1e1e1e;--card-bg:#212121;--card-hover-bg:#252525;--card-shadow:0 4px 20px #0000004d;--transition-speed:0.3s;--border-radius:8px;--gradient-start:#2196f3;--gradient-end:#3f51b5;--transition:all 0.3s ease;--typing-duration:3.5s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#121212;background-color:var(--background-color);color:#e0e0e0;color:var(--text-color);font-family:Poppins,sans-serif;line-height:1.6;padding-top:80px;scroll-behavior:smooth}a{color:#2196f3;color:var(--primary-color);text-decoration:none;transition:color .3s;transition:color var(--transition-speed)}a:hover{color:#03a9f4;color:var(--secondary-color)}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121212f2;border-bottom:1px solid #ffffff1a;height:80px;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;transition:all .3s ease;transition:var(--transition);z-index:1000}.header,.logo{align-items:center;display:flex}.logo-text{-webkit-text-fill-color:#0000;animation:logoGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#2196f3,#3f51b5);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}@keyframes logoGlow{0%{filter:drop-shadow(0 0 5px rgba(33,150,243,.3))}to{filter:drop-shadow(0 0 20px rgba(33,150,243,.6))}}.nav{transition:all .3s ease;transition:var(--transition)}.nav,.nav-links{align-items:center;display:flex}.nav-links{gap:2rem;list-style:none;margin:0;padding:0}.nav-links li{position:relative}.nav-links a,.nav-links button{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--border-radius);color:#e0e0e0;color:var(--text-color);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;justify-content:center;min-height:44px;overflow:hidden;padding:.75rem 1.25rem;position:relative;text-decoration:none;transition:all .3s ease;transition:var(--transition);white-space:nowrap}.nav-links a:after,.nav-links button:after{background:linear-gradient(135deg,#2196f31a,#3f51b51a);left:0;opacity:0;right:0;top:0;z-index:-1}.nav-links a:after,.nav-links a:before,.nav-links button:after,.nav-links button:before{bottom:0;content:"";position:absolute;transition:all .3s ease;transition:var(--transition)}.nav-links a:before,.nav-links button:before{background:linear-gradient(90deg,#2196f3,#3f51b5);background:linear-gradient(90deg,var(--primary-color),var(--accent-color));height:2px;left:50%;transform:translateX(-50%);width:0}.nav-links a:hover,.nav-links button:hover{box-shadow:0 4px 15px #2196f333;color:#fff;color:var(--light-text);transform:translateY(-2px)}.nav-links a:hover:after,.nav-links button:hover:after{opacity:1}.nav-links a:hover:before,.nav-links button:hover:before{width:100%}.nav-links a.active,.nav-links button.active{background:linear-gradient(135deg,#2196f333,#3f51b533);box-shadow:0 2px 10px #2196f34d;color:#fff;color:var(--light-text);transform:translateY(-2px)}.nav-links a.active:before,.nav-links button.active:before{width:100%}.nav-links a.active:after,.nav-links button.active:after{opacity:1}.mobile-menu{border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:none;padding:10px;transition:all .3s ease;transition:var(--transition)}.mobile-menu:hover{background:#ffffff1a}.hamburger{display:flex;flex-direction:column;height:20px;justify-content:space-between;width:25px}.hamburger span{background:#2196f3;background:var(--primary-color);border-radius:2px;display:block;height:3px;transition:all .3s ease;transition:var(--transition);width:100%}.hamburger.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width:768px){.header{padding:1rem}.nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121212fa;border-top:1px solid #ffffff1a;box-shadow:0 10px 30px #00000080;left:0;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;transition:var(--transition);visibility:hidden}.nav.open{opacity:1;transform:translateY(0);visibility:visible}.nav-links{flex-direction:column;gap:0;padding:1rem 0;width:100%}.nav-links li{width:100%}.nav-links a,.nav-links button{border-radius:0;justify-content:flex-start;padding:1rem 2rem;text-align:left;width:100%}.nav-links a:hover,.nav-links button:hover{background:#2196f31a;transform:none}.mobile-menu{display:block}}@media (max-width:480px){.header{padding:.75rem 1rem}.logo-text{font-size:1.5rem}.nav-links a,.nav-links button{font-size:.95rem;padding:.875rem 1.5rem}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.mobile-menu:focus,.nav-links a:focus,.nav-links button:focus{outline:2px solid #2196f3;outline:2px solid var(--primary-color);outline-offset:2px}.home-section{align-items:center;background:linear-gradient(135deg,#121212,#1a1a1a);background:linear-gradient(135deg,var(--background-color) 0,var(--section-bg-dark) 100%);display:flex;min-height:100vh;overflow:hidden;padding:8rem 2rem 2rem;position:relative}.home-section:before{background:radial-gradient(circle at 20% 50%,#2196f31a 0,#0000 50%),radial-gradient(circle at 80% 20%,#3f51b51a 0,#0000 50%),radial-gradient(circle at 40% 80%,#03a9f41a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.home-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;position:relative;z-index:2}.home-text{animation:slideInLeft 1s ease-out}.glitch-effect{-webkit-text-fill-color:#0000;animation:glitch 4s infinite;background:linear-gradient(135deg,#fff,#2196f3);background:linear-gradient(135deg,var(--light-text),var(--primary-color));-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1rem;position:relative}@keyframes glitch{0%,to{transform:translate(0)}10%{transform:translate(-2px,2px)}20%{transform:translate(-2px,-2px)}30%{transform:translate(2px,2px)}40%{transform:translate(2px,-2px)}50%{transform:translate(-2px,2px)}60%{transform:translate(-2px,-2px)}70%{transform:translate(2px,2px)}80%{transform:translate(-2px,-2px)}90%{transform:translate(2px,2px)}}.title-wrapper{align-items:center;display:flex;height:clamp(2rem,5vw,3rem);justify-content:flex-start;margin-bottom:2rem}.typing-effect{display:inline-block;font-size:clamp(1.2rem,3.5vw,2.2rem);font-weight:600;max-width:100%;min-height:1.4em;min-width:300px;overflow:hidden;position:relative;white-space:nowrap}.typing-cursor,.typing-effect{color:#2196f3;color:var(--primary-color)}.typing-cursor{animation:blink-cursor 1.2s infinite;font-size:1em;font-weight:400;line-height:1}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:0}}.hero-description{font-size:1.2rem;line-height:1.8;margin-bottom:3rem;opacity:.9}.hero-description strong{color:#2196f3;color:var(--primary-color);font-weight:600}.service-highlights{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.service-item{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--border-radius);display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease;transition:var(--transition)}.service-item:hover{background:#ffffff1a;border-color:#2196f3;border-color:var(--primary-color);box-shadow:0 10px 30px #2196f333;transform:translateY(-5px)}.service-icon{align-items:center;background:linear-gradient(135deg,#2196f3,#3f51b5);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:50px;justify-content:center;width:50px}.service-content h3{color:#fff;color:var(--light-text);font-size:1.1rem;margin-bottom:.5rem}.service-content p{font-size:.95rem;line-height:1.5;opacity:.8}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.accent-btn,.primary-btn,.secondary-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:500;gap:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.primary-btn{background:linear-gradient(135deg,#2196f3,#03a9f4);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 4px 15px #2196f366;color:#fff}.primary-btn:hover{box-shadow:0 8px 25px #2196f399;transform:translateY(-3px)}.secondary-btn{background:#0000;border:2px solid #2196f3;border:2px solid var(--primary-color);color:#2196f3;color:var(--primary-color)}.secondary-btn:hover{background:#2196f3;background:var(--primary-color);color:#fff;transform:translateY(-3px)}.accent-btn{background:linear-gradient(135deg,#3f51b5,#673ab7);background:linear-gradient(135deg,var(--accent-color),#673ab7);box-shadow:0 4px 15px #3f51b566;color:#fff}.accent-btn:hover{box-shadow:0 8px 25px #3f51b599;transform:translateY(-3px)}.social-links{display:flex;gap:1rem;margin-top:2rem}.social-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;color:#e0e0e0;color:var(--text-color);display:flex;height:50px;justify-content:center;position:relative;text-decoration:none;transition:all .3s ease;transition:var(--transition);width:50px}.social-icon:hover{box-shadow:0 10px 20px #0000004d;transform:translateY(-5px)}.social-icon.linkedin:hover{background:#0077b5;border-color:#0077b5}.social-icon.github:hover{background:#333;border-color:#333}.social-icon.instagram:hover{background:linear-gradient(45deg,#e1306c,#fd1d1d,#fcaf45);border-color:#e1306c}.social-icon.tiktok:hover{background:#000;border-color:#ff0050}.social-icon.facebook:hover{background:#1877f2;border-color:#1877f2}.social-icon.youtube:hover{background:red;border-color:red}.tooltip{background:#121212;background:var(--dark-text);border-radius:6px;bottom:120%;color:#fff;color:var(--light-text);font-size:.8rem;left:50%;opacity:0;padding:.5rem 1rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s ease;transition:var(--transition);white-space:nowrap}.social-icon:hover .tooltip{opacity:1}.home-graphic{animation:slideInRight 1s ease-out}.home-graphic,.illustration{align-items:center;display:flex;justify-content:center;position:relative}.illustration{height:600px;width:100%}.tech-orbit{animation:rotate 20s linear infinite;border:2px solid #2196f34d;height:300px;width:300px}.tech-icon,.tech-orbit{border-radius:50%;position:absolute}.tech-icon{align-items:center;background:linear-gradient(135deg,#2196f3,#3f51b5);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));box-shadow:0 5px 15px #2196f366;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.tech-react{left:50%;top:-30px;transform:translateX(-50%)}.tech-js{right:-30px;top:50%;transform:translateY(-50%)}.tech-node{bottom:-30px;left:50%;transform:translateX(-50%)}.tech-python{left:-30px;top:50%;transform:translateY(-50%)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.blob{animation:float 6s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.7;position:absolute}.blob-1{animation-delay:0s;background:#2196f3;background:var(--primary-color);height:200px;left:10%;top:10%;width:200px}.blob-2{animation-delay:2s;background:#3f51b5;background:var(--accent-color);height:150px;right:20%;top:60%;width:150px}.blob-3{animation-delay:4s;background:#03a9f4;background:var(--secondary-color);bottom:10%;height:180px;left:30%;width:180px}.code-lines{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212e6;border:1px solid #2196f34d;border-radius:8px;border-radius:var(--border-radius);font-family:Fira Code,monospace;left:50%;padding:2rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.code-line{animation:codeAppear .5s ease-out forwards;margin-bottom:.5rem;opacity:0}.code-line:first-child{animation-delay:1s}.code-line:nth-child(2){animation-delay:1.5s}.code-line:nth-child(3){animation-delay:2s}.code-line:nth-child(4){animation-delay:2.5s}.code-line:nth-child(5){animation-delay:3s}@keyframes codeAppear{to{opacity:1}}.code-text{color:#e0e0e0;color:var(--text-color)}.code-var{color:#61dafb}.code-string{color:#98c379}.code-func{color:#e06c75}.floating-elements{height:100%;position:absolute;width:100%}.floating-element{align-items:center;animation:floatRandom 8s ease-in-out infinite;background:#2196f333;border-radius:50%;color:#2196f3;color:var(--primary-color);display:flex;height:40px;justify-content:center;position:absolute;width:40px}.element-1{animation-delay:0s;right:10%;top:20%}.element-2{animation-delay:2s;left:15%;top:70%}.element-3{animation-delay:4s;right:25%;top:40%}@keyframes floatRandom{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-15px) translateX(10px)}50%{transform:translateY(10px) translateX(-5px)}75%{transform:translateY(-5px) translateX(-10px)}}.particles-container{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.particles-container:before{animation:particle1 15s linear infinite;background:#2196f3;background:var(--primary-color);border-radius:50%;box-shadow:100px 200px 0 #03a9f4,200px 100px 0 #3f51b5,300px 300px 0 #2196f3,400px 150px 0 #03a9f4,500px 250px 0 #3f51b5;box-shadow:100px 200px 0 var(--secondary-color),200px 100px 0 var(--accent-color),300px 300px 0 var(--primary-color),400px 150px 0 var(--secondary-color),500px 250px 0 var(--accent-color);content:"";height:2px;left:10%;position:absolute;top:20%;width:2px}@keyframes particle1{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}.scroll-indicator{align-items:center;bottom:30px;color:#e0e0e0;color:var(--text-color);cursor:pointer;display:flex;flex-direction:column;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;transition:var(--transition);z-index:10}.scroll-indicator:hover{color:#2196f3;color:var(--primary-color);transform:translateX(-50%) translateY(-10px)}.scroll-indicator span{font-size:.9rem;margin-bottom:1rem;opacity:.8}.mouse{animation:mouseFloat 2s ease-in-out infinite;border:2px solid #2196f3;border:2px solid var(--primary-color);border-radius:12px;height:40px;position:relative;width:24px}.mouse-wheel{animation:mouseWheel 2s ease-in-out infinite;background:#2196f3;background:var(--primary-color);border-radius:2px;height:8px;left:50%;position:absolute;top:6px;transform:translateX(-50%);width:4px}@keyframes mouseFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes mouseWheel{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(12px)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1200px){.home-content{gap:3rem}.illustration{height:500px}.tech-orbit{height:250px;width:250px}.tech-icon{font-size:1.2rem;height:50px;width:50px}}@media (max-width:992px){.home-content{gap:2rem}.service-highlights{grid-template-columns:repeat(2,1fr)}.illustration{height:450px}.tech-orbit{height:220px;width:220px}.code-lines{font-size:.9rem;padding:1.5rem}}@media (max-width:768px){.home-section{min-height:160vh;padding:6rem 1rem 2rem}.home-content{gap:2rem;grid-template-columns:1fr;text-align:center}.home-graphic,.home-text{animation:none}.glitch-effect{animation:none;font-size:clamp(2rem,6vw,2.5rem)}.typing-effect{border-right:2px solid #2196f3;border-right:2px solid var(--primary-color);display:inline-block;font-size:clamp(1.1rem,5vw,1.5rem);margin:0 auto;min-height:1.3em;padding-right:6px;text-align:center;white-space:nowrap}.hero-description{font-size:clamp(.95rem,4vw,1.1rem);margin-bottom:2rem}.service-highlights{gap:1rem;grid-template-columns:1fr}.service-item{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column;padding:1.2rem;text-align:center}.service-icon{font-size:1.1rem;height:45px;width:45px}.cta-buttons{align-items:center;flex-direction:column;gap:.8rem;margin-bottom:2rem}.accent-btn,.primary-btn,.secondary-btn{justify-content:center;max-width:300px;padding:.9rem 1.5rem;width:100%}.social-links{flex-wrap:wrap;justify-content:center;margin-top:1.5rem}.social-icon{-webkit-backdrop-filter:none;backdrop-filter:none;font-size:1rem;height:45px;width:45px}.home-graphic{height:300px;margin-bottom:1rem;order:-1}.illustration{height:300px}.tech-orbit{height:180px;width:180px}.tech-icon{font-size:1rem;height:40px;width:40px}.code-lines{-webkit-backdrop-filter:none;backdrop-filter:none;font-size:.7rem;padding:1rem;transform:translate(-50%,-50%) scale(.8)}.blob{animation-duration:8s;filter:blur(20px)}.blob-1{height:120px;width:120px}.blob-2{height:90px;width:90px}.blob-3{height:100px;width:100px}.floating-element,.particles-container:before{animation:none;display:none}.scroll-indicator{bottom:-20px}.scroll-indicator span{font-size:.8rem}.home-section:before{background:radial-gradient(circle at 20% 50%,#2196f31a 0,#0000 40%),radial-gradient(circle at 80% 20%,#3f51b51a 0,#0000 40%)}}@media (max-width:480px){.home-section{min-height:150vh;padding:5rem 1rem 1.5rem}.glitch-effect{font-size:clamp(1.6rem,7vw,2rem)}.typing-effect{animation:typing 3.5s steps(25) forwards,blink-caret .75s step-end infinite;animation:typing var(--typing-duration,2.5s) steps(25) forwards,blink-caret .75s step-end infinite;border-right:1px solid #2196f3;border-right:1px solid var(--primary-color);font-size:clamp(1rem,4.5vw,1.4rem);padding-right:3px}.hero-description{font-size:clamp(.9rem,3.5vw,1rem);margin-bottom:1.5rem}.service-item{padding:1rem}.service-icon{font-size:1rem;height:40px;width:40px}.cta-buttons button{font-size:.9rem;padding:.8rem 1.2rem}.home-graphic,.illustration{height:250px}.tech-orbit{height:150px;width:150px}.tech-icon{font-size:.9rem;height:35px;width:35px}.code-lines{font-size:.6rem;padding:.8rem;transform:translate(-50%,-50%) scale(.7)}}@media (max-width:768px) and (max-height:900px){.home-section{min-height:120vh;padding-top:5rem}.typing-effect{animation:typing 3.5s steps(35) forwards,blink-caret .75s step-end infinite;animation:typing var(--typing-duration,2.8s) steps(35) forwards,blink-caret .75s step-end infinite}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.typing-effect{animation:none!important;border-right:none!important;width:auto!important}}@media (max-width:768px) and (orientation:landscape){.home-section{min-height:100vh;padding:4rem 1rem 1rem}.home-content{gap:1.5rem}.typing-effect{font-size:clamp(1.1rem,4vw,1.6rem)}.hero-description{font-size:clamp(.85rem,3vw,1rem)}}.about-section{background-color:#1a1a1a;background-color:var(--section-bg-dark);padding:6rem 2rem;position:relative}.about-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px;position:relative;z-index:2}.about-text{margin:0 auto;max-width:800px}.about-text p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.about-details{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px}.about-education,.about-languages{background-color:#212121;background-color:var(--card-bg);border-left:4px solid #2196f3;border-left:4px solid var(--primary-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 20px #0000004d;box-shadow:var(--card-shadow);flex:1 1;min-width:300px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.about-education:before,.about-languages:before{background:linear-gradient(90deg,#2196f3,#3f51b5);background:linear-gradient(to right,var(--primary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;top:0;width:100%}.about-education:hover,.about-languages:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-5px)}.about-education h3,.about-languages h3{color:#2196f3;color:var(--primary-color);display:inline-block;font-size:1.5rem;font-weight:600;margin-bottom:2rem;position:relative}.about-education h3:after,.about-languages h3:after{background:linear-gradient(90deg,#2196f3,#3f51b5);background:linear-gradient(to right,var(--primary-color),var(--accent-color));border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:50px}.education-item{border-left:3px solid rgba(var(--primary-color-rgb),.3);margin-bottom:2rem;padding-bottom:15px;padding-left:30px;position:relative;transition:all .3s ease}.education-item:last-child{margin-bottom:0}.education-item:before{background:#2196f3;background:var(--primary-color);border-radius:50%;box-shadow:0 0 0 4px rgba(var(--primary-color-rgb),.2);content:"";height:16px;left:-10px;position:absolute;top:0;transition:all .3s ease;width:16px}.education-item:hover{transform:translateX(5px)}.education-item:hover:before{background:#3f51b5;background:var(--accent-color);box-shadow:0 0 0 6px rgba(var(--accent-color-rgb),.2)}.education-item h4{color:#e0e0e0;color:var(--text-color);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.education-item p{color:var(--text-muted);font-size:.95rem;font-weight:400;margin-bottom:.5rem}.education-item span.date{background-color:rgba(var(--primary-color-rgb),.1);border-radius:20px;color:var(--text-muted);display:inline-block;font-size:.85rem;margin-top:5px;padding:3px 10px}.language-item{margin-bottom:1.5rem}.language-item:last-child{margin-bottom:0}.language-info{display:flex;justify-content:space-between;margin-bottom:8px}.language-name{color:#e0e0e0;color:var(--text-color);font-weight:500}.language-level{color:var(--text-muted);font-size:.85rem}.progress-container{background-color:rgba(var(--primary-color-rgb),.1);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#2196f3,#3f51b5);background:linear-gradient(to right,var(--primary-color),var(--accent-color));border-radius:4px;height:100%;transition:width 1s ease-in-out}.progress-bar.fluent{width:100%}.progress-bar.advanced{width:85%}.progress-bar.intermediate{width:65%}.progress-bar.beginner{width:40%}@keyframes progressAnimation{0%{width:0}to{width:100%}}.language-item:hover .progress-bar{animation:progressAnimation 1.5s ease-out}@media (max-width:768px){.about-details{flex-direction:column}.about-education,.about-languages{min-width:100%}}.skills-section{background:linear-gradient(135deg,#121212,#1a1a1a 50%,#1e1e1e);background:linear-gradient(135deg,var(--background-color) 0,var(--section-bg-dark) 50%,var(--section-bg-light) 100%);min-height:100vh;overflow:hidden;padding:8rem 2rem;position:relative}.skills-section:before{background:radial-gradient(circle at 20% 80%,#2196f314 0,#0000 50%),radial-gradient(circle at 80% 20%,#3f51b514 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.skills-section:after{display:none}.skills-content{display:flex;flex-direction:column;gap:4rem;margin:0 auto;max-width:1600px;z-index:2}.section-header,.skills-content{position:relative}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2196f3,#03a9f4 50%,#3f51b5);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 50%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:clamp(3rem,8vw,5rem);font-weight:900;letter-spacing:-.05em;margin-bottom:2rem;position:relative}.section-header h2:before{display:none}.section-header .underline{background:linear-gradient(90deg,#2196f3,#03a9f4,#3f51b5);background:linear-gradient(90deg,var(--gradient-start),var(--secondary-color),var(--gradient-end));border-radius:10px;box-shadow:0 0 15px #2196f34d;height:6px;margin:0 auto;overflow:hidden;position:relative;width:150px}.section-header .underline:before{animation:neon-sweep 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes neon-sweep{0%{left:-100%}to{left:100%}}.skills-category{margin-bottom:3rem;position:relative}.skills-category h3{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#212121,#252525);background:linear-gradient(135deg,var(--card-bg) 0,var(--card-hover-bg) 100%);border:1px solid #2196f333;border-radius:50px;box-shadow:0 4px 20px #0000004d;box-shadow:var(--card-shadow);color:#e0e0e0;color:var(--text-color);display:inline-block;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;margin-bottom:2rem;padding:1rem 2rem;position:relative}.skills-category h3:before{background:linear-gradient(90deg,#2196f3,#03a9f4,#3f51b5);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));border-radius:2px;bottom:-6px;content:"";height:3px;left:2rem;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;width:calc(100% - 4rem)}.skills-category:hover h3:before{transform:scaleX(1)}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.skill-item{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#212121,#252525);background:linear-gradient(145deg,var(--card-bg) 0,var(--card-hover-bg) 100%);border:1px solid #2196f326;border-radius:20px;box-shadow:0 4px 20px #0000004d;box-shadow:var(--card-shadow);display:flex;flex-direction:column;height:180px;justify-content:center;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.25,.8,.25,1);will-change:transform}.skill-item:before{background:linear-gradient(135deg,#2196f30d,#3f51b50d);border-radius:20px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.skill-item:after{display:none}.skill-item:hover{background:linear-gradient(145deg,#252525,#2a2a2af2);background:linear-gradient(145deg,var(--card-hover-bg) 0,#2a2a2af2 100%);border-color:#2196f34d;box-shadow:0 20px 40px #0000004d,0 10px 20px #2196f333;transform:translateY(-10px) scale(1.03)}.skill-item:hover:before{opacity:1}.skill-progress{background:linear-gradient(90deg,#2196f3,#03a9f4,#3f51b5);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));border-radius:0 0 20px 20px;bottom:0;box-shadow:0 0 10px #2196f366;height:4px;left:0;position:absolute;transition:all .4s ease}.skill-icon{color:#e0e0e0;color:var(--text-color);display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:3rem;margin-bottom:1.2rem;transition:all .4s ease}.skill-item:hover .skill-icon{color:#2196f3;color:var(--primary-color);filter:drop-shadow(0 8px 16px rgba(33,150,243,.3));transform:scale(1.2)}.skill-name{color:#e0e0e0;color:var(--text-color);font-size:1.1rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;transition:all .3s ease}.skill-item:hover .skill-name{color:#fff;color:var(--light-text);transform:translateY(-3px)}.skill-card-content{align-items:center;display:flex;flex-direction:column;position:relative;transition:transform .3s ease;z-index:2}.skill-card-bg{background:radial-gradient(circle at center,#2196f314 0,#0000 70%);border-radius:20px;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.skill-item:hover .skill-card-bg{opacity:1}.ai-icon{align-items:center;border-radius:12px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:1.2rem;font-weight:800;height:3rem;justify-content:center;margin-bottom:1.2rem;transition:all .4s ease;width:3rem}.ai-icon:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.chatgpt-icon{background:linear-gradient(135deg,#10a37f,#1a7f64)}.gemini-icon{background:linear-gradient(135deg,#2196f3,#03a9f4);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%)}.claude-icon{background:linear-gradient(135deg,#cc785c,#8b4513)}.blackbox-icon{background:linear-gradient(135deg,#121212,#212121);background:linear-gradient(135deg,var(--dark-text) 0,var(--card-bg) 100%)}.perplexity-icon{background:linear-gradient(135deg,#3f51b5,#2196f3);background:linear-gradient(135deg,var(--accent-color) 0,var(--primary-color) 100%)}.deepseek-icon{background:linear-gradient(135deg,#3f51b5,#483d8b);background:linear-gradient(135deg,var(--accent-color) 0,#483d8b 100%)}.skill-item:hover .ai-icon{box-shadow:0 8px 20px #0000004d;transform:scale(1.15)}.skill-item:hover .ai-icon:before{left:100%}@media (prefers-reduced-motion:no-preference){.skill-item{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(30px)}.skill-item:first-child{animation-delay:.1s}.skill-item:nth-child(2){animation-delay:.15s}.skill-item:nth-child(3){animation-delay:.2s}.skill-item:nth-child(4){animation-delay:.25s}.skill-item:nth-child(5){animation-delay:.3s}.skill-item:nth-child(6){animation-delay:.35s}}@media (max-width:1024px){.skills-section{padding:5rem 1.5rem}.skills-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.skills-section{padding:4rem 1rem}.skills-grid{gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.skill-item{height:160px;padding:1.5rem 1rem}.ai-icon,.skill-icon{font-size:2.5rem;height:2.5rem;width:2.5rem}}@media (max-width:480px){.skills-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.skill-item{height:140px;padding:1.2rem .8rem}.ai-icon,.skill-icon{font-size:2.2rem;height:2.2rem;width:2.2rem}}@media (prefers-reduced-motion:reduce){.skill-item{animation:none;opacity:1;transform:translateY(0)}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.projects-section{background-color:#1a1a1a;background-color:var(--section-bg-dark);padding:8rem 0;position:relative}.section-container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-header{margin-bottom:4rem;text-align:center}.section-header h2{color:#e0e0e0;color:var(--text-color);font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:1rem}.section-description{color:var(--text-secondary);font-size:1.2rem;margin:1rem auto 0;max-width:600px}.section-underline{background:linear-gradient(90deg,#2196f3,#3f51b5);background:linear-gradient(to right,var(--primary-color),var(--accent-color));border-radius:2px;height:4px;margin:0 auto;width:60px}.projects-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));position:relative;z-index:2}.project-card{background-color:#212121;background-color:var(--card-bg);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .4s ease}.project-card:hover{border-color:rgba(var(--primary-color-rgb),.3);box-shadow:0 20px 40px #0003;transform:translateY(-10px)}.project-card:before{background:linear-gradient(180deg,#2196f3,#3f51b5);background:linear-gradient(to bottom,var(--primary-color),var(--accent-color));content:"";height:0;left:0;position:absolute;top:0;transition:height .4s ease;width:4px}.project-card:hover:before{height:100%}.project-content{display:flex;flex-direction:column;height:100%;padding:2rem}.project-header{margin-bottom:1rem;position:relative}.project-content h3{color:#e0e0e0;color:var(--text-color);font-size:1.5rem;font-weight:600;letter-spacing:-.3px;margin-bottom:.5rem;transition:color .3s ease}.project-subtitle{color:#2196f3;color:var(--primary-color);display:block;font-size:.9rem;font-weight:500;opacity:.9;transition:opacity .3s ease}.project-card:hover .project-subtitle{opacity:1}.project-card:hover .project-content h3{color:#2196f3;color:var(--primary-color)}.project-content p{color:var(--text-secondary);flex-grow:1;line-height:1.6;margin-bottom:1.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-tag{background-color:rgba(var(--primary-color-rgb),.1);border-radius:20px;color:#2196f3;color:var(--primary-color);font-size:.75rem;font-weight:500;padding:.35rem .85rem;transition:all .3s ease}.project-card:hover .project-tag{background-color:rgba(var(--primary-color-rgb),.2);transform:translateY(-2px)}.project-link{align-items:center;color:#2196f3;color:var(--primary-color);display:inline-flex;font-weight:600;gap:.5rem;margin-top:auto;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.project-link:after{background-color:#2196f3;background-color:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.project-link:hover:after{width:100%}.project-link-arrow{transition:transform .3s ease}.project-link:hover{color:#3f51b5;color:var(--accent-color)}.project-link:hover .project-link-arrow{transform:translateX(5px)}@media (max-width:768px){.projects-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.section-header h2{font-size:2rem}.project-content h3{font-size:1.3rem}}@media (max-width:480px){.projects-section{padding:6rem 0}.projects-grid{grid-template-columns:1fr}.section-header{margin-bottom:3rem}}.contact-section{background-color:#1e1e1e;background-color:var(--section-bg-light);padding:6rem 2rem;position:relative}.contact-content{margin:0 auto;max-width:800px;position:relative;z-index:2}.contact-info{background-color:#212121;background-color:var(--card-bg);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 20px #0000004d;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:2rem;overflow:hidden;padding:3rem;position:relative}.contact-info:before{background:linear-gradient(135deg,#2196f30d,#3f51b50d);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;transition:opacity var(--transition-speed);width:100%}.contact-info:hover:before{opacity:1}.contact-item{align-items:center;display:flex;gap:1rem;position:relative;transition:transform .3s;transition:transform var(--transition-speed);z-index:2}.contact-item:hover{transform:translateX(10px)}.contact-icon{align-items:center;background:linear-gradient(90deg,#2196f3,#3f51b5);background:linear-gradient(to right,var(--primary-color),var(--accent-color));border-radius:50%;box-shadow:0 4px 15px #2196f333;color:#fff;color:var(--light-text);display:flex;height:50px;justify-content:center;transition:all .3s;transition:all var(--transition-speed);width:50px}.contact-item:hover .contact-icon{transform:rotate(1turn) scale(1.1)}.contact-item a{color:#e0e0e0;color:var(--text-color);font-size:1.1rem;transition:color .3s;transition:color var(--transition-speed)}.contact-item a:hover{color:#2196f3;color:var(--primary-color)}.footer{background-color:#121212;background-color:var(--dark-text);color:#fff;color:var(--light-text);padding:2rem}.footer-content{justify-content:space-between;margin:0 auto;max-width:1200px}.footer-content,.top-button{align-items:center;display:flex}.top-button{background:linear-gradient(90deg,#2196f3,#3f51b5);background:linear-gradient(to right,var(--primary-color),var(--accent-color));border-radius:50%;box-shadow:0 4px 15px #2196f34d;color:#fff;color:var(--light-text);height:50px;justify-content:center;transition:all .3s;transition:all var(--transition-speed);width:50px}.top-button:hover{box-shadow:0 8px 25px #2196f366;transform:translateY(-5px) scale(1.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes move-chevron{25%{opacity:1}33.3%{opacity:1;transform:translateY(10px)}66.6%{opacity:1;transform:translateY(20px)}to{opacity:0;transform:translateY(30px) scale(.5)}}@keyframes pulse{0%{box-shadow:0 0 0 0 #2196f366;transform:scale(1)}70%{box-shadow:0 0 0 10px #2196f300;transform:scale(1.05)}to{box-shadow:0 0 0 0 #2196f300;transform:scale(1)}}@keyframes glow{0%{box-shadow:0 0 5px #2196f34d}50%{box-shadow:0 0 20px #2196f380}to{box-shadow:0 0 5px #2196f34d}}.animate-skills .skill-item:first-child .skill-progress{width:95%}.animate-skills .skill-item:nth-child(2) .skill-progress{width:85%}.animate-skills .skill-item:nth-child(3) .skill-progress{width:90%}.animate-skills .skill-item:nth-child(4) .skill-progress{width:80%}@media (max-width:768px){.nav-links{display:none}.mobile-menu{display:block}.nav.open .nav-links{background-color:#1a1a1a;background-color:var(--section-bg-dark);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 20px #0000004d;box-shadow:var(--card-shadow);display:flex;min-width:200px;padding:1rem;position:absolute;right:0;top:100%}.about-details,.nav.open .nav-links{flex-direction:column}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.projects-grid{grid-template-columns:1fr}.contact-section{padding:4rem 1.5rem}.contact-info{gap:1.5rem;padding:2rem}.contact-item{align-items:center;flex-direction:row}.contact-icon{font-size:.9rem;height:40px;min-width:40px;width:40px}.contact-item a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal}}@media (max-width:576px){:root{--border-radius:6px}.section-header h2{font-size:2rem}.header{padding:1rem}.header.scrolled{padding:.5rem 1rem}.home-text h1{font-size:2.5rem}.home-text h2{font-size:1.5rem}.home-text p{font-size:1rem}.cta-buttons{flex-direction:column}.primary-btn,.secondary-btn{justify-content:center;width:100%}.about-education,.about-languages{min-width:auto}.skills-category h3{font-size:1.3rem}.project-card{min-width:auto}.contact-section{padding:3rem 1rem}.contact-info{gap:1.2rem;padding:1.5rem}.contact-item{align-items:center;flex-direction:row;gap:.8rem}.contact-icon{height:35px;min-width:35px;width:35px}.contact-item a{font-size:.95rem}.contact-item:hover{transform:translateX(5px)}.footer-content{flex-direction:column;gap:1.5rem;text-align:center}}@media (max-width:400px){.contact-info{padding:1.2rem}.contact-item{gap:.7rem}.contact-icon{height:32px;min-width:32px;width:32px}.contact-item a{font-size:.9rem;max-width:75vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.ai-icon{height:40px;margin-bottom:10px;position:relative;width:40px}.chatgpt-icon{background-color:#10a37f;border-radius:8px;overflow:hidden;position:relative}.chatgpt-icon:before{background:#fff;-webkit-clip-path:polygon(50% 0,100% 30%,85% 85%,30% 100%,0 70%,15% 15%);clip-path:polygon(50% 0,100% 30%,85% 85%,30% 100%,0 70%,15% 15%);height:70%;width:70%}.chatgpt-icon:after,.chatgpt-icon:before{content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.chatgpt-icon:after{background:#10a37f;border-radius:50%;height:35%;width:35%}.gemini-icon{background:#fff;border-radius:8px;display:inline-block;height:40px;overflow:hidden;position:relative;width:40px}.gemini-icon:before{background:linear-gradient(90deg,#fbbc05,#ea4335);-webkit-clip-path:polygon(0 0,100% 0,50% 100%,0 0);clip-path:polygon(0 0,100% 0,50% 100%,0 0);top:0}.gemini-icon:after,.gemini-icon:before{content:"";height:50%;left:0;position:absolute;width:100%}.gemini-icon:after{background:linear-gradient(90deg,#34a853,#4285f4);bottom:0;-webkit-clip-path:polygon(100% 100%,0 100%,50% 0,100% 100%);clip-path:polygon(100% 100%,0 100%,50% 0,100% 100%)}.claude-icon{background:#fff;border-radius:12px;box-shadow:0 2px 8px #7e57c233;overflow:hidden;position:relative}.claude-icon:before{background:radial-gradient(circle at 50% 30%,#7e57c2 18%,#0000 19%),radial-gradient(circle at 50% 70%,#7e57c2 18%,#0000 19%)}.claude-icon:after{background:#7e57c2;height:10%;top:50%;transform:translateY(-50%)}.claude-icon:after,.claude-icon:before{content:"";left:0;position:absolute;width:100%}.claude-icon:before{background:radial-gradient(circle at 50% 30%,#7e57c2 18%,#0000 19%),radial-gradient(circle at 50% 70%,#7e57c2 18%,#0000 19%),linear-gradient(180deg,#0000 29%,#7e57c2 0,#7e57c2 32%,#0000 0),linear-gradient(180deg,#0000 68%,#7e57c2 0,#7e57c2 71%,#0000 0);height:100%;opacity:1;top:0}.blackbox-icon{background:linear-gradient(145deg,#000,#111);border-radius:8px;box-shadow:0 4px 8px #0000004d;position:relative}.blackbox-icon:before{background:linear-gradient(135deg,#0fc,#0cf);-webkit-clip-path:polygon(0 0,100% 0,100% 30%,30% 30%,30% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 30%,30% 30%,30% 100%,0 100%);content:"";height:50%;left:50%;opacity:.7;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%}.blackbox-icon:after{background:#0fc3;box-shadow:0 0 15px 5px #00ffcc4d;content:"";filter:blur(2px);height:40%;left:30%;position:absolute;top:30%;width:40%}.perplexity-icon{background:linear-gradient(135deg,#4d4dff,#33f);border-radius:50%;box-shadow:0 2px 8px #4d4dff66;overflow:hidden;position:relative}.perplexity-icon:before{background:#fff;-webkit-clip-path:polygon(0 30%,30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%);clip-path:polygon(0 30%,30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%);height:60%;width:60%}.perplexity-icon:after,.perplexity-icon:before{content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.perplexity-icon:after{background:#4d4dff;border-radius:50%;box-shadow:0 0 4px 1px #ffffff80;height:25%;width:25%}.deepseek-icon{background:#ff5722;border-radius:8px;overflow:hidden;position:relative}.deepseek-icon:before{background:linear-gradient(45deg,#0000 40%,#fff9 50%,#0000 60%),radial-gradient(circle at center,#ffab91 30%,#0000 70%);content:"";height:100%;position:absolute;width:100%}.deepseek-icon:after{color:#fff;content:"D";font-family:Arial Black,sans-serif;font-size:20px;font-weight:700;left:50%;position:absolute;text-shadow:1px 1px 2px #0003;top:50%;transform:translate(-50%,-50%)}.experience-section{background-color:#1a1a1a;background-color:var(--section-bg-dark);overflow:hidden;padding:5rem 1rem;position:relative}.experience-section:after,.experience-section:before{animation:float 15s ease-in-out infinite alternate;border-radius:50%;content:"";filter:blur(80px);height:300px;opacity:.05;pointer-events:none;position:absolute;width:300px}.experience-section:before{animation-delay:0s;background:#2196f3;background:var(--primary-color);left:-100px;top:-100px}.experience-section:after{animation-delay:-7s;background:#3f51b5;background:var(--accent-color);bottom:-100px;right:-100px}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(50px,20px) scale(1.1)}to{transform:translate(10px,40px) scale(.9)}}.seeking-status{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#2196f31a,#3f51b51a);border-left:4px solid #2196f3;border-left:4px solid var(--primary-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 8px 25px #00000040;margin:1rem auto 3rem;max-width:900px;overflow:hidden;padding:1.5rem;position:relative;transition:transform .4s ease,box-shadow .4s ease}.seeking-status:hover{box-shadow:0 12px 30px #00000059;transform:translateY(-5px)}.seeking-status:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000,#2196f30d,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);width:100%}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.seeking-badge{align-items:center;color:#fff;color:var(--light-text);display:flex;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.pulse-dot{background-color:#4caf50;border-radius:50%;display:inline-block;height:12px;margin-right:12px;position:relative;width:12px}.pulse-dot:before{animation:pulse-ring 2s infinite;background-color:#4caf50b3;border-radius:50%;content:"";height:100%;position:absolute;width:100%}@keyframes pulse-ring{0%{opacity:1;transform:scale(.5)}80%,to{opacity:0;transform:scale(2.5)}}.seeking-description{color:#e0e0e0;color:var(--text-color);font-size:.95rem;line-height:1.6}.experience-timeline{margin:0 auto;max-width:900px;padding:1rem 0;position:relative}.experience-timeline:before{background:linear-gradient(180deg,#2196f3,#03a9f4,#3f51b5);background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color),var(--accent-color));box-shadow:0 0 15px #2196f380;content:"";height:100%;left:20px;opacity:.7;position:absolute;top:0;width:3px}.experience-item{animation:fadeIn .5s forwards;animation-delay:0s;animation-delay:calc(var(--item-index, 0)*.2s);opacity:0;padding:0 0 3rem 50px;position:relative;transition:transform .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.experience-item:last-child{padding-bottom:0}.experience-item:before{background-color:#121212;background-color:var(--background-color);border:4px solid #2196f3;border:4px solid var(--primary-color);border-radius:50%;box-shadow:0 0 0 #2196f380;content:"";height:24px;left:9px;position:absolute;top:0;transition:transform .3s ease,box-shadow .3s ease;width:24px;z-index:1}.experience-item:hover:before{box-shadow:0 0 15px #2196f3b3;transform:scale(1.2)}.experience-content{background-color:#212121;background-color:var(--card-bg);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 20px #0000004d;box-shadow:var(--card-shadow);overflow:hidden;position:relative;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease}.experience-content:after{background:linear-gradient(135deg,#0000,#2196f30d 50%,#0000);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.experience-content:hover{box-shadow:0 15px 35px #00000080;transform:translateY(-8px) scale(1.02)}.experience-content:hover:after{opacity:1}.experience-date{background:linear-gradient(90deg,#2196f3,#3f51b5);background:linear-gradient(to right,var(--gradient-start),var(--gradient-end));color:#fff;color:var(--light-text);overflow:hidden;padding:.75rem 1.5rem;position:relative}.experience-date:before{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%}.experience-content:hover .experience-date:before{transform:translateX(100%)}.date-badge{font-size:.85rem;font-weight:500;letter-spacing:.5px;position:relative}.experience-details{padding:1.75rem;transition:background-color .3s ease}.job-title{color:#fff;color:var(--light-text);display:inline-block;font-size:1.25rem;margin-bottom:.25rem;position:relative}.job-title:after{background:linear-gradient(90deg,#2196f3,#3f51b5);background:linear-gradient(to right,var(--primary-color),var(--accent-color));bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.experience-content:hover .job-title:after{width:100%}.company-name{color:#2196f3;color:var(--primary-color);font-size:1rem;font-weight:500;margin-bottom:1rem;opacity:.9;transition:opacity .3s ease}.experience-content:hover .company-name{opacity:1}.job-description{color:#e0e0e0;color:var(--text-color);font-size:.95rem;line-height:1.7;transition:color .3s ease}@media (min-width:768px){.experience-timeline:before{left:50%;transform:translateX(-50%)}.experience-item{padding:0 2.5rem 4rem 0;width:50%}.experience-item:nth-child(odd){margin-left:0;margin-right:auto;padding-left:0;padding-right:3rem;text-align:right}.experience-item:nth-child(2n){animation-delay:.1s;animation-delay:calc(var(--item-index, 0)*.2s + .1s);margin-left:auto;margin-right:0;padding-left:3rem;padding-right:0;transform:translateY(5rem)}.experience-item:nth-child(odd):before{left:auto;right:-12px}.experience-item:nth-child(2n):before{left:-12px}.experience-item:nth-child(odd) .experience-date{text-align:right}.experience-item:after{background:linear-gradient(90deg,#2196f3,#0000);background:linear-gradient(to right,var(--primary-color),#0000);content:"";height:2px;opacity:.7;position:absolute;top:12px;transition:width .3s ease,opacity .3s ease;width:30px}.experience-item:nth-child(odd):after{background:linear-gradient(270deg,#2196f3,#0000);background:linear-gradient(to left,var(--primary-color),#0000);left:auto;right:12px}.experience-item:nth-child(2n):after{left:12px}.experience-item:hover:after{opacity:1;width:40px}}@media (max-width:767px){.seeking-status{margin-bottom:2rem;padding:1.25rem}.experience-timeline:before{left:20px}.experience-item{padding-left:50px;width:100%}.experience-item:before{left:9px}.experience-item:after{background:linear-gradient(90deg,#2196f3,#0000);background:linear-gradient(to right,var(--primary-color),#0000);content:"";height:2px;left:30px;opacity:.7;position:absolute;top:12px;transition:width .3s ease,opacity .3s ease;width:20px}.experience-item:hover:after{opacity:1;width:30px}}@media (prefers-reduced-motion:no-preference){.experience-item{--item-index:0}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.b519955c.css.map*/