@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--primary-color:#06c;--secondary-color:#0af;--accent-color:#ff6b35;--success-color:#28a745;--warning-color:#ffc107;--danger-color:#dc3545;--white:#fff;--light-gray:#f8f9fa;--medium-gray:#6c757d;--dark-gray:#343a40;--black:#212529;--gradient-primary:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);--gradient-accent:linear-gradient(135deg,var(--accent-color) 0%,#ff8a65 100%);--spacing-xs:clamp(0.25rem,0.5vw,0.5rem);--spacing-sm:clamp(0.5rem,1vw,0.75rem);--spacing-md:clamp(0.75rem,1.5vw,1rem);--spacing-lg:clamp(1rem,2vw,1.5rem);--spacing-xl:clamp(1.5rem,2.5vw,2rem);--spacing-xxl:clamp(2rem,3vw,3rem);--spacing-3xl:clamp(2.5rem,4vw,4rem);--spacing-4xl:clamp(3rem,5vw,5rem);--font-size-xs:clamp(0.7rem,1.5vw,0.75rem);--font-size-sm:clamp(0.8rem,1.8vw,0.875rem);--font-size-base:clamp(0.9rem,2vw,1rem);--font-size-lg:clamp(1rem,2.2vw,1.125rem);--font-size-xl:clamp(1.1rem,2.5vw,1.25rem);--font-size-2xl:clamp(1.3rem,3vw,1.5rem);--font-size-3xl:clamp(1.6rem,3.5vw,1.875rem);--font-size-4xl:clamp(2rem,4vw,2.25rem);--font-size-5xl:clamp(2.5rem,5vw,3rem);--shadow-sm:0 1px 3px #0000001f,0 1px 2px #0000003d;--shadow-md:0 4px 6px #0000001a,0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a,0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a,0 10px 10px #0000000a;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}@media (max-width:480px){:root{--font-size-xs:clamp(0.65rem,3vw,0.7rem);--font-size-sm:clamp(0.75rem,3.5vw,0.8rem);--font-size-base:clamp(0.85rem,4vw,0.9rem);--font-size-lg:clamp(0.95rem,4.5vw,1rem);--font-size-xl:clamp(1.05rem,5vw,1.1rem);--font-size-2xl:clamp(1.2rem,5.5vw,1.3rem);--font-size-3xl:clamp(1.4rem,6vw,1.6rem);--font-size-4xl:clamp(1.8rem,7vw,2rem);--font-size-5xl:clamp(2.2rem,8vw,2.5rem);--spacing-xs:clamp(0.2rem,1vw,0.25rem);--spacing-sm:clamp(0.4rem,1.5vw,0.5rem);--spacing-md:clamp(0.6rem,2vw,0.75rem);--spacing-lg:clamp(0.8rem,2.5vw,1rem);--spacing-xl:clamp(1.2rem,3vw,1.5rem);--spacing-xxl:clamp(1.6rem,3.5vw,2rem);--spacing-3xl:clamp(2rem,4vw,2.5rem);--spacing-4xl:clamp(2.5rem,5vw,3rem)}}@media (max-width:768px){:root{--font-size-xs:clamp(0.7rem,2.5vw,0.75rem);--font-size-sm:clamp(0.8rem,3vw,0.85rem);--font-size-base:clamp(0.9rem,3.5vw,0.95rem);--font-size-lg:clamp(1rem,4vw,1.05rem);--font-size-xl:clamp(1.1rem,4.5vw,1.15rem);--font-size-2xl:clamp(1.25rem,5vw,1.35rem);--font-size-3xl:clamp(1.5rem,5.5vw,1.7rem);--font-size-4xl:clamp(1.9rem,6vw,2.1rem);--font-size-5xl:clamp(2.3rem,7vw,2.6rem)}}@media (min-width:1200px){:root{--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--white);color:var(--black);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{padding:0 var(--spacing-md)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.btn{border-radius:var(--border-radius-md);display:inline-block;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-normal)}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-md);color:var(--white)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:var(--white)}.App{background:#fff;min-height:100vh}h1,h2,h3,h4,h5,h6{color:#1a1a1a;font-weight:600;line-height:1.2}p{color:#4a4a4a;line-height:1.7}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}@media (max-width:1200px){.container{padding:0 var(--spacing-md)}}@media (max-width:768px){.container{padding:0 var(--spacing-sm)}h1,h2,h3,h4,h5,h6{line-height:1.3}p{line-height:1.6}}@media (max-width:480px){.container{padding:0 var(--spacing-md)}}.header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border-bottom:1px solid #0000000d;left:0;position:fixed;right:0;top:0;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.header--scrolled{background:#fffffffa;border-bottom:1px solid #0000001a;box-shadow:0 4px 20px #00000014}.header--hidden{transform:translateY(-100%)}.header--visible{transform:translateY(0)}.nav-wrapper{align-items:center;display:flex;justify-content:space-between;transition:padding .3s ease}.header--scrolled .nav-wrapper,.nav-wrapper{padding:0 var(--spacing-md)}.header--scrolled .logo-text{font-size:var(--font-size-lg)}.nav{align-items:center;display:flex;gap:var(--spacing-xl)}.nav-link{background:none;border:none;border-radius:8px;color:var(--dark-gray);cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500;letter-spacing:.3px;padding:var(--spacing-xs) var(--spacing-sm);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover{background:#007bff0d;color:var(--primary-color);transform:translateY(-1px)}.nav-link:after{background:var(--gradient-primary);border-radius:1px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:0}.nav-link:hover:after{width:80%}.nav-link.active{color:var(--primary-color)}.nav-link.active:after{width:80%}.menu-toggle{background:none;border:none;border-radius:6px;cursor:pointer;display:none;flex-direction:column;padding:var(--spacing-xs);transition:all .3s ease}.menu-toggle:hover{background:#0000000d}.menu-toggle span{background:var(--dark-gray);border-radius:1px;height:2px;margin:3px 0;transition:all .3s cubic-bezier(.4,0,.2,1);width:clamp(20px,3vw,24px)}.menu-toggle:hover span{background:var(--primary-color)}html{scroll-behavior:smooth}.logo-image{aspect-ratio:1.5;height:5em}@media (max-width:900px){.nav{gap:var(--spacing-md)}.nav-link{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:768px){.header--scrolled .nav-wrapper,.nav-wrapper{padding:0 var(--spacing-sm)}.logo-image{aspect-ratio:1.5;height:4em}.menu-toggle{display:flex}.nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-radius:0 0 16px 16px;border-top:1px solid #0000001a;box-shadow:0 8px 32px #0000001f;flex-direction:column;gap:0;left:0;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-20px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden}.nav--open{opacity:1;transform:translateY(0);visibility:visible}.nav-link{border-bottom:1px solid #0000000d;font-size:var(--font-size-base);margin:0;padding:var(--spacing-md) var(--spacing-sm);text-align:center;width:100%}.nav-link:last-child{border-bottom:none}.nav-link:hover{background:#007bff14;transform:translateY(0)}}@media (max-width:480px){.nav-wrapper{padding:0 var(--spacing-xs)}.logo-image{aspect-ratio:1.5;height:3.5em}.header--scrolled{font-size:var(--font-size-base)}.nav-link{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-xs)}}.btn{align-items:center;border:none;border-radius:clamp(8px,1.5vw,12px);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn__text{position:relative;z-index:2}.btn--primary{background:var(--primary-color);box-shadow:0 4px 12px #0066cc4d;color:var(--white)}.btn--primary:hover:not(:disabled){box-shadow:0 8px 25px #06c6;transform:translateY(-2px)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:var(--white);border:2px solid var(--light-gray);box-shadow:0 2px 8px #0000001a;color:var(--dark-gray)}.btn--secondary:hover:not(:disabled){border-color:var(--primary-color);box-shadow:0 4px 15px #06c3;color:var(--primary-color);transform:translateY(-1px)}.btn--secondary:active:not(:disabled){transform:translateY(0)}.btn--outline{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.btn--outline:hover:not(:disabled){background:var(--primary-color);box-shadow:0 4px 15px #0066cc4d;color:var(--white);transform:translateY(-1px)}.btn--ghost{background:#0000;border:none;box-shadow:none;color:var(--primary-color)}.btn--ghost:hover:not(:disabled){background:#0066cc1a;transform:translateY(-1px)}.btn--danger{background:#dc3545;box-shadow:0 4px 12px #dc35454d;color:var(--white)}.btn--danger:hover:not(:disabled){box-shadow:0 8px 25px #dc354566;transform:translateY(-2px)}.btn--success{background:#28a745;box-shadow:0 4px 12px #28a7454d;color:var(--white)}.btn--success:hover:not(:disabled){box-shadow:0 8px 25px #28a74566;transform:translateY(-2px)}.btn--small{font-size:var(--font-size-sm);padding:clamp(8px,1.5vw,12px) clamp(16px,2.5vw,24px)}.btn--medium{font-size:var(--font-size-lg);padding:clamp(14px,2vw,18px) clamp(28px,4vw,36px)}.btn--large{font-size:var(--font-size-xl);padding:clamp(18px,2.5vw,24px) clamp(36px,5vw,48px)}.btn--animated .btn__background{background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.btn--animated:hover .btn__background{left:100%}.btn--animated .btn__shine{animation:shine 3s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{0%{left:-100%}50%{left:100%}to{left:100%}}.btn--secondary .btn__ripple{background:#0066cc1a;border-radius:50%;height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn--secondary:active .btn__ripple{height:300px;width:300px}@media (max-width:768px){.btn--small{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.btn--medium{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md)}.btn--large{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-lg)}}.badge{animation:fadeInUp .8s ease-out;border-radius:50px;display:inline-block;font-weight:500;margin-bottom:var(--spacing-lg);text-align:center;transition:all var(--transition-fast)}.badge__text{display:block}.badge--primary{background:#0066cc1a;border:1px solid #06c3;color:var(--primary-color)}.badge--primary:hover{background:#0066cc26;transform:translateY(-2px)}.badge--secondary{background:#6b72801a;border:1px solid #6b728033;color:var(--medium-gray)}.badge--secondary:hover{background:#6b728026;transform:translateY(-2px)}.badge--success{background:#28a7451a;border:1px solid #28a74533;color:#28a745}.badge--success:hover{background:#28a74526;transform:translateY(-2px)}.badge--warning{background:#ffc1071a;border:1px solid #ffc10733;color:#ffc107}.badge--warning:hover{background:#ffc10726;transform:translateY(-2px)}.badge--danger{background:#dc35451a;border:1px solid #dc354533;color:#dc3545}.badge--danger:hover{background:#dc354526;transform:translateY(-2px)}.badge--accent{background:var(--gradient-accent);border:1px solid #0000;color:var(--white)}.badge--accent:hover{box-shadow:0 4px 15px #ff6b6b4d;transform:translateY(-2px)}.badge--gradient{background:var(--gradient-primary);border:1px solid #0000;color:var(--white)}.badge--gradient:hover{box-shadow:0 4px 15px #0066cc4d;transform:translateY(-2px)}.badge--small{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.badge--medium{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-lg)}.badge--large{font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-xl)}@media (max-width:768px){.badge--small{padding:var(--spacing-xs) var(--spacing-sm)}.badge--medium,.badge--small{font-size:var(--font-size-xs)}.badge--medium{padding:var(--spacing-xs) var(--spacing-md)}.badge--large{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-lg)}}.hero{align-items:center;display:flex;margin-top:var(--spacing-md);min-height:100vh;overflow:hidden;position:relative}.hero-background{background:radial-gradient(ellipse at top,#0066cc1a 0,#0000 70%);bottom:0;left:0;position:absolute;right:0;top:0}.shape{animation:morphing 8s ease-in-out infinite;border-radius:50%;opacity:.1;position:absolute}.shape-1{animation-delay:0s;background:var(--gradient-primary);height:clamp(200px,20vw,300px);left:10%;top:10%;width:clamp(200px,20vw,300px)}.shape-2{animation-delay:2s;background:var(--gradient-accent);height:clamp(150px,15vw,200px);right:20%;top:60%;width:clamp(150px,15vw,200px)}.shape-3{animation-delay:4s;background:linear-gradient(45deg,var(--secondary-color),var(--primary-color));bottom:10%;height:clamp(100px,12vw,150px);left:30%;width:clamp(100px,12vw,150px)}.shape-4{animation-delay:6s;background:var(--gradient-primary);height:clamp(80px,8vw,100px);right:10%;top:30%;width:clamp(80px,8vw,100px)}.grid-overlay{background-image:linear-gradient(#0066cc08 1px,#0000 0),linear-gradient(90deg,#0066cc08 1px,#0000 0);background-size:clamp(30px,5vw,50px) clamp(30px,5vw,50px);bottom:0;left:0;position:absolute;right:0;top:0}.hero-layout{grid-gap:var(--spacing-xxl);align-items:center;display:grid;gap:var(--spacing-xxl);grid-template-columns:1fr 1fr;width:100%}.hero-content{z-index:2}.hero-title{animation:fadeInUp .8s ease-out .2s both;color:var(--black);font-size:var(--spacing-3xl);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-lg)}.highlight{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.highlight-secondary{-webkit-text-fill-color:#0000;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text}.hero-subtitle{animation:fadeInUp .8s ease-out .4s both;color:var(--medium-gray);font-size:var(--font-size-lg);line-height:1.7;margin-bottom:var(--spacing-xxl)}.hero-cta-wrapper{animation:fadeInUp .8s ease-out .6s both;margin-bottom:var(--spacing-xxl)}.tech-stack{animation:fadeInUp .8s ease-out .8s both}.tech-text{color:var(--medium-gray);display:block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.tech-items{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.tech-item{background:#0066cc1a;border:1px solid #06c3;border-radius:var(--border-radius-sm);color:var(--primary-color);font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.tech-item:hover{background:#0066cc26;transform:translateY(-2px)}.hero-visual{height:clamp(400px,50vw,600px);position:relative;z-index:1}.hero-visual,.visual-container{align-items:center;display:flex;justify-content:center}.visual-container{height:100%;width:100%}.main-illustration{height:clamp(280px,35vw,400px);position:relative;width:clamp(280px,35vw,400px)}.geometric-art{height:100%;position:relative;width:100%}.primary-shape{align-items:center;animation:primaryRotate 25s ease-in-out infinite;background:var(--gradient-primary);border-radius:50% 30% 50% 30%;display:flex;height:clamp(200px,25vw,280px);justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(200px,25vw,280px)}.shape-inner{animation:innerRotate 18s ease-in-out infinite reverse;background:#ffffff1a;border-radius:50% 40% 50% 40%;height:clamp(140px,18vw,200px);width:clamp(140px,18vw,200px)}.secondary-shapes{bottom:0;left:0;position:absolute;right:0;top:0}.small-shape{animation:floatShape 12s ease-in-out infinite;background:var(--gradient-accent);border-radius:50%;position:absolute}.shape-a{animation-delay:0s;height:clamp(40px,6vw,60px);left:15%;top:20%;width:clamp(40px,6vw,60px)}.shape-b{animation-delay:2s;bottom:25%;height:clamp(30px,4vw,40px);right:10%;width:clamp(30px,4vw,40px)}.shape-c{animation-delay:4s;height:clamp(60px,8vw,80px);right:20%;top:10%;width:clamp(60px,8vw,80px)}.floating-elements{bottom:0;left:0;position:absolute;right:0;top:0}.element{align-items:center;background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);display:flex;height:clamp(50px,6vw,70px);justify-content:center;position:absolute;width:clamp(50px,6vw,70px)}.element-icon{font-size:clamp(1.2rem,2.5vw,1.8rem)}.element-1{animation:gentleCircle1 15s ease-in-out infinite;left:50%;top:20%;transform:translateX(-50%)}.element-2{animation:gentleCircle2 18s ease-in-out infinite;right:15%;top:50%;transform:translateY(-50%)}.element-3{animation:gentleCircle3 16s ease-in-out infinite;bottom:20%;left:50%;transform:translateX(-50%)}.element-4{animation:gentleCircle4 20s ease-in-out infinite;left:15%;top:50%;transform:translateY(-50%)}@keyframes primaryRotate{0%{border-radius:50% 30% 50% 30%;transform:translate(-50%,-50%) rotate(0deg) scale(1)}25%{border-radius:30% 60% 40% 50%;transform:translate(-50%,-50%) rotate(90deg) scale(1.05)}50%{border-radius:60% 30% 60% 30%;transform:translate(-50%,-50%) rotate(180deg) scale(1)}75%{border-radius:40% 50% 30% 60%;transform:translate(-50%,-50%) rotate(270deg) scale(.95)}to{border-radius:50% 30% 50% 30%;transform:translate(-50%,-50%) rotate(1turn) scale(1)}}@keyframes innerRotate{0%{border-radius:50% 40% 50% 40%;transform:rotate(0deg) scale(1)}33%{border-radius:60% 30% 60% 30%;transform:rotate(-120deg) scale(1.1)}66%{border-radius:30% 60% 30% 60%;transform:rotate(-240deg) scale(.9)}to{border-radius:50% 40% 50% 40%;transform:rotate(-1turn) scale(1)}}@keyframes floatShape{0%{transform:translateY(0) translateX(0) scale(1) rotate(0deg)}25%{transform:translateY(-15px) translateX(5px) scale(1.1) rotate(90deg)}50%{transform:translateY(-30px) translateX(0) scale(1) rotate(180deg)}75%{transform:translateY(-15px) translateX(-5px) scale(.9) rotate(270deg)}to{transform:translateY(0) translateX(0) scale(1) rotate(1turn)}}@keyframes gentleCircle1{0%{transform:translateX(-50%) translateY(0) rotate(0deg) scale(1)}25%{transform:translateX(-30px) translateY(-10px) rotate(3deg) scale(1.05)}50%{transform:translateX(-70px) translateY(0) rotate(0deg) scale(1)}75%{transform:translateX(-30px) translateY(10px) rotate(-3deg) scale(.95)}to{transform:translateX(-50%) translateY(0) rotate(0deg) scale(1)}}@keyframes gentleCircle2{0%{transform:translateY(-50%) translateX(0) rotate(0deg) scale(1)}25%{transform:translateY(-30px) translateX(10px) rotate(-3deg) scale(1.05)}50%{transform:translateY(-70px) translateX(0) rotate(0deg) scale(1)}75%{transform:translateY(-30px) translateX(-10px) rotate(3deg) scale(.95)}to{transform:translateY(-50%) translateX(0) rotate(0deg) scale(1)}}@keyframes gentleCircle3{0%{transform:translateX(-50%) translateY(0) rotate(0deg) scale(1)}25%{transform:translateX(-70px) translateY(10px) rotate(-3deg) scale(.95)}50%{transform:translateX(-30px) translateY(0) rotate(0deg) scale(1)}75%{transform:translateX(-70px) translateY(-10px) rotate(3deg) scale(1.05)}to{transform:translateX(-50%) translateY(0) rotate(0deg) scale(1)}}@keyframes gentleCircle4{0%{transform:translateY(-50%) translateX(0) rotate(0deg) scale(1)}25%{transform:translateY(-70px) translateX(-10px) rotate(3deg) scale(.95)}50%{transform:translateY(-30px) translateX(0) rotate(0deg) scale(1)}75%{transform:translateY(-70px) translateX(10px) rotate(-3deg) scale(1.05)}to{transform:translateY(-50%) translateX(0) rotate(0deg) scale(1)}}@media (max-width:1024px){.hero-layout{gap:var(--spacing-xl);grid-template-columns:1fr;text-align:center}.hero-visual{height:clamp(350px,40vw,450px)}.main-illustration{height:clamp(300px,35vw,350px);width:clamp(300px,35vw,350px)}.primary-shape{height:clamp(200px,25vw,240px);width:clamp(200px,25vw,240px)}.shape-inner{height:clamp(140px,18vw,160px);width:clamp(140px,18vw,160px)}}@media (max-width:768px){.hero{padding:var(--spacing-lg) 0}.hero-content{padding:0 var(--spacing-sm)}.hero-cta-wrapper{align-items:center;flex-direction:column;gap:var(--spacing-md)}.cta-primary{max-width:clamp(250px,80vw,300px);width:100%}.cta-primary,.tech-items{justify-content:center}.hero-visual{height:clamp(300px,35vw,350px)}.main-illustration{height:clamp(250px,30vw,280px);width:clamp(250px,30vw,280px)}.primary-shape{height:clamp(180px,22vw,200px);width:clamp(180px,22vw,200px)}.shape-inner{height:clamp(110px,15vw,120px);width:clamp(110px,15vw,120px)}.element{height:clamp(40px,5vw,50px);width:clamp(40px,5vw,50px)}.element-icon{font-size:clamp(1rem,2vw,1.4rem)}.element-1{left:50%;top:25%}.element-2{right:20%;top:50%}.element-3{bottom:25%;left:50%}.element-4{left:20%;top:50%}.small-shape{transform:scale(clamp(.7,1vw,.8))}.grid-overlay{background-size:clamp(25px,4vw,35px) clamp(25px,4vw,35px)}}@media (max-width:480px){.hero-title{font-size:clamp(1.8rem,6vw,2.5rem);line-height:1.2;margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.hero-badge{margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md)}.cta-primary{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md)}.hero-visual{height:clamp(250px,30vw,300px)}.main-illustration{height:clamp(200px,25vw,250px);width:clamp(200px,25vw,250px)}.primary-shape{height:clamp(150px,20vw,180px);width:clamp(150px,20vw,180px)}.shape-inner{height:clamp(90px,12vw,110px);width:clamp(90px,12vw,110px)}}.footer{background:var(--black);color:var(--white);padding:var(--spacing-xxl) var(--spacing-md) var(--spacing-lg)}.footer-content{grid-gap:var(--spacing-xxl);align-items:start;display:grid;gap:var(--spacing-xxl);grid-template-columns:2fr 1fr 1.2fr;margin-bottom:var(--spacing-xxl)}.footer-section{display:flex;flex-direction:column}.footer-section h3,.footer-section h4{margin:0 0 var(--spacing-lg) 0;padding:0}.footer-logo{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-xl);font-weight:700}.footer-description{color:var(--medium-gray);line-height:1.6;margin-bottom:var(--spacing-lg)}.footer-logo-image{height:80px;width:120px}.footer-title{color:var(--white);font-size:var(--font-size-lg);font-weight:600}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links button{background:none;border:none;color:var(--medium-gray);cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-align:left;text-decoration:none;transition:color var(--transition-fast)}.footer-links button:hover{color:var(--primary-color)}.contact-item{color:var(--medium-gray);display:block;font-family:inherit;font-size:inherit;text-decoration:none;transition:color var(--transition-fast)}.contact-item:hover{color:var(--primary-color)}.footer-bottom{border-top:1px solid var(--dark-gray);color:var(--medium-gray);padding-top:var(--spacing-lg);text-align:center}@media (max-width:1024px){.footer-content{gap:var(--spacing-lg);grid-template-columns:1fr 1fr}}@media (max-width:768px){.footer{padding:var(--spacing-xl) var(--spacing-sm) var(--spacing-md)}.footer-content{gap:var(--spacing-lg);grid-template-columns:1fr;text-align:center}.contact-item,.footer-links button{font-size:var(--font-size-base);text-align:center}.footer-logo{font-size:var(--font-size-lg)}.footer-title{font-size:var(--font-size-base)}}@media (max-width:480px){.footer{padding:var(--spacing-lg) var(--spacing-xs) var(--spacing-sm)}.footer-content{gap:var(--spacing-md)}.contact-item,.footer-description,.footer-links button{font-size:var(--font-size-sm)}}.section{overflow:hidden;padding:var(--spacing-4xl) 0;position:relative}.section__background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.section__header{margin-bottom:var(--spacing-4xl);margin-left:auto;margin-right:auto;max-width:800px;position:relative;text-align:center;z-index:1}.section__title{color:var(--black);font-size:var(--spacing-3xl);font-weight:800;line-height:1.2;margin-bottom:var(--spacing-lg)}.section__subtitle{color:var(--medium-gray);font-size:var(--font-size-lg);line-height:1.7;margin:0 auto;max-width:600px}.section__content{position:relative;z-index:1}.section--default{background:var(--white)}.section--services{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.section--services .bg-grid{background-image:linear-gradient(#0066cc05 1px,#0000 0),linear-gradient(90deg,#0066cc05 1px,#0000 0);background-size:50px 50px;bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0}.section .bg-gradients{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.section .gradient-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.1;position:absolute}.section .orb-1{animation-delay:0s;background:var(--gradient-primary);height:300px;left:10%;top:10%;width:300px}.section .orb-2{animation-delay:7s;background:var(--gradient-accent);height:200px;right:20%;top:60%;width:200px}.section .orb-3{animation-delay:14s;background:linear-gradient(45deg,var(--secondary-color),var(--primary-color));bottom:20%;height:250px;left:30%;width:250px}.section--projects{background:var(--white)}.section--about{background:linear-gradient(135deg,#f1f5f9,#f8fafc)}.section--about .bg-grid{background-image:linear-gradient(#6366f105 1px,#0000 0),linear-gradient(90deg,#6366f105 1px,#0000 0);background-size:60px 60px;bottom:0;left:0;opacity:.6;position:absolute;right:0;top:0}@keyframes float{0%,to{transform:translateY(0) translateX(0) scale(1)}25%{transform:translateY(-20px) translateX(10px) scale(1.1)}50%{transform:translateY(-40px) translateX(0) scale(1)}75%{transform:translateY(-20px) translateX(-10px) scale(.9)}}@media (max-width:768px){.section{padding:var(--spacing-3xl) 0}.section__header{padding:0 var(--spacing-xs)}.section__title{font-size:clamp(1.8rem,6vw,2.5rem);line-height:1.3;margin-bottom:var(--spacing-md)}.section__subtitle{font-size:var(--font-size-base);padding:0 var(--spacing-sm)}.section--services .bg-grid{background-size:30px 30px}.section--projects .projects-grid-overlay{background-size:40px 40px}.section--services .gradient-orb{filter:blur(40px)}.section--services .orb-1{height:200px;width:200px}.section--services .orb-2{height:150px;width:150px}.section--services .orb-3{height:180px;width:180px}}@media (max-width:480px){.section{padding:var(--spacing-xxl) 0}.section__header{margin-bottom:var(--spacing-xxl)}.section__title{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:var(--spacing-sm)}.section__subtitle{font-size:var(--font-size-sm)}}.bg-grid{animation:gridMove 20s linear infinite;background-image:linear-gradient(#0066cc05 1px,#0000 0),linear-gradient(90deg,#0066cc05 1px,#0000 0);background-size:60px 60px}.bg-gradients,.bg-grid{bottom:0;left:0;position:absolute;right:0;top:0}.gradient-orb{border-radius:50%;filter:blur(60px);opacity:.3;position:absolute}.orb-1{animation:orbFloat1 15s ease-in-out infinite;background:radial-gradient(circle,#06c3 0,#0000 70%);height:clamp(200px,25vw,300px);left:clamp(-75px,-10vw,-100px);top:clamp(-100px,-15vw,-150px);width:clamp(200px,25vw,300px)}.orb-2{animation:orbFloat2 18s ease-in-out infinite;background:radial-gradient(circle,#6366f126 0,#0000 70%);height:clamp(250px,30vw,400px);right:clamp(-125px,-20vw,-200px);top:60%;width:clamp(250px,30vw,400px)}.orb-3{animation:orbFloat3 12s ease-in-out infinite;background:radial-gradient(circle,#10b9811a 0,#0000 70%);bottom:clamp(-90px,-12vw,-125px);height:clamp(180px,20vw,250px);left:30%;width:clamp(180px,20vw,250px)}.services-title{animation:fadeInUp .6s ease-out .2s both;color:var(--black);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-lg)}.title-highlight{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.services-tabbed-container{grid-gap:clamp(24px,4vw,48px);align-items:flex-start;display:grid;gap:clamp(24px,4vw,48px);grid-template-columns:clamp(240px,20vw,280px) 1fr;margin-left:auto;margin-right:auto;margin-top:clamp(24px,4vw,48px);max-width:1400px;padding:0 var(--spacing-sm)}.services-tabs{background:#f8fafc;border-radius:20px;display:flex;flex-direction:column;gap:8px;padding:16px;position:-webkit-sticky;position:sticky;top:100px}.service-tab{align-items:center;background:#0000;border:none;border-radius:clamp(12px,2vw,16px);color:var(--medium-gray);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:500;gap:clamp(12px,2vw,16px);padding:clamp(16px,2.5vw,20px) clamp(18px,3vw,24px);text-align:left;transition:all .3s ease;width:100%}.service-tab:hover{background:#fffc;color:var(--dark-gray);transform:translateX(4px)}.service-tab.active{background:var(--white);box-shadow:0 4px 16px #0000001a;color:var(--primary-color);font-weight:600;transform:translateX(8px)}.tab-icon{flex-shrink:0;font-size:clamp(1.5rem,2.5vw,2rem)}.tab-title{font-size:1rem;font-weight:inherit;line-height:1.3}.services-content{min-height:400px;overflow:hidden;position:relative}.service-content{grid-gap:clamp(24px,4vw,48px);align-items:flex-start;display:grid;gap:clamp(24px,4vw,48px);grid-template-columns:1fr clamp(250px,25vw,300px);left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(20px) scale(.98);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),visibility .4s ease;visibility:hidden;width:100%}.service-content.active{opacity:1;pointer-events:auto;position:relative;transform:translateX(0) scale(1);visibility:visible;z-index:1}.service-info{padding-right:0}.service-header{margin-bottom:24px}.service-title{color:var(--dark-gray);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;line-height:1.2;margin:0 0 8px}.service-subtitle{color:var(--primary-color);font-size:var(--font-size-lg);font-weight:600;margin:0}.service-description{color:var(--medium-gray);font-size:var(--font-size-lg);line-height:1.6;margin:0 0 clamp(20px,3vw,32px)}.service-features{grid-gap:16px;display:grid;gap:16px;list-style:none;margin:0 0 40px;padding:0}.service-feature{align-items:center;color:var(--dark-gray);display:flex;font-size:var(--font-size-base);font-weight:500;gap:clamp(8px,1.5vw,12px)}.service-image,.service-visual{align-items:center;display:flex;justify-content:center}.service-image{aspect-ratio:1;background:linear-gradient(135deg,#0066cc0d,#0066cc1a);border:1px solid #0066cc1a;border-radius:clamp(12px,2vw,16px);margin:clamp(16px,2.5vw,24px) auto 0;max-height:clamp(220px,25vw,280px);max-width:clamp(220px,25vw,280px);width:100%}.image-placeholder{font-size:clamp(2.5rem,4vw,4rem);opacity:.6}.mobile-skeleton{align-items:center;display:flex;height:100%;justify-content:center}.phone-frame-skeleton{aspect-ratio:1/2;background:#2d3748;border-radius:clamp(12px,2vw,16px);box-shadow:0 6px 20px #00000026;flex-shrink:0;height:clamp(140px,20vw,180px);max-height:180px;max-width:90px;padding:clamp(6px,1vw,8px) clamp(4px,.6vw,6px);position:relative;width:clamp(70px,10vw,90px)}.phone-frame-skeleton:before{background:#4a5568;border-radius:2px;content:"";height:clamp(2px,.4vw,3px);left:50%;position:absolute;top:clamp(4px,.8vw,6px);transform:translateX(-50%);width:clamp(20px,2.5vw,25px)}.phone-screen-skeleton{background:#f7fafc;border-radius:clamp(8px,1.5vw,10px);display:flex;flex-direction:column;gap:6px;height:100%;padding:clamp(6px,1vw,8px);width:100%}.skeleton-header{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;border-radius:clamp(2px,.4vw,3px);height:clamp(8px,1.5vw,12px)}.service-content.active .skeleton-header{animation:skeleton-loading 1.5s infinite}.skeleton-content{display:flex;flex:1 1;flex-direction:column;gap:clamp(3px,.6vw,4px);padding-top:clamp(4px,.8vw,6px)}.skeleton-line{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;border-radius:clamp(2px,.4vw,3px);height:clamp(4px,.8vw,6px);width:100%}.service-content.active .skeleton-line{animation:skeleton-loading 1.5s infinite}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.desktop-skeleton{align-items:center;display:flex;height:100%;justify-content:center}.window-frame-skeleton{aspect-ratio:4/3;background:#f7fafc;border:1px solid #e2e8f0;border-radius:clamp(6px,1vw,8px);box-shadow:0 6px 20px #00000026;flex-shrink:0;height:clamp(120px,14vw,150px);max-height:150px;max-width:200px;overflow:hidden;width:clamp(160px,18vw,200px)}.window-header-skeleton{align-items:center;background:#edf2f7;border-bottom:1px solid #e2e8f0;display:flex;height:clamp(20px,3vw,28px);padding:0 clamp(6px,1.2vw,10px)}.window-controls{display:flex;gap:clamp(3px,.6vw,5px)}.control{border-radius:50%;height:clamp(5px,1vw,8px);width:clamp(5px,1vw,8px)}.control.red{background:#fc8181}.control.yellow{background:#f6e05e}.control.green{background:#68d391}.window-content-skeleton{display:flex;flex-direction:column;height:calc(100% - 32px)}.skeleton-navbar{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;border-radius:clamp(2px,.5vw,3px);height:clamp(12px,2vw,16px);margin:clamp(5px,.8vw,7px)}.service-content.active .skeleton-navbar{animation:skeleton-loading 1.5s infinite}.skeleton-body{display:flex;flex:1 1;gap:clamp(4px,.8vw,6px);padding:0 clamp(5px,.8vw,7px) clamp(5px,.8vw,7px)}.skeleton-sidebar{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;border-radius:clamp(2px,.5vw,3px);width:clamp(30px,5vw,45px)}.service-content.active .skeleton-sidebar{animation:skeleton-loading 1.5s infinite}.skeleton-main{display:flex;flex:1 1;flex-direction:column;gap:6px}.backend-skeleton{align-items:center;display:flex;height:100%;justify-content:center}.server-infrastructure{aspect-ratio:1;background:#1a202c;border:1px solid #2d3748;border-radius:clamp(6px,1vw,10px);display:flex;flex-direction:column;flex-shrink:0;gap:clamp(5px,.6vw,7px);height:clamp(130px,18vw,200px);max-height:200px;max-width:130px;padding:clamp(10px,1.2vw,14px);position:relative;width:clamp(130px,18vw,200px)}.server-rack{display:flex;flex-direction:column;gap:4px;width:100%}.server-unit{align-items:center;background:#2d3748;border:1px solid #4a5568;border-radius:4px;display:flex;height:24px;justify-content:space-between;padding:6px 8px}.server-lights{display:flex;gap:3px}.status-light{background:#68d391;border-radius:50%;height:4px;width:4px}.status-light.warning{background:#f6e05e}.service-content.active .status-light.active{animation:serverBlink 2s ease-in-out infinite}.service-content.active .status-light.warning{animation:warningBlink 1.5s ease-in-out infinite}.server-bars{display:flex;flex-direction:column;gap:2px;width:40px}.usage-bar{background:#4a5568;border-radius:1px;height:3px;overflow:hidden;position:relative}.usage-bar:after{background:#0f8;border-radius:1px;content:"";height:100%;left:0;position:absolute;top:0;width:0}.service-content.active .usage-bar.cpu:after{animation:cpuUsage 3s ease-in-out infinite}.service-content.active .usage-bar.memory:after{animation:memoryUsage 4s ease-in-out infinite}.data-flow{height:80%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}.flow-line{background:#00ff884d;position:absolute}.flow-line.horizontal{height:1px;left:20%;top:30%;width:60%}.flow-line.vertical{bottom:10%;height:40%;left:50%;width:1px}.data-packet{background:#0f8;border-radius:1px;box-shadow:0 0 4px #00ff8880;height:3px;position:absolute;width:6px}.service-content.active .packet-1{animation:packetFlow1 2s linear infinite}.service-content.active .packet-2{animation:packetFlow1 2s linear 1s infinite}.service-content.active .packet-3{animation:packetFlow2 1.8s linear .5s infinite}.database{bottom:8px;height:25px;position:absolute;right:12px;width:30px}.db-cylinder{height:100%;position:relative;width:100%}.db-top{background:#4299e1;border:1px solid #63b3ed;border-radius:50%;height:6px;top:0}.db-body,.db-top{position:absolute;width:100%}.db-body{background:linear-gradient(90deg,#4299e1,#63b3ed);border-left:1px solid #63b3ed;border-right:1px solid #63b3ed;height:15px;top:3px}.db-activity{background:#0f8;border-radius:50%;height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px}.service-content.active .db-activity{animation:dbPulse 1.5s ease-in-out infinite}.ai-skeleton{align-items:center;display:flex;height:100%;justify-content:center}.chat-phone-frame{aspect-ratio:1/2;background:#2d3748;border-radius:clamp(12px,2vw,16px);box-shadow:0 6px 20px #00000026;flex-shrink:0;height:clamp(140px,20vw,180px);max-height:180px;max-width:90px;padding:clamp(6px,1vw,8px) clamp(4px,.6vw,6px);position:relative;width:clamp(70px,10vw,90px)}.chat-phone-frame:before{background:#4a5568;border-radius:2px;content:"";height:clamp(2px,.4vw,3px);left:50%;position:absolute;top:clamp(4px,.8vw,6px);transform:translateX(-50%);width:clamp(20px,2.5vw,25px)}.chat-phone-screen{background:#f7fafc;border-radius:clamp(8px,1.5vw,10px);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.chat-header{align-items:center;background:#4299e1;display:flex;gap:clamp(4px,.8vw,6px);padding:clamp(6px,1vw,8px) clamp(4px,.8vw,6px) clamp(4px,.8vw,6px)}.chat-avatar{background:#fffc;border-radius:50%;flex-shrink:0;height:clamp(12px,2vw,16px);width:clamp(12px,2vw,16px)}.chat-title{display:flex;flex:1 1;flex-direction:column;gap:clamp(1px,.3vw,2px)}.chat-name{background:#ffffffe6;height:clamp(4px,.8vw,6px);width:70%}.chat-name,.chat-status{border-radius:clamp(1px,.3vw,2px)}.chat-status{background:#fff9;height:clamp(3px,.6vw,4px);width:40%}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:clamp(2px,.4vw,3px);justify-content:flex-start;overflow:hidden;padding:clamp(4px,.8vw,6px) clamp(3px,.6vw,4px)}.message{align-items:flex-end;display:flex;opacity:0;transform:translateY(10px)}.message.incoming{justify-content:flex-start}.message.outgoing{justify-content:flex-end}.message-bubble{word-wrap:break-word;border-radius:clamp(4px,.8vw,6px);max-width:75%;padding:clamp(2px,.4vw,3px) clamp(3px,.6vw,5px);position:relative}.message.incoming .message-bubble{background:#e2e8f0}.message.outgoing .message-bubble{background:#4299e1}.message-text{color:#2d3748;font-size:clamp(4px,.8vw,5px);line-height:1.3;max-width:100%;white-space:normal;word-break:break-word}.message.outgoing .message-text{color:#fff}.typing-indicator{align-items:center;display:flex;gap:2px;padding:2px 0}.typing-indicator span{background:#a0aec0;border-radius:50%;height:clamp(2px,.4vw,3px);width:clamp(2px,.4vw,3px)}.chat-input{align-items:center;background:#edf2f7;border-top:1px solid #e2e8f0;display:flex;gap:clamp(3px,.6vw,4px);padding:clamp(3px,.6vw,4px)}.input-field{background:#f7fafc;border:1px solid #e2e8f0;border-radius:clamp(4px,.8vw,6px);flex:1 1}.input-field,.send-button{height:clamp(8px,1.5vw,12px)}.send-button{background:#4299e1;border-radius:50%;flex-shrink:0;width:clamp(8px,1.5vw,12px)}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.1)}66%{transform:translate(-20px,-20px) scale(.9)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,30px) scale(1.05)}}@keyframes orbFloat3{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-30px) scale(1.1)}75%{transform:translate(-30px,20px) scale(.95)}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes serverBlink{0%,80%{box-shadow:0 0 3px #68d39180;opacity:1}90%,to{box-shadow:none;opacity:.3}}@keyframes warningBlink{0%,50%{box-shadow:0 0 3px #f6e05e80;opacity:1}51%,to{box-shadow:none;opacity:.4}}@keyframes cpuUsage{0%,20%{width:45%}40%,60%{width:78%}80%,to{width:32%}}@keyframes memoryUsage{0%,30%{width:62%}50%,70%{width:85%}90%,to{width:58%}}@keyframes packetFlow1{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}@keyframes packetFlow2{0%{bottom:0;opacity:0}10%{opacity:1}90%{opacity:1}to{bottom:100%;opacity:0}}@keyframes dbPulse{0%,to{box-shadow:0 0 2px #00ff8880;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 6px #0f8c;transform:translate(-50%,-50%) scale(1.5)}}.service-content.active .msg-1{animation:msg1Sequence 10s ease-out infinite}.service-content.active .msg-2{animation:msg2Sequence 10s ease-out infinite}.service-content.active .msg-3{animation:msg3Sequence 10s ease-out infinite}.service-content.active .msg-4{animation:msg4Sequence 10s ease-out infinite}.service-content:not(.active) .message{opacity:1;transform:translateY(0) scale(1)}.service-content:not(.active) .msg-3{opacity:0}.service-content:not(.active) .msg-4{opacity:1}@keyframes msg1Sequence{0%,10%{opacity:0;transform:translateY(10px) scale(.95)}15%,to{opacity:1;transform:translateY(0) scale(1)}}@keyframes msg2Sequence{0%,30%{opacity:0;transform:translateY(10px) scale(.95)}35%,to{opacity:1;transform:translateY(0) scale(1)}}@keyframes msg3Sequence{0%,50%{opacity:0;transform:translateY(8px) scale(.95)}55%,75%{opacity:1;transform:translateY(0) scale(1)}80%,to{opacity:0;transform:translateY(-8px) scale(.95)}}@keyframes msg4Sequence{0%,80%{opacity:0;transform:translateY(8px) scale(.95)}85%,95%{opacity:1;transform:translateY(0) scale(1)}96%,to{opacity:1;transform:translateY(0) scale(1)}}.service-content.active .typing-indicator span{animation:typingDot 1.4s ease-in-out infinite}.service-content.active .typing-indicator span:first-child{animation-delay:-.32s}.service-content.active .typing-indicator span:nth-child(2){animation-delay:-.16s}.service-content.active .typing-indicator span:nth-child(3){animation-delay:0s}@keyframes typingDot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1100px){.services-tabbed-container{gap:clamp(24px,3vw,32px);grid-template-columns:clamp(200px,18vw,240px) 1fr}.services-tabs{padding:clamp(8px,1.5vw,12px)}.service-tab{gap:clamp(8px,1.5vw,12px);padding:clamp(12px,2vw,16px) clamp(16px,2.5vw,20px)}.tab-icon{font-size:clamp(1.5rem,2.2vw,1.8rem)}.tab-title{font-size:clamp(.8rem,1.2vw,.9rem)}}@media (max-width:900px){.services-section{padding:clamp(40px,8vw,80px) var(--spacing-sm) clamp(30px,6vw,60px)}.services-tabbed-container{gap:clamp(20px,3vw,32px);grid-template-columns:1fr;max-width:100%;padding:0 var(--spacing-xs)}.services-tabs{grid-gap:clamp(8px,1.2vw,12px);background:#f8fafccc;border-radius:clamp(12px,2vw,16px);display:grid;gap:clamp(8px,1.2vw,12px);grid-template-columns:repeat(2,1fr);margin:0 auto clamp(20px,3vw,32px);max-width:100%;padding:clamp(8px,1.5vw,12px);position:static}.service-tab{border-radius:clamp(8px,1.5vw,12px);flex-direction:column;gap:clamp(6px,1vw,8px);justify-content:center;min-height:clamp(70px,10vw,80px);padding:clamp(14px,2.5vw,18px) clamp(8px,1.5vw,12px);text-align:center;transform:none}.service-tab.active,.service-tab:hover{background:var(--white);transform:none}.services-content{min-height:320px;padding:0 var(--spacing-xs)}.service-content{background:var(--white);border-radius:clamp(12px,2vw,16px);box-shadow:0 2px 12px #0000000d;gap:clamp(24px,4vw,32px);grid-template-columns:1fr;padding:var(--spacing-sm);text-align:center;transform:translateY(20px) scale(.98);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1),visibility .35s ease}.service-content.active{transform:translateY(0) scale(1)}.service-visual{order:1}.service-info{order:2;padding:0}.service-image{aspect-ratio:1;margin:clamp(16px,2vw,24px) auto 0;max-height:clamp(140px,30vw,180px);max-width:clamp(140px,30vw,180px)}}@media (max-width:768px){.services-section{padding:clamp(40px,6vw,60px) var(--spacing-xs) clamp(25px,4vw,40px)}.services-tabbed-container{padding:0}.services-content{min-height:350px;padding:0}.services-tabs{gap:clamp(6px,1vw,8px);grid-template-columns:repeat(2,1fr);margin-bottom:clamp(20px,3vw,28px);margin-left:0;margin-right:0;max-width:100%;padding:clamp(6px,1vw,8px)}.service-tab{flex-direction:column;font-size:clamp(.75rem,1.2vw,.85rem);gap:clamp(4px,.8vw,6px);min-height:clamp(65px,9vw,75px);padding:clamp(10px,1.8vw,14px) clamp(4px,.8vw,6px)}.tab-icon{font-size:clamp(1.1rem,2vw,1.3rem)}.tab-title{font-size:clamp(.65rem,1.1vw,.75rem);font-weight:500;line-height:1.1}.service-content{margin:0 var(--spacing-xs);padding:clamp(var(--spacing-sm),2vw,var(--spacing-md))}.service-title{font-size:clamp(1.2rem,2.8vw,1.6rem);margin-bottom:clamp(6px,1vw,8px)}.service-subtitle{font-size:clamp(.9rem,1.5vw,1rem);margin-bottom:clamp(8px,1.5vw,12px)}.service-description{font-size:clamp(.85rem,1.3vw,.95rem);line-height:1.5;margin-bottom:clamp(16px,2.5vw,20px)}.service-features{gap:clamp(10px,1.5vw,14px);margin-bottom:clamp(20px,3vw,28px)}.service-feature{font-size:clamp(.8rem,1.2vw,.9rem);gap:clamp(6px,1vw,8px)}.service-image{aspect-ratio:1;margin:clamp(12px,2vw,16px) auto 0;max-height:clamp(120px,28vw,150px);max-width:clamp(120px,28vw,150px)}.image-placeholder{font-size:clamp(1.8rem,3vw,2.5rem)}.chat-phone-frame,.phone-frame-skeleton{border-radius:clamp(8px,1.5vw,12px);height:clamp(110px,16vw,140px);max-height:140px;max-width:70px;padding:clamp(4px,.8vw,6px) clamp(3px,.5vw,4px);width:clamp(55px,8vw,70px)}.chat-phone-frame:before,.phone-frame-skeleton:before{height:clamp(1.5px,.3vw,2px);top:clamp(3px,.6vw,4px);width:clamp(15px,2vw,20px)}.server-infrastructure{height:clamp(120px,15vw,150px);max-height:150px;max-width:120px;padding:clamp(8px,1vw,10px);width:clamp(120px,15vw,150px)}}@media (max-width:480px){.chat-phone-frame,.phone-frame-skeleton{border-radius:clamp(6px,1.2vw,10px);height:clamp(90px,14vw,120px);max-height:120px;max-width:60px;padding:clamp(3px,.6vw,5px) clamp(2px,.4vw,3px);width:clamp(45px,7vw,60px)}.chat-phone-frame:before,.phone-frame-skeleton:before{height:clamp(1px,.2vw,2px);top:clamp(2px,.4vw,3px);width:clamp(12px,1.8vw,16px)}.window-frame-skeleton{height:clamp(65px,9vw,98px);max-height:98px;max-width:130px;width:clamp(85px,10vw,130px)}.server-infrastructure{height:clamp(90px,12vw,130px);max-height:130px;max-width:130px;padding:clamp(6px,.8vw,8px);width:clamp(60px,12vw,130px)}.window-header-skeleton{height:clamp(16px,2.5vw,20px);padding:0 clamp(4px,.8vw,6px)}.control{height:clamp(3px,.6vw,5px);width:clamp(3px,.6vw,5px)}.skeleton-navbar{height:clamp(8px,1.5vw,12px);margin:clamp(3px,.6vw,5px)}.skeleton-sidebar{width:clamp(20px,3vw,30px)}.services-tabbed-container{padding:0 var(--spacing-xs)}.services-tabs{gap:clamp(4px,.8vw,6px);margin-bottom:clamp(16px,2.5vw,20px);padding:clamp(4px,.8vw,6px)}.service-tab{gap:clamp(3px,.6vw,5px);min-height:clamp(55px,8vw,65px);padding:clamp(8px,1.5vw,12px) clamp(2px,.5vw,4px)}.tab-icon{font-size:clamp(.9rem,1.8vw,1.1rem)}.tab-title{font-size:clamp(.6rem,1vw,.7rem);font-weight:500;line-height:1}.service-content{gap:clamp(16px,2.5vw,20px);margin:0;max-width:100%;padding:clamp(12px,2vw,16px)}.service-title{font-size:clamp(1.1rem,3vw,1.3rem);line-height:1.2;margin-bottom:clamp(4px,.8vw,6px)}.service-subtitle{font-size:clamp(.8rem,1.3vw,.9rem);margin-bottom:clamp(6px,1vw,8px)}.service-description{font-size:clamp(.75rem,1.2vw,.85rem);line-height:1.4;margin-bottom:clamp(12px,2vw,16px)}.service-features{gap:clamp(8px,1.2vw,10px);margin-bottom:clamp(16px,2.5vw,20px)}.service-feature{font-size:clamp(.7rem,1.1vw,.8rem);gap:clamp(4px,.8vw,6px)}.service-image{aspect-ratio:1;margin:clamp(8px,1.5vw,12px) auto 0;max-height:clamp(100px,25vw,130px);max-width:clamp(100px,25vw,130px)}.image-placeholder{font-size:clamp(1.5rem,2.5vw,2rem)}}@media (max-width:480px) and (hover:none){.service-tab{min-height:clamp(60px,9vw,70px);touch-action:manipulation}.service-tab:active{background:var(--white);transform:scale(.98);transition:transform .1s ease}}.project-card{animation:fadeInUp .6s ease-out;animation-fill-mode:both;background:var(--white);border-radius:clamp(16px,2vw,20px);box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card:first-child{animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-12px)}.project-image{border-radius:clamp(16px,2vw,20px) clamp(16px,2vw,20px) 0 0;height:clamp(200px,25vw,250px);overflow:hidden;position:relative}.project-screenshot{transition:transform .4s cubic-bezier(.4,0,.2,1)}.project-screenshot,.project-video{height:100%;object-fit:cover;width:100%}.project-card:hover .project-screenshot{transform:scale(1.05)}.image-overlay{align-items:center;background:linear-gradient(135deg,#06cc,#6366f199);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover .image-overlay{opacity:1}.overlay-content{color:#fff;text-align:center}.overlay-text{display:block;font-size:1.25rem;font-weight:600;margin-bottom:8px}.play-indicator{align-items:center;background:#fff3;border-radius:50%;display:flex;height:50px;justify-content:center;margin:0 auto;transition:all .3s ease;width:50px}.play-indicator:hover{background:#ffffff4d;transform:scale(1.1)}.project-info{display:flex;flex-direction:column;flex-grow:1;padding:clamp(20px,3vw,32px)}.project-type{align-items:center;display:flex;gap:8px;margin-bottom:16px}.type-icon{font-size:1.2rem}.type-text{color:var(--primary-color);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.project-title{color:var(--dark-gray);font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700;line-height:1.3;margin:0 0 clamp(8px,1.5vw,12px)}.project-description{color:var(--medium-gray);font-size:var(--font-size-base);line-height:1.6;margin:0 0 clamp(12px,2vw,20px)}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tech-tag{background:#0066cc1a;border:1px solid #06c3;border-radius:16px;color:var(--primary-color);font-size:.75rem;font-weight:500;padding:4px 12px;white-space:nowrap}.project-bottom{margin-top:auto}.project-link{align-items:center;align-self:flex-start;background:none;border:none;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:0;transition:all .3s ease}.project-link:hover{color:var(--dark-gray);gap:12px}@media (max-width:768px){.project-image{height:clamp(160px,20vw,200px)}.project-info{padding:clamp(16px,2.5vw,24px)}.project-title{font-size:clamp(1.1rem,2.5vw,1.3rem)}.project-description{font-size:var(--font-size-sm)}}@media (max-width:480px){.project-image{height:clamp(140px,18vw,180px)}.project-info{padding:clamp(12px,2vw,16px)}.project-title{font-size:clamp(1rem,2.2vw,1.2rem)}.project-description,.project-link{font-size:var(--font-size-xs)}.tech-tag{font-size:clamp(.65rem,1.2vw,.75rem);padding:clamp(2px,.5vw,4px) clamp(8px,1.5vw,12px)}}.person-card{animation:fadeInUp .6s ease-out;animation-fill-mode:both;background:var(--white);border-radius:clamp(16px,2vw,20px);box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.person-card:first-child{animation-delay:.1s}.person-card:nth-child(2){animation-delay:.2s}.person-card:nth-child(3){animation-delay:.3s}.person-card:nth-child(4){animation-delay:.4s}.person-card:hover{box-shadow:0 16px 32px #0000001f;transform:translateY(-8px)}.person-avatar{border:4px solid #0066cc1a;border-radius:50%;height:clamp(120px,15vw,160px);margin:clamp(24px,3vw,32px) auto clamp(16px,2vw,24px);overflow:hidden;position:relative;transition:all .3s ease;width:clamp(120px,15vw,160px)}.person-card:hover .person-avatar{border-color:#0066cc4d;transform:scale(1.05)}.avatar-image{height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.person-card:hover .avatar-image{transform:scale(1.1)}.avatar-overlay{align-items:center;background:linear-gradient(135deg,#06cc,#6366f199);border-radius:50%;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.person-card:hover .avatar-overlay{opacity:1}.avatar-overlay .overlay-content{color:#fff;transform:scale(.8);transition:transform .3s ease}.person-card:hover .avatar-overlay .overlay-content{transform:scale(1)}.person-info{display:flex;flex-direction:column;flex-grow:1;padding:0 clamp(20px,3vw,32px) clamp(24px,3vw,32px)}.person-name{color:var(--dark-gray);font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700;line-height:1.3;margin:0 0 clamp(4px,.5vw,8px)}.person-role{color:var(--primary-color);font-size:var(--font-size-base);font-weight:600;letter-spacing:.5px;margin:0 0 clamp(12px,2vw,16px);text-transform:uppercase}.person-description{color:var(--medium-gray);flex-grow:1;font-size:var(--font-size-base);line-height:1.6;margin:0 0 clamp(20px,3vw,24px)}.linkedin-button{align-items:center;background:#0077b5;border:none;border-radius:clamp(8px,1vw,12px);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:600;gap:8px;justify-content:center;margin-top:auto;padding:clamp(10px,1.5vw,14px) clamp(16px,2vw,20px);text-decoration:none;transition:all .3s ease}.linkedin-button:hover{background:#005885;box-shadow:0 4px 12px #0077b54d;gap:12px;transform:translateY(-2px)}.linkedin-button svg:first-child{flex-shrink:0}.linkedin-button svg:last-child{transition:transform .3s ease}.linkedin-button:hover svg:last-child{transform:translateX(2px)}@media (max-width:768px){.person-avatar{height:clamp(100px,12vw,120px);margin:clamp(20px,2.5vw,24px) auto clamp(12px,1.5vw,16px);width:clamp(100px,12vw,120px)}.person-info{padding:0 clamp(16px,2.5vw,20px) clamp(20px,2.5vw,24px)}.person-name{font-size:clamp(1.1rem,2.5vw,1.3rem)}.person-role{font-size:var(--font-size-sm);margin-bottom:clamp(10px,1.5vw,12px)}.person-description{font-size:var(--font-size-sm);margin-bottom:clamp(16px,2.5vw,20px)}.linkedin-button{font-size:var(--font-size-xs);padding:clamp(8px,1.2vw,12px) clamp(14px,1.8vw,18px)}}@media (max-width:480px){.person-avatar{border-width:3px;height:clamp(80px,10vw,100px);margin:clamp(16px,2vw,20px) auto clamp(10px,1.2vw,12px);width:clamp(80px,10vw,100px)}.person-info{padding:0 clamp(12px,2vw,16px) clamp(16px,2vw,20px)}.person-name{font-size:clamp(1rem,2.2vw,1.2rem);margin-bottom:clamp(3px,.4vw,6px)}.person-role{font-size:clamp(.75rem,1.2vw,.85rem);margin-bottom:clamp(8px,1.2vw,10px)}.person-description{font-size:clamp(.8rem,1.3vw,.9rem);line-height:1.5;margin-bottom:clamp(12px,2vw,16px)}.linkedin-button{font-size:clamp(.7rem,1.1vw,.8rem);gap:6px;padding:clamp(6px,1vw,10px) clamp(12px,1.5vw,16px)}.linkedin-button:hover{gap:8px}.linkedin-button svg:first-child{height:14px;width:14px}.linkedin-button svg:last-child{height:10px;width:10px}}.team-grid{grid-gap:clamp(24px,4vw,32px);display:grid;gap:clamp(24px,4vw,32px);grid-template-columns:repeat(auto-fit,minmax(clamp(260px,30vw,300px),1fr));margin:0 auto;max-width:1200px;padding:0 var(--spacing-sm)}@media (max-width:1100px){.team-grid{gap:clamp(20px,3vw,28px);grid-template-columns:repeat(auto-fit,minmax(clamp(240px,28vw,280px),1fr))}}@media (max-width:900px){.team-grid{gap:clamp(20px,3vw,24px);grid-template-columns:repeat(auto-fit,minmax(clamp(220px,40vw,280px),1fr));padding:0 var(--spacing-xs)}}@media (max-width:768px){.team-grid{gap:clamp(16px,2.5vw,20px);grid-template-columns:repeat(auto-fit,minmax(clamp(200px,45vw,260px),1fr));padding:0}}@media (max-width:600px){.team-grid{gap:clamp(16px,2.5vw,20px);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:480px){.team-grid{gap:clamp(12px,2vw,16px);grid-template-columns:1fr;max-width:100%}}.home{width:100%}.projects-grid{grid-gap:clamp(20px,3vw,32px);align-items:stretch;display:grid;gap:clamp(20px,3vw,32px);grid-template-columns:repeat(auto-fit,minmax(clamp(280px,35vw,350px),1fr));margin-bottom:var(--spacing-3xl);margin-left:auto;margin-right:auto;max-width:1200px;padding:0 var(--spacing-sm)}.projects-more{animation:fadeInUp .6s ease-out .6s both;display:flex;justify-content:center;margin-top:32px}.more-indicator{flex-direction:column}.more-decorative,.more-indicator{align-items:center;display:flex;gap:16px}.more-decorative{margin-bottom:12px}.decorative-line{background:linear-gradient(90deg,#0000,#0066cc4d,#0000);height:1px;position:relative;width:60px}.more-symbol{animation:gentleGlow 4s ease-in-out infinite;color:#06c9;font-size:1.2rem}.more-text{color:var(--medium-gray);font-size:.95rem;font-style:italic;font-weight:400;letter-spacing:.5px;margin:0;opacity:.8}@keyframes gentleGlow{0%,to{filter:brightness(1);opacity:.6}50%{filter:brightness(1.2);opacity:.8}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.projects-grid{gap:clamp(16px,2.5vw,24px);grid-template-columns:1fr;padding:0}}.contact-page{background:var(--white);display:flex;flex-direction:column;min-height:100vh;position:relative}.contact-page:before{background:linear-gradient(135deg,#0066cc08,#6366f105);content:"";height:300px;left:0;position:absolute;right:0;top:0;z-index:0}.contact-container{flex:1 1;margin:0 auto;max-width:1200px;padding:clamp(80px,10vh,120px) var(--spacing-md) clamp(40px,6vh,80px);position:relative;width:100%;z-index:1}.contact-header{margin-bottom:clamp(32px,5vh,48px)}.stagger-animation>*{animation:staggerIn .6s cubic-bezier(.4,0,.2,1) both}.stagger-animation>:first-child{animation-delay:.1s}.stagger-animation>:nth-child(2){animation-delay:.3s}@keyframes staggerIn{0%{filter:blur(3px);opacity:0;transform:translateY(30px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.form-focus-animation{animation:formSlideUp .8s cubic-bezier(.4,0,.2,1) .4s both}@keyframes formSlideUp{0%{filter:blur(3px);opacity:0;transform:translateY(50px) scale(.95)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}.contact-card-animation{animation:cardFloat .8s cubic-bezier(.4,0,.2,1) .6s both}@keyframes cardFloat{0%{filter:blur(4px);opacity:0;transform:translateY(40px) rotateY(10deg)}to{filter:blur(0);opacity:1;transform:translateY(0) rotateY(0)}}.button-entrance{animation:buttonPop .6s cubic-bezier(.68,-.55,.265,1.55) .8s both}@keyframes buttonPop{0%{opacity:0;transform:scale(.8) translateY(20px)}50%{transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.back-button{align-items:center;background:none;border:none;border-radius:8px;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:500;gap:8px;margin-bottom:clamp(24px,4vh,32px);overflow:hidden;padding:8px 16px;position:relative;transition:all .3s ease}.back-button:before{background:linear-gradient(90deg,#0000,#0066cc1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.back-button:hover:before{left:100%}.back-button:hover{background:#0066cc0d;color:var(--dark-gray);gap:12px;transform:translateX(-4px)}.back-button svg{transition:transform .3s ease;z-index:1}.back-button:hover svg{transform:translateX(-4px) scale(1.1)}.contact-title-section{margin:0 auto;max-width:700px;text-align:center}.contact-title{color:var(--dark-gray);font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.2;margin-bottom:var(--spacing-lg);overflow:hidden;position:relative}.contact-title:after{animation:titleReveal 2s ease-out .8s both;background:linear-gradient(90deg,#0000 0,var(--white) 50%,#0000 100%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes titleReveal{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.contact-subtitle{color:var(--medium-gray);font-size:var(--font-size-lg);line-height:1.6;margin:0}.contact-content{grid-gap:clamp(32px,5vw,48px);align-items:flex-start;display:grid;gap:clamp(32px,5vw,48px);grid-template-columns:2fr 1fr}.contact-form{background:var(--white);border:1px solid #0066cc1a;border-radius:clamp(16px,2vw,20px);box-shadow:0 4px 20px #00000014;padding:clamp(24px,4vw,32px)}.form-group{margin-bottom:clamp(20px,3vh,24px)}.form-group label{color:var(--dark-gray);display:block;font-size:var(--font-size-base);font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:var(--white);border:2px solid #0066cc1a;border-radius:clamp(8px,1vw,12px);color:var(--dark-gray);font-size:var(--font-size-base);padding:clamp(12px,2vh,16px);resize:vertical;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{animation:inputFocusGlow .3s ease-out;border-color:var(--primary-color);box-shadow:0 0 0 3px #0066cc1a;outline:none;transform:translateY(-2px)}@keyframes inputFocusGlow{0%{box-shadow:0 0 0 0 #06c6}50%{box-shadow:0 0 0 8px #0066cc26}to{box-shadow:0 0 0 3px #0066cc1a}}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--medium-gray)}.form-group select{cursor:pointer}.form-group textarea{line-height:1.5;min-height:120px}.form-actions{margin-top:clamp(24px,4vh,32px);text-align:center}.contact-info-section{display:flex;flex-direction:column;gap:clamp(20px,3vh,24px)}.contact-info-card,.response-time-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #0066cc0d;border-radius:clamp(16px,2vw,20px);padding:clamp(20px,3vw,24px)}.contact-info-card h3,.response-time-card h4{color:var(--dark-gray);font-size:var(--font-size-lg);font-weight:700;margin:0 0 clamp(16px,2.5vh,20px)}.contact-methods{display:flex;flex-direction:column;gap:clamp(16px,2.5vh,20px)}.contact-method{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:8px;transition:all .3s ease}.contact-method:hover{background:#0066cc0d;transform:translateX(4px)}.method-icon{align-items:center;background:#0066cc1a;border-radius:50%;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.contact-method:hover .method-icon{background:#06c3;transform:scale(1.1) rotate(5deg)}.method-details{display:flex;flex-direction:column;gap:2px}.method-label{color:var(--primary-color);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.method-value{color:var(--dark-gray);font-size:var(--font-size-base);font-weight:500}.response-time-card p{color:var(--medium-gray);font-size:var(--font-size-base);line-height:1.5;margin:0}@media (max-width:900px){.contact-content{gap:clamp(24px,4vw,32px);grid-template-columns:1fr}.contact-info-section{order:-1}.contact-methods{grid-gap:clamp(12px,2vh,16px);display:grid;gap:clamp(12px,2vh,16px);grid-template-columns:1fr}}@media (max-width:768px){.contact-container{padding:clamp(80px,10vh,100px) var(--spacing-md) clamp(40px,6vh,60px)}.contact-header{margin-bottom:clamp(40px,6vh,60px)}.contact-title{font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:clamp(20px,3vh,24px)}.contact-subtitle{font-size:var(--font-size-base);margin-bottom:clamp(16px,2vh,20px)}.contact-form{margin-bottom:clamp(24px,4vh,32px);padding:clamp(24px,4vw,32px)}.form-group{margin-bottom:clamp(20px,3vh,24px)}.form-group label{margin-bottom:clamp(8px,1.2vh,12px)}.form-group input,.form-group select,.form-group textarea{font-size:var(--font-size-sm);padding:clamp(12px,2vh,16px)}.form-actions{margin-top:clamp(28px,4vh,36px)}.contact-info-card,.response-time-card{margin-bottom:clamp(16px,2.5vh,20px);padding:clamp(20px,3vw,24px)}.contact-methods{gap:clamp(16px,2.5vh,20px)}.method-icon{font-size:1.1rem;height:36px;width:36px}.method-label{font-size:clamp(.7rem,1.2vw,.8rem)}.method-value{font-size:var(--font-size-sm)}}@media (max-width:480px){.contact-container{padding:clamp(60px,8vh,80px) var(--spacing-sm) clamp(30px,5vh,40px)}.back-button{font-size:var(--font-size-sm);margin-bottom:clamp(20px,4vh,28px);padding:10px 16px}.contact-header{margin-bottom:clamp(48px,8vh,64px)}.contact-title{font-size:clamp(1.3rem,3.5vw,2rem);margin-bottom:clamp(24px,4vh,28px)}.contact-subtitle{font-size:var(--font-size-sm);margin-bottom:clamp(20px,3vh,24px)}.contact-form{border-radius:clamp(12px,1.5vw,16px);margin-bottom:clamp(32px,5vh,40px);padding:clamp(20px,4vw,28px)}.form-group{margin-bottom:clamp(18px,3vh,24px)}.form-group label{font-size:var(--font-size-sm);margin-bottom:clamp(8px,1.5vh,10px)}.form-group input,.form-group select,.form-group textarea{border-radius:clamp(6px,.8vw,10px);font-size:clamp(.8rem,1.3vw,.9rem);padding:clamp(10px,1.8vh,14px)}.form-group textarea{min-height:100px}.form-actions{margin-top:clamp(32px,5vh,40px)}.contact-info-card,.response-time-card{border-radius:clamp(12px,1.5vw,16px);margin-bottom:clamp(20px,3vh,24px);padding:clamp(18px,3vw,24px)}.contact-info-card h3,.response-time-card h4{font-size:var(--font-size-base);margin-bottom:clamp(12px,2vh,16px)}.contact-methods{gap:clamp(16px,2.5vh,20px)}.contact-method{gap:12px;padding:clamp(10px,2vh,14px)}.method-icon{font-size:1.1rem;height:36px;width:36px}.method-details{gap:clamp(2px,.5vh,4px)}.method-label{font-size:clamp(.7rem,1.2vw,.8rem)}.method-value{font-size:clamp(.8rem,1.4vw,.9rem)}.response-time-card p{font-size:var(--font-size-sm);line-height:1.6}}.component-gallery{background:var(--light-gray);min-height:100vh}.gallery-content{padding-bottom:var(--spacing-xxl);padding-top:120px}.gallery-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);text-align:center}.gallery-subtitle{color:var(--medium-gray);font-size:var(--font-size-lg);text-align:center}.component-section,.gallery-subtitle{margin-bottom:var(--spacing-xxl)}.section-title{border-left:4px solid var(--primary-color);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);padding-left:var(--spacing-md)}.component-preview{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.preview-note{background:var(--light-gray);border-radius:var(--border-radius-md);color:var(--medium-gray);font-style:italic;padding:var(--spacing-lg);text-align:center}.approval-section{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xxl)}.approval-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.approval-card{background:var(--light-gray);border:2px solid #0000;border-radius:var(--border-radius-md);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-normal)}.approval-card h3{color:var(--black);margin-bottom:var(--spacing-sm)}.approval-card.approved{background:#28a7451a;border-color:var(--success-color)}.approval-card.pending{background:#ffc1071a;border-color:var(--warning-color)}.status{font-size:var(--font-size-sm);font-weight:600}.approved .status{color:var(--success-color)}.pending .status{color:var(--warning-color)}@media (max-width:768px){.services-grid{grid-template-columns:1fr}.approval-grid{grid-template-columns:repeat(2,1fr)}}.website-preview{position:relative}.services-section{background:var(--light-gray);padding:var(--spacing-xxl) 0}.section-header{margin-bottom:var(--spacing-xxl);text-align:center}.section-title{color:var(--black);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.section-subtitle{color:var(--medium-gray);font-size:var(--font-size-lg);margin:0 auto;max-width:600px}.services-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.cta-section{background:var(--gradient-primary);color:var(--white);padding:var(--spacing-xxl) 0;text-align:center}.cta-content{margin:0 auto;max-width:800px}.cta-title{color:var(--white);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.cta-description{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xxl);opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.cta-section .btn-outline{background:#0000;border-color:var(--white);color:var(--white)}.cta-section .btn-outline:hover{background:var(--white);color:var(--primary-color)}.preview-controls{background:var(--white);border-radius:var(--border-radius-lg);bottom:20px;box-shadow:var(--shadow-xl);max-width:300px;padding:var(--spacing-lg);position:fixed;right:20px;z-index:1000}.preview-info h3{color:var(--black);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.preview-info p{color:var(--medium-gray);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.preview-actions{display:flex;gap:var(--spacing-sm)}.preview-actions .btn{flex:1 1;font-size:var(--font-size-sm);padding:var(--spacing-sm)}@media (max-width:768px){.services-grid{grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}.preview-controls{bottom:auto;margin:var(--spacing-lg);position:relative;right:auto}}
/*# sourceMappingURL=main.1e198e11.css.map*/