:root{--color-primary: #0F62FE;--color-primary-light: #4589FF;--color-primary-dark: #0043CE;--color-accent: #FFB000;--color-accent-light: #FFD591;--color-accent-dark: #D09200;--color-success: #3DC13C;--color-warning: #F1C21B;--color-error: #FA4D56;--color-info: #4589FF;--color-black: #121212;--color-gray-900: #262626;--color-gray-800: #393939;--color-gray-700: #525252;--color-gray-600: #6F6F6F;--color-gray-500: #8D8D8D;--color-gray-400: #A8A8A8;--color-gray-300: #C6C6C6;--color-gray-200: #E0E0E0;--color-gray-100: #F7F8FA;--color-white: #FFFFFF;--font-heading: "Poppins", sans-serif;--font-body: "Inter", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 3.75rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-below: -1;--z-normal: 1;--z-above: 10;--z-header: 100;--z-modal: 1000;--z-tooltip: 2000;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1440px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,ul,ol,dl,dd{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5;background-color:var(--color-white);color:var(--color-black);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}*:focus{outline:none}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}body{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:1.5;color:var(--color-gray-800)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-semibold);line-height:1.2;color:var(--color-black);margin-bottom:var(--space-4)}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}a{color:var(--color-primary);transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}ul,ol{margin-bottom:var(--space-4);padding-left:var(--space-4)}li{margin-bottom:var(--space-2)}.section__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);position:relative}.section__subtitle{font-size:var(--font-size-lg);color:var(--color-gray-600);margin-bottom:var(--space-8)}.hero__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);line-height:1.1}.hero__subtitle{font-size:var(--font-size-xl);color:var(--color-gray-700);margin-bottom:var(--space-6)}@media (max-width: 768px){h1,.hero__title{font-size:var(--font-size-2xl)}h2,.section__title{font-size:var(--font-size-xl)}.hero__subtitle,h3{font-size:var(--font-size-lg)}}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)}#app{display:flex;flex-direction:column;min-height:100vh}#main{flex:1}.section{padding:var(--space-16) 0}.section__header{text-align:center;margin-bottom:var(--space-12)}.header{position:fixed;top:0;left:0;width:100%;background-color:transparent;padding:var(--space-4) 0;transition:background-color var(--transition-normal),padding var(--transition-normal);z-index:var(--z-header)}.header.scrolled{background-color:var(--color-white);box-shadow:var(--shadow-md);padding:var(--space-2) 0}.header__inner{display:flex;justify-content:space-between;align-items:center}.nav__list{display:flex;gap:var(--space-6);padding-left:0;margin-bottom:0}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:6rem;overflow:hidden}.hero .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.hero__content{flex:1;max-width:600px}.hero__image{flex:1;display:flex;justify-content:flex-end}.hero__shape{position:absolute;top:0;right:0;width:50%;height:100%;background-color:var(--color-gray-100);z-index:var(--z-below);clip-path:polygon(100% 0,100% 100%,0 100%,30% 0)}.about__content{display:flex;gap:var(--space-8);margin-bottom:var(--space-12)}.about__text,.about__image{flex:1}.stats{display:flex;gap:var(--space-8);margin-top:var(--space-8)}.stat{flex:1}.team__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-6)}.services__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6);margin-bottom:var(--space-12)}.process__steps{display:flex;justify-content:space-between;position:relative}.process__steps:before{content:"";position:absolute;top:2.5rem;left:0;width:100%;height:2px;background-color:var(--color-gray-200);z-index:var(--z-below)}.step{flex:1;text-align:center;padding:0 var(--space-2)}.portfolio__filters{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-8)}.portfolio__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6)}.contact__content{display:flex;gap:var(--space-8)}.contact__info{flex:1}.contact__form-container{flex:2}.contact__details{padding-left:0}.contact__details li{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.contact__social{display:flex;gap:var(--space-4);margin-top:var(--space-6)}.form__group{margin-bottom:var(--space-6)}.footer{background-color:var(--color-black);color:var(--color-white);padding:var(--space-12) 0 var(--space-6)}.footer__top{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-bottom:var(--space-8)}.footer__logo{flex:1;min-width:250px}.footer__links{flex:2;display:flex;flex-wrap:wrap;gap:var(--space-8)}.footer__column{flex:1;min-width:160px}.footer__list{padding-left:0}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-6);border-top:1px solid var(--color-gray-800)}.footer__social{display:flex;gap:var(--space-4)}.back-to-top{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-above);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity var(--transition-normal),visibility var(--transition-normal),transform var(--transition-normal)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width: 1024px){.hero .container{flex-direction:column;text-align:center}.hero__content{max-width:100%}.hero__image{margin-top:var(--space-8);justify-content:center}.hero__shape{width:100%;clip-path:polygon(0 0,100% 0,100% 100%,0 70%);height:50%}.about__content{flex-direction:column}.process__steps{flex-direction:column;gap:var(--space-8)}.process__steps:before{display:none}.contact__content{flex-direction:column}}@media (max-width: 768px){.section{padding:var(--space-12) 0}.stats{flex-direction:column;gap:var(--space-4)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);text-align:center}.btn--primary{background-color:var(--color-primary);color:var(--color-white)}.btn--primary:hover{background-color:var(--color-primary-dark);color:var(--color-white)}.btn--secondary{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn--secondary:hover{background-color:var(--color-primary-light);color:var(--color-white);border-color:var(--color-primary-light)}.btn--full{width:100%}.hero__cta{display:flex;gap:var(--space-4);flex-wrap:wrap}.logo{display:block}.logo-text{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.nav__link{color:var(--color-gray-800);font-weight:var(--font-weight-medium);position:relative}.nav__link:hover{color:var(--color-primary)}.nav__link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-normal)}.nav__link:hover:after,.nav__link.active:after{width:100%}.nav-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px}.nav-toggle__bar{display:block;width:100%;height:3px;background-color:var(--color-gray-800);border-radius:var(--radius-full);transition:all var(--transition-fast)}.service{background-color:var(--color-white);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.service:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.service__icon{margin-bottom:var(--space-4);color:var(--color-primary)}.service__title{margin-bottom:var(--space-3)}.contact__card{background-color:var(--color-primary);color:var(--color-white);padding:var(--space-6);border-radius:var(--radius-lg);height:100%}.contact__card h3{color:var(--color-white);margin-bottom:var(--space-4)}.contact__card a{color:var(--color-white)}.contact__card a:hover{color:var(--color-accent)}.contact__icon{display:flex;align-items:center;justify-content:center}.social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:#ffffff1a;transition:background-color var(--transition-fast)}.social-icon:hover{background-color:#fff3}.form__label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-weight-medium)}.form__input,.form__select,.form__textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.form__input:focus,.form__select:focus,.form__textarea:focus{border-color:var(--color-primary)}.form__input.error,.form__select.error,.form__textarea.error{border-color:var(--color-error)}.form__error{display:block;color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--space-1)}.form__checkbox{display:flex;align-items:center;gap:var(--space-2)}.form__checkbox input{width:18px;height:18px}.form__success{background-color:var(--color-success);color:var(--color-white);padding:var(--space-6);border-radius:var(--radius-lg);text-align:center}.back-to-top{width:48px;height:48px;border-radius:var(--radius-full);background-color:var(--color-primary);display:flex;align-items:center;justify-content:center;color:var(--color-white);box-shadow:var(--shadow-md);transition:background-color var(--transition-fast)}.back-to-top:hover{background-color:var(--color-primary-dark)}.footer__tagline{margin-top:var(--space-2);color:var(--color-gray-400)}.footer__heading{color:var(--color-white);margin-bottom:var(--space-4)}.footer__list a{color:var(--color-gray-400);transition:color var(--transition-fast)}.footer__list a:hover{color:var(--color-primary-light)}.footer__list li{margin-bottom:var(--space-2)}.footer__copyright{color:var(--color-gray-500)}@media (max-width: 768px){.nav-toggle{display:flex}.nav__list{position:fixed;top:70px;left:0;width:100%;background-color:var(--color-white);flex-direction:column;gap:0;box-shadow:var(--shadow-md);transform:translateY(-100%);visibility:hidden;opacity:0;transition:transform var(--transition-normal),visibility var(--transition-normal),opacity var(--transition-normal);z-index:var(--z-header)}.nav__list.active{transform:translateY(0);visibility:visible;opacity:1}.nav__item{width:100%}.nav__link{display:block;padding:var(--space-4);border-bottom:1px solid var(--color-gray-200)}.hero__cta{justify-content:center}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn 1s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .8s ease-out}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.active{opacity:1;transform:translateY(0)}.stagger-reveal>*{opacity:0;transform:translateY(20px)}.stagger-reveal.active>*:nth-child(1){transition:opacity .5s ease .1s,transform .5s ease .1s;opacity:1;transform:translateY(0)}.stagger-reveal.active>*:nth-child(2){transition:opacity .5s ease .2s,transform .5s ease .2s;opacity:1;transform:translateY(0)}.stagger-reveal.active>*:nth-child(3){transition:opacity .5s ease .3s,transform .5s ease .3s;opacity:1;transform:translateY(0)}.stagger-reveal.active>*:nth-child(4){transition:opacity .5s ease .4s,transform .5s ease .4s;opacity:1;transform:translateY(0)}.stagger-reveal.active>*:nth-child(5){transition:opacity .5s ease .5s,transform .5s ease .5s;opacity:1;transform:translateY(0)}.stagger-reveal.active>*:nth-child(6){transition:opacity .5s ease .6s,transform .5s ease .6s;opacity:1;transform:translateY(0)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:pulse 2s infinite}.service{transition:transform .3s ease,box-shadow .3s ease}.service:hover{transform:translateY(-10px)}.portfolio__item:hover .portfolio__image img{transform:scale(1.1)}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background-color:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn:hover:after{width:300%;height:300%}.nav-toggle.active .nav-toggle__bar:nth-child(1){transform:translateY(9px) rotate(45deg)}.nav-toggle.active .nav-toggle__bar:nth-child(2){opacity:0}.nav-toggle.active .nav-toggle__bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.float{animation:float 4s ease-in-out infinite}@keyframes gradientText{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-text{background:linear-gradient(90deg,var(--color-primary),var(--color-accent),var(--color-primary));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientText 3s linear infinite}@keyframes progressBar{0%{width:0}}.progress-bar{height:8px;background-color:var(--color-primary);animation:progressBar 1.5s ease-out forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 8s linear infinite}.scroll-trigger{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.scroll-trigger.animated{opacity:1;transform:translateY(0)}@media (min-width: 480px){.container{padding:0 var(--space-6)}.hero__title{font-size:var(--font-size-3xl)}}@media (min-width: 768px){.section{padding:var(--space-20) 0}.hero__title{font-size:var(--font-size-4xl)}.hero__subtitle{font-size:var(--font-size-xl)}.section__title{font-size:var(--font-size-3xl)}.stats,.process__steps{flex-direction:row}.process__steps:before{display:block}}@media (min-width: 1024px){.hero .container{flex-direction:row;text-align:left}.hero__image{margin-top:0;justify-content:flex-end}.hero__shape{width:50%;clip-path:polygon(100% 0,100% 100%,0 100%,30% 0);height:100%}.about__content,.contact__content{flex-direction:row}.nav-toggle{display:none}.nav__list{position:static;transform:translateY(0);visibility:visible;opacity:1;width:auto;background:none;box-shadow:none;flex-direction:row}.nav__item{width:auto}.nav__link{padding:0;border:none}.portfolio__item{height:240px}.portfolio__overlay{position:absolute;transform:translateY(100%)}.portfolio__item:hover .portfolio__overlay{transform:translateY(0)}}@media (min-width: 1280px){.container{max-width:var(--container-xl)}.hero__title{font-size:var(--font-size-5xl)}.section__title{font-size:var(--font-size-3xl)}}@media (min-width: 1440px){.container{max-width:var(--container-2xl)}}@media print{.nav,.footer,.back-to-top,.contact__form,.portfolio__filters,.portfolio__view,.btn{display:none!important}body{font-size:12pt;color:#000;background:#fff}.container{max-width:100%;padding:0 1cm}.section{padding:1cm 0;page-break-inside:avoid}a{color:#000;text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")";font-size:90%}.logo img{max-height:1cm}.portfolio__grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-color-scheme: dark){.theme-auto{--color-white: #121212;--color-black: #f7f8fa;--color-gray-100: #1f1f1f;--color-gray-200: #2c2c2c;--color-gray-700: #d1d1d1;--color-gray-800: #e0e0e0;background-color:var(--color-white);color:var(--color-black)}.theme-auto .header.scrolled{background-color:#121212e6}.theme-auto .service,.theme-auto .modal__content{background-color:var(--color-gray-100)}.theme-auto .form__input,.theme-auto .form__select,.theme-auto .form__textarea{background-color:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--color-gray-800)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal,.stagger-reveal>*{transition:none!important;animation:none!important;opacity:1!important;transform:translateY(0)!important}}