:root{--color-primary: #FF6B6B;--color-secondary: #6C5CE7;--color-accent: #74B9FF;--color-success: #00B894;--color-warning: #FDCB6E;--color-error: #E17055;--color-bg: #FFFFFF;--color-bg-secondary: #F8F9FA;--color-surface: #FFFFFF;--color-text-primary: #2D3436;--color-text-secondary: #636E72;--color-text-muted: #B2BEC3;--color-border: #DDD6FE;--color-shadow: rgba(45, 52, 54, .1);--font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .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;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--border-radius-sm: .375rem;--border-radius: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--transition-fast: .15s ease-out;--transition-base: .25s ease-out;--transition-slow: .4s ease-out;--shadow-sm: 0 1px 2px 0 var(--color-shadow);--shadow: 0 1px 3px 0 var(--color-shadow), 0 1px 2px 0 var(--color-shadow);--shadow-lg: 0 10px 15px -3px var(--color-shadow), 0 4px 6px -2px var(--color-shadow);--shadow-xl: 0 20px 25px -5px var(--color-shadow), 0 10px 10px -5px var(--color-shadow);--max-width: 1200px;--header-height: 80px}[data-theme=dark]{--color-bg: #1A1A2E;--color-bg-secondary: #16213E;--color-surface: #0F3460;--color-text-primary: #E6E6FA;--color-text-secondary: #B8B8D1;--color-text-muted: #8B8BAE;--color-border: #2D3748;--color-shadow: rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg);transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-4)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-4)}.section__header{text-align:center;margin-bottom:var(--spacing-16)}.section__title{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--spacing-6);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:500;text-decoration:none;border-radius:var(--border-radius-lg);border:2px solid transparent;cursor:pointer;transition:all var(--transition-base);min-height:48px}.btn--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;box-shadow:var(--shadow-lg)}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn--secondary{background:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.btn--secondary:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn--full{width:100%}.header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:1000;transition:all var(--transition-base)}[data-theme=dark] .header{background:#1a1a2ef2}.nav{height:100%}.nav__container{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--spacing-4);max-width:var(--max-width);margin:0 auto}.nav__logo{display:flex;align-items:center}.nav__logo-image{height:64px;width:auto;display:block}[data-theme=dark] .nav__logo-image,[data-theme=dark] .footer__logo-image{filter:drop-shadow(0 0 16px rgba(255,255,255,.75)) brightness(1.1)}[data-theme=dark] .nav__logo,[data-theme=dark] .footer__logo{padding:4px 8px;border-radius:999px;background:#ffffff14;box-shadow:0 0 12px #ffffff1f}.nav__menu{display:flex;align-items:center;gap:var(--spacing-8)}.nav__link{font-weight:500;color:var(--color-text-primary);position:relative;transition:color var(--transition-fast)}.nav__link:hover{color:var(--color-primary)}.nav__link:after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:2px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));transition:width var(--transition-base)}.nav__link:hover:after{width:100%}.nav__controls{display:flex;align-items:center;gap:var(--spacing-4)}.theme-toggle,.lang-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover,.lang-toggle:hover{background:var(--color-primary);color:#fff;transform:scale(1.05)}.nav__toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--spacing-2)}.nav__toggle span{width:24px;height:2px;background:var(--color-text-primary);transition:all var(--transition-base)}.hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#ff6b6b1a,#6c5ce71a);position:relative;overflow:hidden}.hero__container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-16);align-items:center;max-width:var(--max-width);margin:0 auto;padding:var(--spacing-20) var(--spacing-4)}.hero__content{z-index:2}.hero__title{font-size:var(--font-size-5xl);font-weight:700;margin-bottom:var(--spacing-6);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-8);max-width:500px}.hero__buttons{display:flex;gap:var(--spacing-4);flex-wrap:wrap}.hero__visual{position:relative;height:500px}.hero__shapes{position:relative;width:100%;height:100%}.shape{position:absolute;border-radius:var(--border-radius-xl);opacity:.7;animation:float 6s ease-in-out infinite}.shape--1{width:200px;height:200px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));top:50px;right:100px;animation-delay:0s}.shape--2{width:150px;height:150px;background:linear-gradient(135deg,var(--color-secondary),var(--color-primary));bottom:100px;left:50px;animation-delay:2s}.shape--3{width:100px;height:100px;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));top:200px;left:150px;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.services{padding:var(--spacing-20) 0;background:var(--color-bg-secondary)}.services__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8)}.service__card{background:var(--color-surface);padding:var(--spacing-8);border-radius:var(--border-radius-xl);box-shadow:var(--shadow);transition:all var(--transition-base);border:1px solid var(--color-border)}.service__card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl)}.service__icon{width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--border-radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-6);font-size:var(--font-size-2xl);color:#fff}.service__title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-4)}.service__description{color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}.service__features{list-style:none}.service__features li{position:relative;padding-left:var(--spacing-6);margin-bottom:var(--spacing-2);color:var(--color-text-secondary)}.service__features li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:700}.portfolio{padding:var(--spacing-20) 0}.portfolio__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-10)}.portfolio__item{background:transparent;border-radius:var(--border-radius-xl);overflow:visible;box-shadow:var(--shadow);transition:all var(--transition-base)}.portfolio__item:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl)}.portfolio__image{position:relative;overflow:visible;aspect-ratio:16/10}.portfolio__thumb{position:relative;width:100%;height:100%}.portfolio__thumb img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:var(--border-radius-xl);transition:transform var(--transition-slow)}.portfolio__thumb-desktop{display:block}.portfolio__thumb-mobile{position:absolute;right:-6%;bottom:6%;width:18%;max-width:120px;height:auto;border-radius:12px;border:2px solid var(--color-primary);outline:1px solid rgba(255,255,255,.35);outline-offset:2px;box-shadow:0 12px 30px #00000059;z-index:3}.portfolio__overlay{position:absolute;bottom:0;left:0;right:0;width:100%;background:linear-gradient(transparent,#000c);padding:var(--spacing-6);color:#fff;border-radius:0 0 var(--border-radius-xl) var(--border-radius-xl);transform:translateY(100%);opacity:0;visibility:hidden;transition:transform var(--transition-base),opacity var(--transition-base);overflow:hidden;z-index:4}.portfolio__item:hover .portfolio__overlay{transform:translateY(0);opacity:1;visibility:visible}.portfolio__item:hover .portfolio__thumb-desktop{transform:scale(1.06)}.portfolio__overlay h4{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2);transform:translateY(20px);opacity:0;transition:transform var(--transition-base),opacity var(--transition-base)}.portfolio__overlay p{color:#ffffffe6;margin:0;transform:translateY(20px);opacity:0;transition:transform var(--transition-base),opacity var(--transition-base);transition-delay:.05s}.portfolio__item:hover .portfolio__overlay h4,.portfolio__item:hover .portfolio__overlay p{transform:translateY(0);opacity:1}.testimonials{padding:var(--spacing-20) 0;background:var(--color-bg-secondary)}.testimonials__slider{position:relative;max-width:800px;margin:0 auto var(--spacing-8)}.testimonial__item{display:none;text-align:center;padding:var(--spacing-8);background:var(--color-surface);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg)}.testimonial__item.active{display:block}.testimonial__text{font-size:var(--font-size-lg);font-style:italic;color:var(--color-text-secondary);margin-bottom:var(--spacing-8);line-height:1.8}.testimonial__author h4{font-size:var(--font-size-lg);margin-bottom:var(--spacing-1)}.testimonial__author span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.testimonials__nav{display:flex;justify-content:center;gap:var(--spacing-3)}.testimonial__nav-btn{width:12px;height:12px;border-radius:50%;border:none;background:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.testimonial__nav-btn.active,.testimonial__nav-btn:hover{background:var(--color-primary);transform:scale(1.2)}.contact{padding:var(--spacing-20) 0}.contact__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-16);align-items:start}.contact__info{padding-right:var(--spacing-8)}.contact__description{color:var(--color-text-secondary);margin-bottom:var(--spacing-8)}.contact__details{display:flex;flex-direction:column;gap:var(--spacing-6)}.contact__item{display:flex;align-items:flex-start;gap:var(--spacing-4)}.contact__item i{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:var(--border-radius);flex-shrink:0;margin-top:var(--spacing-1)}.contact__item h4{font-size:var(--font-size-base);margin-bottom:var(--spacing-1)}.contact__item a{color:var(--color-text-secondary)}.contact__item a:hover{color:var(--color-primary)}.contact__form{background:var(--color-surface);padding:var(--spacing-8);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.form__group{margin-bottom:var(--spacing-6)}.form__group label{display:block;margin-bottom:var(--spacing-2);font-weight:500;color:var(--color-text-primary)}.form__group input,.form__group textarea{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-base);font-family:inherit;background:var(--color-bg);color:var(--color-text-primary);transition:all var(--transition-fast)}.form__group input:focus,.form__group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b6b1a}.form__error{display:block;color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-1);min-height:1.25rem}.footer{background:var(--color-surface);padding:var(--spacing-16) 0 var(--spacing-8);border-top:1px solid var(--color-border)}.footer__content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-8);margin-bottom:var(--spacing-8)}.footer__logo{display:inline-flex;align-items:center;width:fit-content;margin-bottom:var(--spacing-4)}.footer__logo-image{height:44px;width:auto;display:block}.footer__tagline{color:var(--color-text-secondary);margin:0}.footer__section h4{margin-bottom:var(--spacing-4);font-size:var(--font-size-lg)}.footer__section ul{list-style:none}.footer__section ul li{margin-bottom:var(--spacing-2)}.footer__section ul li a{color:var(--color-text-secondary);transition:color var(--transition-fast)}.footer__section ul li a:hover{color:var(--color-primary)}.social__links{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4)}.social__links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg-secondary);border-radius:var(--border-radius);color:var(--color-text-secondary);transition:all var(--transition-fast)}.social__links a:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.footer__bottom{text-align:center;padding-top:var(--spacing-8);border-top:1px solid var(--color-border);color:var(--color-text-muted)}.animate-fade-in{opacity:0;animation:fadeIn .8s ease-out forwards}.animate-slide-up{opacity:0;transform:translateY(30px);animation:slideUp .8s ease-out forwards}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){:root{--font-size-5xl: 2.5rem;--font-size-4xl: 2rem}.hero__container,.contact__content{gap:var(--spacing-12)}.footer__content{grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-6)}.footer__brand{grid-column:span 3}}@media(max-width:768px){.nav__menu{position:fixed;top:var(--header-height);left:0;width:100%;height:calc(100vh - var(--header-height));background:var(--color-surface);flex-direction:column;justify-content:flex-start;padding:var(--spacing-8) var(--spacing-4);transform:translate(-100%);transition:transform var(--transition-base);border-top:1px solid var(--color-border)}.nav__menu.active{transform:translate(0)}.nav__toggle{display:flex}.nav__toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav__toggle.active span:nth-child(2){opacity:0}.nav__toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.hero__container{grid-template-columns:1fr;text-align:center;gap:var(--spacing-8)}.hero__visual{height:300px}.hero__buttons{justify-content:center}.contact__content{grid-template-columns:1fr;gap:var(--spacing-8)}.contact__info{padding-right:0}.footer__content{grid-template-columns:1fr;gap:var(--spacing-6);text-align:center}.social__links{justify-content:center}}@media(max-width:770px){.portfolio__image{aspect-ratio:auto}.portfolio__thumb img{height:auto}.portfolio__thumb-mobile{right:-4%;width:22%;max-width:110px}}@media(max-width:480px){:root{--font-size-5xl: 2rem;--font-size-4xl: 1.75rem;--spacing-20: 3rem;--spacing-16: 2.5rem}.hero__title{font-size:2.25rem!important;margin-bottom:1rem;margin-top:2rem;opacity:1!important;position:relative!important;z-index:10!important}.hero__buttons{flex-direction:column;align-items:center}.services__grid,.portfolio__grid{grid-template-columns:1fr}.shape--1{width:120px;height:120px;right:20px}.shape--2{width:100px;height:100px;left:20px}.shape--3{width:80px;height:80px;left:100px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.header,.footer,.nav__controls,.hero__buttons{display:none!important}body{background:#fff!important;color:#000!important}}@media(prefers-contrast:high){:root{--color-border: #000000;--color-text-muted: #000000}[data-theme=dark]{--color-border: #ffffff;--color-text-muted: #ffffff}}