*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#ff8a3b;--primary-dark:#ff723d;--secondary-color:#612e58;--accent-color:#0f172a;--text-primary:#1e293b;--text-secondary:#64748b;--text-light:#94a3b8;--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-dark:#0f172a;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);--gradient-primary:linear-gradient(135deg,var(--primary-color),var(--secondary-color));--gradient-accent:linear-gradient(135deg,var(--accent-color),#f97316);--border-radius:12px;--border-radius-lg:20px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}body{font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700}h2{font-size:clamp(2rem,4vw,3rem);font-weight:600}h3{font-size:1.5rem;font-weight:600}p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1rem}.section-lead{text-align:center;margin:0 auto 2.5rem;max-width:760px;position:relative;z-index:1;min-height:3rem;display:block}header{background:color-mix(in oklab,var(--bg-primary) 40%,transparent);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid color-mix(in oklab,var(--bg-primary) 10%,transparent);border-bottom:1px solid color-mix(in oklab,var(--primary-color) 10%,transparent);position:fixed;top:20px;left:0;right:0;z-index:1000;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);animation:fadeInDown 0.6s ease-out;border-radius:40px;width:95%;margin:0 auto;box-shadow:0 8px 32px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.6)}header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:40px;background:linear-gradient( 135deg,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.1) 100% );pointer-events:none;z-index:-1}header a{margin:0}header.scrolled{background:color-mix(in oklab,var(--bg-primary) 10%,transparent);backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);box-shadow:0 12px 40px rgba(0,0,0,0.12),inset 0 1px 0 rgba(255,255,255,0.7);border-color:color-mix(in oklab,var(--bg-primary) 10%,transparent);border-bottom-color:color-mix(in oklab,var(--primary-color) 10%,transparent)}nav{padding:1rem 0}nav .container{display:flex;align-items:center;justify-content:space-between}.logo{height:50px;width:auto}.nav-links{display:flex;align-items:center;list-style:none;gap:2rem}.nav-links a{color:var(--text-primary);text-decoration:none;font-weight:500;transition:var(--transition);position:relative}.nav-links a:hover{color:var(--primary-color)}.nav-links a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:var(--transition)}.nav-links a:hover::after{width:100%}.language-switcher{position:relative;margin-left:1rem}.lang-btn-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:0.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-weight:500;font-size:0.875rem;display:flex;align-items:center;gap:0.5rem}.lang-btn-dropdown:hover{background:var(--primary-color);color:white;border-color:var(--primary-color)}.lang-dropdown-menu{position:absolute;top:calc(100%+0.5rem);right:0;background:white;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,0.1);min-width:100px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;z-index:1000}.lang-dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{display:block;width:100%;padding:0.75rem 1rem;background:transparent;border:none;border-radius:var(--border-radius);color:var(--text-primary);text-align:left;cursor:pointer;transition:var(--transition);font-size:0.875rem}.lang-option:hover{background:var(--bg-secondary);color:var(--primary-color)}.lang-option.active{background:var(--primary-color);color:white}.header-actions{display:none;align-items:center;gap:1rem}.mobile-menu-toggle{font-size:1.5rem;color:var(--text-primary);cursor:pointer;transition:var(--transition);width:30px;height:30px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1001}.mobile-menu-toggle:hover{color:var(--primary-color)}.mobile-menu-toggle .fa-bars,.mobile-menu-toggle .fa-times{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity 0.3s ease,transform 0.3s ease}.mobile-menu-toggle .fa-times{opacity:0;transform:translate(-50%,-50%) rotate(90deg)}.mobile-menu-toggle.active .fa-bars{opacity:0;transform:translate(-50%,-50%) rotate(-90deg)}.mobile-menu-toggle.active .fa-times{opacity:1;transform:translate(-50%,-50%) rotate(0deg)}.header-cta{padding:0.75rem 1.5rem;font-size:0.95rem;white-space:nowrap;background:color-mix(in oklab,var(--bg-primary) 0%,transparent) !important;color:var(--primary-color) !important;border:1px solid color-mix(in oklab,var(--primary-color) 10%,transparent) !important;margin:0 !important;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);box-shadow:0 8px 32px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.6) !important}.header-cta:hover{background:var(--primary-color) !important;color:#fff !important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,138,59,0.3) !important}.header-cta::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50px;background:linear-gradient( 135deg,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.1) 100% );pointer-events:none;z-index:-1}#hero{padding:13rem 0 7rem;background:linear-gradient(135deg,#ff8a3b 0%,#612e58 50%,#0f172a 100%);background-size:200% 200%;animation:gradientShift 8s ease infinite;color:white;position:relative;overflow:hidden}#hero::before{content:'';position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3;animation:shimmer 20s linear infinite}#hero::after{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}.hero-content{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-text{animation:fadeInLeft 1s ease-out;text-align:center;margin:0 auto}.hero-text h1{color:white;font-size:4rem;margin-bottom:1.5rem;text-shadow:0 2px 20px rgba(0,0,0,0.2);animation:fadeInDown 0.8s ease-out 0.2s both}.hero-text p{color:rgba(255,255,255,.95);font-size:1.25rem;margin-bottom:2rem;animation:fadeInUp 0.8s ease-out 0.4s both}.hero-text .btn{animation:fadeInUp 0.8s ease-out 0.6s both}.hero-image-container{position:relative;text-align:center;animation:fadeInRight 1s ease-out}.hero-image{width:300px;height:auto;border-radius:var(--border-radius-lg);box-shadow:0 25px 50px -12px rgba(0,0,0,0.4);position:relative;z-index:2;background:white;padding:0;animation:scaleIn 1s ease-out 0.3s both;transition:transform 0.3s ease}.hero-image:hover{transform:scale(1.05) rotate(2deg)}.floating-card{position:absolute;top:-20px;right:0px;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);color:var(--text-primary);padding:1rem 1.5rem;border-radius:var(--border-radius);box-shadow:0 10px 30px rgba(0,0,0,0.2);display:flex;align-items:center;gap:.75rem;font-weight:600;animation:float 3s ease-in-out infinite;z-index:3;transition:transform 0.3s ease}.floating-card:hover{transform:translateY(-5px) scale(1.05)}.floating-card i{color:var(--primary-color);font-size:1.25rem;animation:pulse 2s ease-in-out infinite}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;text-decoration:none;border-radius:var(--border-radius);font-weight:600;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:none;cursor:pointer;font-size:1.1rem;position:relative;overflow:hidden}.btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.6s ease,height 0.6s ease}.btn:hover::before{width:300px;height:300px}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:0 4px 15px rgba(255,138,59,0.3);position:relative;z-index:1}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(255,138,59,0.4)}.btn-primary:active{transform:translateY(-1px)}#services{padding:5rem 0;background:linear-gradient(to bottom,var(--bg-secondary),var(--bg-primary));position:relative;overflow:hidden}#services::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);animation:shimmer 3s linear infinite}#services h2{text-align:center;margin-bottom:4rem;color:var(--text-primary);position:relative}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature{background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);padding:2.5rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);border:1px solid rgba(255,138,59,0.1);position:relative;overflow:hidden}.feature::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,138,59,0.1),transparent);transition:left 0.5s ease}.feature:hover::before{left:100%}.feature:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px rgba(255,138,59,0.2);border-color:var(--primary-color)}.feature-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff;font-size:2rem;position:relative;transition:all 0.3s ease;box-shadow:0 10px 30px rgba(255,138,59,0.3)}.feature:hover .feature-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 15px 40px rgba(255,138,59,0.4)}.feature-icon::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--primary-color);opacity:0;transition:all 0.3s ease}.feature:hover .feature-icon::after{opacity:1;transform:scale(1.2)}#projects{padding:5rem 0;background:var(--bg-primary);position:relative}.projects-layout{display:flex;grid-template-columns:1fr;gap:3rem;align-items:start}.projects-intro{text-align:center}.projects-intro h2{text-align:left;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:var(--text-primary)}.projects-description{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:2rem;text-align:left;max-width:500px}.projects-cta{display:inline-flex;align-items:center;gap:0.75rem;color:var(--primary-color);text-decoration:none;font-weight:600;font-size:1rem;transition:var(--transition);text-align:left;border-bottom:2px solid transparent;padding-bottom:0.25rem}.projects-cta:hover{gap:1rem;border-bottom-color:var(--primary-color)}.projects-cta i{transition:transform 0.3s ease}.projects-cta:hover i{transform:translateX(4px)}.projects-slider-wrapper{position:relative;width:100%}.projects-swiper{width:100%;padding-bottom:3rem}.projects-swiper .swiper-slide{height:auto;display:flex}.projects-swiper .swiper-slide .project-card{width:100%;height:100%}#projects .swiper-button-prev,#projects .swiper-button-next{background:#fff;border:2px solid var(--primary-color);border-radius:50%;width:56px;height:56px;color:var(--primary-color);font-weight:600;box-shadow:0 4px 20px rgba(255,138,59,0.3);transition:all 0.3s ease}#projects .swiper-button-prev::after,#projects .swiper-button-next::after{font-size:1.2rem;font-weight:700}#projects .swiper-button-prev:hover,#projects .swiper-button-next:hover{background:var(--primary-color);color:white;border-color:var(--primary-color);transform:scale(1.15);box-shadow:0 8px 24px rgba(255,138,59,0.4)}#projects .swiper-button-prev{left:1.5rem}#projects .swiper-button-next{right:1.5rem}.projects-swiper .swiper-pagination{position:relative;margin-top:2rem;bottom:0}.projects-swiper .swiper-pagination-bullet{width:10px;height:10px;background:var(--border-color);opacity:1;transition:all 0.3s ease}.projects-swiper .swiper-pagination-bullet-active{background:var(--primary-color);width:24px;border-radius:5px}.projects-swiper .project-card:hover{box-shadow:0 25px 50px rgba(255,138,59,0.2);border-color:var(--primary-color)}.projects-swiper .project-media:hover .project-image{filter:grayscale(0%)}.projects-swiper .project-card:hover .project-media::after{opacity:1}@media (min-width:1024px){.projects-layout{grid-template-columns:1fr 2fr;gap:4rem;align-items:start}}.project-card{background:#fff;border:1px solid var(--border-color);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;position:relative}.project-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease}.project-card:hover::before{transform:scaleX(1)}.project-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px rgba(255,138,59,0.2);border-color:var(--primary-color)}.project-media{position:relative;overflow:hidden;height:300px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#0b1222,#1e293b)}.project-media::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgba(255,138,59,0.1));opacity:0;transition:opacity 0.3s ease}.project-card:hover .project-media::after{opacity:1}.project-image{display:block;width:100%;height:auto;object-fit:cover;filter:grayscale(100%);transform:translateY(0);transition:transform 7s linear}.project-media:hover .project-image{transform:translateY(calc(300px - 100%));filter:grayscale(0%)}.project-body{padding:1.5rem;position:relative}.project-body h3{margin-bottom:0.5rem;color:var(--text-primary);transition:color 0.3s ease}.project-body p{margin:0;font-size:0.95rem;line-height:1.6;color:var(--text-secondary)}.project-body h3 a{color:var(--text-primary);text-decoration:none;transition:all 0.3s ease;display:inline-block}.project-body h3 a:hover{color:var(--primary-color);transform:translateX(5px)}.project-technologies-title{font-size:0.875rem;font-weight:600;color:var(--text-secondary);margin-top:1rem;margin-bottom:0.5rem;padding-top:1rem;border-top:1px solid var(--border-color);text-transform:uppercase;letter-spacing:0.05em}.project-technologies{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:0.5rem}.tech-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:var(--bg-secondary);border:1px solid var(--border-color);transition:all 0.3s ease;cursor:pointer;position:relative}.tech-icon:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,138,59,0.2);border-color:var(--primary-color)}.tech-icon{width:20px;height:20px;object-fit:contain;filter:grayscale(100%) opacity(0.7);transition:all 0.3s ease}.tech-icon:hover{filter:grayscale(0%) opacity(1);transform:scale(1.1)}.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;z-index:2000}.lightbox-overlay.active{display:flex}.lightbox-content{max-width:min(92vw,1200px);max-height:86vh;padding:.75rem;background:#0b1222;border-radius:14px;box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.08)}.lightbox-image{display:block;max-width:100%;max-height:80vh;border-radius:10px}.lightbox-close{position:fixed;top:24px;right:24px;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(6px);padding:.6rem .8rem;border-radius:10px;cursor:pointer;font-size:1.1rem}#cta-section{padding:5rem 0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 50%,var(--accent-color) 100%);background-size:200% 200%;animation:gradientShift 8s ease infinite;color:#fff;position:relative;overflow:hidden}#cta-section::before{content:'';position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3;animation:shimmer 20s linear infinite}#cta-section::after{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}.cta-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}#cta-section h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:1.5rem;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,0.2)}#cta-section p{font-size:1.25rem;color:rgba(255,255,255,.95);margin-bottom:2.5rem;line-height:1.8}#cta-section .btn{font-size:1.2rem;padding:1.25rem 2.5rem;background:#fff;color:var(--primary-color);border:2px solid #fff;box-shadow:0 10px 30px rgba(0,0,0,0.2)}#cta-section .btn:hover{background:rgba(255,255,255,0.95);transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,0,0,0.3)}#partners-slider{padding:5rem 0;background:var(--bg-secondary);overflow:hidden;position:relative}#partners-slider h2{text-align:center;margin-bottom:2rem;color:var(--text-primary)}.partners-slider-container{width:100%;overflow:hidden;position:relative}.partners-slider-track{display:flex;align-items:center;gap:4rem;animation:slidePartners 20s linear infinite;will-change:transform}.partners-slider-item{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:80px;padding:0 2rem;opacity:0.7;transition:opacity 0.3s ease}.partners-slider-item:hover{opacity:1}.partners-slider-item img{max-height:80px;max-width:150px;width:auto;height:auto;object-fit:contain;filter:grayscale(100%);transition:filter 0.3s ease}.partners-slider-item:hover img{filter:grayscale(0%)}@keyframes slidePartners{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}#medraze{padding:5rem 0;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%);background-size:200% 200%;animation:gradientShift 10s ease infinite;color:#fff;position:relative;overflow:hidden}#medraze::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,138,59,0.1) 0%,transparent 70%);animation:pulse 6s ease-in-out infinite}#medraze h2{text-align:center;margin-bottom:3rem;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,0.3)}.app-showcase{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;position:relative;z-index:1}.app-copy h3{color:#fff;margin-bottom:.75rem}.app-copy p{color:rgba(255,255,255,.9);margin-bottom:1rem}.app-points{color:rgba(255,255,255,.95);padding-left:0;line-height:1.9;margin-bottom:3rem}.app-points li{display:flex;align-items:center;gap:.75rem;margin:.4rem 0;padding:0.5rem;border-radius:var(--border-radius);transition:all 0.3s ease}.app-points li:hover{background:rgba(255,255,255,0.05);transform:translateX(10px)}.app-point-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;color:#fff;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:all 0.3s ease;flex-shrink:0}.app-points li:hover .app-point-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 20px rgba(0,0,0,0.3)}.app-point-icon i{font-size:1.1rem}.app-points li:nth-child(1) .app-point-icon{background:linear-gradient(135deg,#06b6d4,#22d3ee)}.app-points li:nth-child(2) .app-point-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}.app-points li:nth-child(3) .app-point-icon{background:linear-gradient(135deg,#ef4444,#f97316)}.app-points li:nth-child(4) .app-point-icon{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.app-media{display:flex;justify-content:center}.step-image-container{border-radius:40px;border:2px solid var(--border-color);margin-bottom:1.5rem;display:flex;position:relative;overflow:hidden;max-width:300px}.step-image-container::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:25px;background:var(--bg-dark);border-radius:0 0 20px 20px;z-index:2;box-shadow:inset 0 2px 4px rgba(0,0,0,.1);border:1px solid var(--bg-dark)}.step-image-container::after{content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);width:60px;height:6px;background:var(--text-primary);border-radius:3px;z-index:3}.step-image{max-width:300px;width:100%;height:auto;border-radius:40px;border:7px solid var(--bg-dark)}.step h3{color:#fff;margin-bottom:.5rem}.step p{color:rgba(255,255,255,.8)}#technologies{padding:5rem 0;background:var(--bg-primary);position:relative;text-align:center}.technologies-grid{display:flex;flex-wrap:wrap;gap:2rem;margin-top:3rem;justify-content:center;align-items:center}.tech-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);border:1px solid rgba(255,138,59,0.1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;cursor:pointer}.tech-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,138,59,0.1),transparent);transition:left 0.6s ease}.tech-card:hover::before{left:100%}.tech-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 20px 40px rgba(255,138,59,0.2);border-color:var(--primary-color)}.tech-icon-wrapper{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;background:var(--bg-secondary);border-radius:16px;padding:1rem;transition:all 0.3s ease;position:relative}.tech-card:hover .tech-icon-wrapper{background:linear-gradient(135deg,rgba(255,138,59,0.1),rgba(255,138,59,0.05));transform:scale(1.1) rotate(5deg)}.tech-icon-large{width:48px;height:48px;object-fit:contain;filter:grayscale(30%) opacity(0.8);transition:all 0.3s ease}.tech-card:hover .tech-icon-large{filter:grayscale(0%) opacity(1);transform:scale(1.1)}.tech-html5:hover .tech-icon-large{filter:grayscale(0%) opacity(1) brightness(0) saturate(100%) invert(27%) sepia(95%) saturate(1352%) hue-rotate(347deg) brightness(95%) contrast(89%)}.tech-javascript:hover .tech-icon-large{filter:grayscale(0%) opacity(1) brightness(0) saturate(100%) invert(85%) sepia(99%) saturate(1352%) hue-rotate(347deg) brightness(103%) contrast(97%)}.tech-sass:hover .tech-icon-large{filter:grayscale(0%) opacity(1) brightness(0) saturate(100%) invert(40%) sepia(60%) saturate(2000%) hue-rotate(280deg) brightness(90%) contrast(90%)}.tech-react:hover .tech-icon-large{filter:grayscale(0%) opacity(1) brightness(0) saturate(100%) invert(75%) sepia(95%) saturate(2000%) hue-rotate(160deg) brightness(105%) contrast(95%)}.tech-nodejs:hover .tech-icon-large{filter:grayscale(0%) opacity(1) brightness(0) saturate(100%) invert(48%) sepia(95%) saturate(2000%) hue-rotate(90deg) brightness(95%) contrast(90%)}.tech-php:hover .tech-icon-large{filter:grayscale(0%) opacity(1) brightness(0) saturate(100%) invert(45%) sepia(30%) saturate(2000%) hue-rotate(220deg) brightness(95%) contrast(90%)}.tech-laravel:hover .tech-icon-large{filter:grayscale(0%) opacity(1) brightness(0) saturate(100%) invert(20%) sepia(95%) saturate(2000%) hue-rotate(350deg) brightness(105%) contrast(95%)}.tech-wordpress:hover .tech-icon-large{filter:grayscale(0%) opacity(1) brightness(0) saturate(100%) invert(25%) sepia(95%) saturate(2000%) hue-rotate(180deg) brightness(95%) contrast(90%)}.tech-shopify:hover .tech-icon-large{filter:grayscale(0%) opacity(1) brightness(0) saturate(100%) invert(65%) sepia(95%) saturate(2000%) hue-rotate(90deg) brightness(95%) contrast(90%)}.tech-aws:hover .tech-icon-large{filter:grayscale(0%) opacity(1)}.tech-mysql:hover .tech-icon-large{filter:grayscale(0%) opacity(1) brightness(0) saturate(100%) invert(35%) sepia(95%) saturate(2000%) hue-rotate(120deg) brightness(95%) contrast(90%)}.tech-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;text-align:center;transition:color 0.3s ease}.tech-card:hover h3{color:var(--primary-color)}@media (max-width:768px){.technologies-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem}.tech-card{padding:1.5rem 1rem}.tech-icon-wrapper{width:64px;height:64px;padding:0.75rem}.tech-icon-large{width:40px;height:40px}.tech-card h3{font-size:0.875rem}}#faq{padding:5rem 0;background:var(--bg-secondary);position:relative}#faq h2{text-align:center;margin-bottom:1rem;color:var(--text-primary)}#faq>.container>.section-lead{margin-bottom:3rem}.faq-container{max-width:800px;margin:0 auto}.faq-item{background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);border-radius:var(--border-radius);border:1px solid rgba(255,138,59,0.1);margin-bottom:1rem;overflow:hidden;transition:all 0.3s ease;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.faq-item:hover{box-shadow:0 4px 20px rgba(255,138,59,0.1);border-color:rgba(255,138,59,0.2)}.faq-question{width:100%;padding:1.5rem 2rem;background:transparent;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:600;color:var(--text-primary);transition:all 0.3s ease;font-family:inherit;outline:none !important}.faq-question:hover{color:var(--primary-color)}.faq-question span{flex:1;margin-right:1rem}.faq-question i{color:var(--primary-color);transition:transform 0.3s ease;font-size:0.9rem;flex-shrink:0}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;padding:0 2rem}.faq-item.active .faq-answer{max-height:500px;padding:0 2rem 1.5rem}.faq-answer p{color:var(--text-secondary);line-height:1.8;margin:0;font-size:1rem}#contact{padding:10rem 0 5rem;background:linear-gradient(to bottom,var(--bg-primary),var(--bg-secondary));position:relative}#contact h2{text-align:center;margin-bottom:1rem;color:var(--text-primary)}#contact>.container>.section-lead{margin-bottom:1rem}#contact .contact-subtitle {margin: 0 auto 3rem;max-width: 720px;text-align: center;color: var(--text-secondary);line-height: 1.7;}.contact-container{position:relative;z-index:0;clear:both}.contact-container{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:start}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);border-radius:var(--border-radius);border:1px solid rgba(255,138,59,0.1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.contact-item::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,138,59,0.1),transparent);transition:left 0.5s ease}.contact-item:hover::before{left:100%}.contact-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px rgba(255,138,59,0.15);border-color:var(--primary-color)}.contact-item i{font-size:1.5rem;color:var(--primary-color);margin-top:.25rem;transition:all 0.3s ease}.contact-item:hover i{transform:scale(1.2) rotate(5deg);color:var(--secondary-color)}.contact-item p{color:var(--text-secondary);line-height:1.6;margin:0}.contact-item a{color:var(--primary-color);text-decoration:none;transition:color 0.3s ease}.contact-item a:hover{color:var(--primary-dark);text-decoration:underline}.contact-form{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);padding:2.5rem;border-radius:var(--border-radius-lg);box-shadow:0 10px 40px rgba(0,0,0,0.1);border:1px solid rgba(255,138,59,0.1);transition:all 0.3s ease}.contact-form:hover{box-shadow:0 20px 60px rgba(255,138,59,0.15)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500}.form-group label .required{color:#ef4444;font-weight:600;margin-left:2px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;font-family:inherit;transition:var(--transition);background:var(--bg-primary);color:var(--text-primary)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23612e58' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-group select:hover{border-color:var(--primary-color)}.form-group select option{padding:0.5rem;background:var(--bg-primary);color:var(--text-primary)}.contact-form .btn{width:100%;justify-content:center;margin-top:1rem}.contact-form .btn:disabled{opacity:0.6;cursor:not-allowed}.form-message{padding:1rem;border-radius:var(--border-radius);margin-bottom:1.5rem;font-weight:500;animation:slideIn 0.3s ease-out}.form-message.success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.form-message.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}footer{background:var(--bg-dark);color:#fff;padding:4rem 0 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem}.footer-section h4{color:#fff;margin-bottom:1.5rem;font-size:1.25rem}.footer-logo{height:65px;margin-bottom:1rem}.footer-section p,a{color:rgba(255,255,255,.8);margin-bottom:.5rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:rgba(255,255,255,.8);text-decoration:none;transition:var(--transition)}.footer-section ul li a:hover{color:var(--secondary-color)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;text-align:center}.footer-bottom p{color:rgba(255,255,255,.6);margin-bottom:0}.footer-social{display:flex;gap:1rem;margin-top:1rem;margin-bottom:1rem}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,0.1);border-radius:50%;color:rgba(255,255,255,0.8);font-size:1.25rem;transition:all 0.3s ease;text-decoration:none}.footer-social a:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px);box-shadow:0 4px 12px rgba(255,138,59,0.3)}.footer-section-logos{margin-top:2rem;display:flex;gap:1rem}.footer-logo-anpc{height:35px;width:auto}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;background:white;box-shadow:0 -4px 20px rgba(0,0,0,0.15);z-index:10000;padding:1.5rem 2rem;transform:translateY(100%);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);border-top:1px solid var(--border-color)}.cookie-consent-banner.show{transform:translateY(0)}.cookie-consent-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.cookie-consent-text h4{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:0.5rem}.cookie-consent-text p{color:var(--text-secondary);font-size:0.95rem;line-height:1.6;margin:0}.cookie-consent-options{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem 0}.cookie-option{display:flex;align-items:center;gap:0.75rem;cursor:pointer;user-select:none;font-size:0.95rem;color:var(--text-primary)}.cookie-option input[type="checkbox"]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.cookie-option input[type="checkbox"]:disabled{opacity:0.6;cursor:not-allowed}.cookie-consent-buttons{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.cookie-link{color:var(--primary-color);text-decoration:none;font-size:0.95rem;font-weight:500;transition:var(--transition);margin-right:auto}.cookie-link:hover{color:var(--primary-dark);text-decoration:underline}.cookie-btn{padding:0.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:0.95rem;font-weight:600;cursor:pointer;transition:var(--transition);font-family:inherit}.cookie-btn-primary{background:var(--primary-color);color:white}.cookie-btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.cookie-btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.cookie-btn-secondary:hover{background:var(--border-color);transform:translateY(-1px)}#about{padding:5rem 0;background:var(--bg-secondary)}.about-content{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;margin:0 auto}.about-image{text-align:center;order:1}.about-photo{width:100%;max-width:400px;height:auto;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px rgba(0,0,0,0.15);filter:grayscale(100%);transition:filter 0.4s ease,transform 0.4s ease;object-fit:cover}.about-photo:hover{filter:grayscale(0%);transform:scale(1.02)}.about-text{order:2}#about h2{font-size:2.5rem;font-weight:700;margin-bottom:0.5rem;color:var(--text-primary)}.about-role{font-size:1.25rem;font-weight:600;color:var(--primary-color);margin-bottom:1.5rem}.about-description{font-size:1.1rem;line-height:1.8;color:var(--text-secondary)}.about-description p{margin-bottom:1.25rem}.about-description p:last-child{margin-bottom:0}@media (min-width:768px){.about-content{grid-template-columns:1fr 1.5fr;gap:4rem}.about-image{order:1}.about-text{order:2}.about-photo{max-width:100%}}@media (min-width:1024px){#about h2{font-size:3rem}.about-role{font-size:1.5rem}}.about-grid{display:grid;grid-template-columns:1fr;align-items:start;gap:3rem}.about-intro{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-sm)}.about-avatar{width:64px;height:64px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:.75rem;box-shadow:var(--shadow-md)}.about-intro h3{margin-bottom:.5rem;color:var(--text-primary)}.skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.skill{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:999px;padding:.4rem .75rem;font-size:.9rem}.about-experience{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-sm)}.experience-list{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:1rem}.xp-title{font-weight:600;color:var(--text-primary)}.xp-meta{font-size:.9rem;color:var(--text-light);margin-bottom:.25rem}.about-edu .xp-title{margin-bottom:.25rem}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;z-index:999}.mobile-menu-overlay.active{opacity:1;visibility:visible}.nav-links.active{display:flex !important;flex-direction:column;position:fixed;top:0;right:0;width:320px;max-width:85vw;height:100vh;background:#fff;box-shadow:-4px 0 20px rgba(0,0,0,0.15);padding:5rem 2rem 2rem;border-left:1px solid var(--border-color);z-index:1000;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);overflow-y:auto}.nav-links.active.show{transform:translateX(0)}.nav-links.active li{margin-bottom:0.5rem;opacity:0;transform:translateX(20px);animation:slideInRight 0.3s ease forwards}.nav-links.active li:nth-child(1){animation-delay:0.05s}.nav-links.active li:nth-child(2){animation-delay:0.1s}.nav-links.active li:nth-child(3){animation-delay:0.15s}.nav-links.active li:nth-child(4){animation-delay:0.2s}.nav-links.active li:nth-child(5){animation-delay:0.25s}.nav-links.active li:nth-child(6){animation-delay:0.3s}.nav-links.active a{display:block;padding:1rem;border-radius:var(--border-radius);font-size:1.1rem;transition:var(--transition);border-left:3px solid transparent}.nav-links.active a:hover{transform:translateX(5px)}.nav-links.active .language-switcher{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}@keyframes slideInRight{to{opacity:1;transform:translateX(0)}}html{scroll-behavior:smooth}button:focus,a:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width:1024px){.container{padding:0 1rem}.nav-links{display:none;gap:0rem}.nav-links.active{display:flex !important}.header-actions{display:flex}.mobile-menu-toggle{display:flex}.header-cta{padding:0.625rem 1.25rem;font-size:0.875rem}.hero-content{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-image{width:220px}.floating-card{position:static;margin:1rem auto;width:fit-content}.feature-grid{grid-template-columns:1fr}#cta-section{padding:4rem 0}#cta-section p{font-size:1.1rem}#cta-section .btn{font-size:1.1rem;padding:1rem 2rem}.contact-container{grid-template-columns:1fr;gap:2rem}.contact-info{order:2}.contact-form{order:1}}@media (max-width:768px){.hero-text h1{font-size:2rem}#about .about-grid{grid-template-columns:1fr}#services{padding:5rem 0 0}#faq{padding:4rem 0}.faq-question{padding:1.25rem 1.5rem;font-size:1rem}.faq-answer{padding:0 1.5rem}.faq-item.active .faq-answer{padding:0 1.5rem 1.25rem}.projects-layout{flex-direction:column}.projects-intro{text-align:left}#projects .swiper-button-prev{display:none}#projects .swiper-button-next{display:none}.cookie-consent-banner{padding:1.25rem 1rem}.cookie-consent-content{gap:1.25rem}.cookie-consent-text h4{font-size:1.1rem}.cookie-consent-text p{font-size:0.9rem}.cookie-consent-options{flex-direction:column;gap:1rem}.cookie-consent-buttons{flex-direction:column;width:100%}.cookie-link{margin-right:0;margin-bottom:0.5rem}.cookie-btn{width:100%;justify-content:center}.partners-slider-item{height:60px;padding:0 1.5rem}.partners-slider-item img{max-height:60px;max-width:120px}.partners-slider-track{gap:2rem}.whatsapp-float{width:56px;height:56px;font-size:1.5rem;bottom:1.5rem;right:1.5rem}}@media (max-width:640px){.app-showcase{grid-template-columns:1fr}}@media (max-width:480px){h1{font-size:2rem}h2{font-size:1.75rem}.btn{padding:.875rem 1.5rem;font-size:1rem}header{top:10px}.logo{height:40px}.header-cta{padding:0.5rem 1rem;font-size:0.8rem}#cta-section{padding:3rem 0}#hero{padding: 10rem 0 7rem;}#cta-section p{font-size:1rem;margin-bottom:2rem}#cta-section .btn{font-size:1rem;padding:0.875rem 1.75rem}.app-showcase{text-align:center}.feature{padding:2rem}.footer-logo{height:55px}}@media (max-width:383px){#projects .swiper-button-prev{display:none}#projects .swiper-button-next{display:none}}.whatsapp-float{position:fixed;bottom:2rem;right:2rem;width:70px;height:70px;background:color-mix(in oklab,#25D366 30%,transparent);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid color-mix(in oklab,#25D366 10%,transparent);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;box-shadow:0 8px 32px rgba(37,211,102,0.2),inset 0 1px 0 rgba(255,255,255,0.3);z-index:999;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);animation:float 3s ease-in-out infinite;text-decoration:none;overflow:hidden}.whatsapp-float::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:linear-gradient( 135deg,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 100% );pointer-events:none;z-index:-1}.whatsapp-float:hover{transform:translateY(-5px) scale(1.1);background:color-mix(in oklab,#20BA5A 50%,transparent);backdrop-filter:blur(50px) saturate(200%);-webkit-backdrop-filter:blur(50px) saturate(200%);box-shadow:0 12px 40px rgba(37,211,102,0.3),inset 0 1px 0 rgba(255,255,255,0.4);border-color:color-mix(in oklab,#20BA5A 15%,transparent)}.whatsapp-float:active{transform:translateY(-2px) scale(1.05)}.whatsapp-float i{filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2));position:relative;z-index:1}