*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}html{scroll-behavior:smooth}body,html{padding:0;font-family:Roboto,sans-serif;background-color:#fff;color:#000;font-family:Poppins,sans-serif;overflow-x:hidden;width:100%;padding:3px}.section-title{margin-top:110px}.section-title h6{font-weight:500;padding:0;line-height:1px;margin:0 0 5px 0;letter-spacing:2px;text-transform:uppercase;color:#aaa;font-family:Poppins,sans-serif}.section-title h6::after{content:"";width:120px;height:1px;display:inline-block;background:rgba(255,255,255,.2);margin:4px 10px}.section-title p{margin:0;margin:0;font-size:36px;font-weight:700;font-family:Poppins,sans-serif;color:#0c0c0b}.hero{background-image:linear-gradient(135deg,rgba(102,126,234,.85) 0,rgba(118,75,162,.85) 100%),radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.05) 0,transparent 50%);background-blend-mode:normal,overlay,overlay,multiply}.hero{width:100%;min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-content{position:relative;z-index:2;text-align:center;color:#fff;max-width:1200px;padding:0 2rem;width:100%}.hero-text{position:relative;z-index:3}.hero-title{font-size:clamp(2.5rem, 6vw, 5rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 4px 8px rgba(0,0,0,.3);font-family:Poppins,sans-serif}.hero-title-main{display:block;animation:fadeInUp 1s ease-out}.hero-ampersand{font-style:italic;opacity:.8;font-size:.8em;margin:0 .5rem;font-family:"Playfair Display",serif}.hero-title-sub{display:block;animation:fadeInUp 1s ease-out .2s both}.hero-subtitle{font-size:clamp(1.1rem, 2.5vw, 1.5rem);opacity:.9;margin-bottom:2.5rem;animation:fadeInUp 1s ease-out .4s both;font-family:Poppins,sans-serif;font-weight:300;letter-spacing:.5px}.hero-cta{animation:fadeInUp 1s ease-out .6s both;margin-bottom:3rem}.btn-hero{background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);color:#fff;padding:15px 30px;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:inline-flex;align-items:center;gap:10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-decoration:none}.btn-hero:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.5);transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,.2);color:#fff;text-decoration:none}.btn-hero i{transition:transform .3s ease}.btn-hero:hover i{transform:translateX(5px)}.hero-stats{display:flex;justify-content:center;gap:2rem;margin-top:2rem;animation:fadeInUp 1s ease-out .8s both;flex-wrap:wrap}.stat-item{text-align:center;padding:1.5rem 1rem;border-radius:15px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;min-width:120px}.stat-item:hover{transform:translateY(-5px);background:rgba(255,255,255,.15)}.stat-number{display:block;font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#fff}.stat-label{font-size:.9rem;opacity:.9;color:rgba(255,255,255,.9)}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:#fff;text-decoration:none;font-size:1.5rem;animation:bounce 2s infinite;z-index:10;opacity:.8;transition:opacity .3s ease}.scroll-indicator:hover{opacity:1;color:#fff;text-decoration:none}.scroll-indicator:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:4px;border-radius:4px}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}@media (max-width:768px){.hero{min-height:80vh;background-attachment:scroll;padding:2rem 0}.hero-content{padding:0 1rem}.hero-title{margin-top:51px;font-size:clamp(2rem, 8vw, 3rem);margin-bottom:1rem}.hero-subtitle{font-size:clamp(1rem, 4vw, 1.2rem);margin-bottom:2rem}.hero-stats{gap:1rem;margin-top:1.5rem}.stat-item{padding:1rem .5rem;min-width:100px}.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem}.btn-hero{padding:12px 24px;font-size:1rem}.scroll-indicator{bottom:20px}}@media (max-width:480px){.hero{min-height:70vh;padding:1rem 0}.hero-content{padding:0 1rem}.hero-title{font-size:clamp(1.5rem, 10vw, 2.5rem);line-height:1.1}.hero-ampersand{font-size:.7em;margin:0 .25rem}.hero-subtitle{font-size:clamp(.9rem, 5vw, 1.1rem);margin-bottom:1.5rem}.hero-stats{flex-direction:column;align-items:center;gap:1rem;margin-top:1rem}.stat-item{width:100%;max-width:200px;padding:1rem}.btn-hero{padding:10px 20px;font-size:.9rem;gap:8px}.scroll-indicator{bottom:15px}.arrow-down{width:16px;height:16px}}@media (min-width:1200px){.hero-content{max-width:1400px}.hero-title{font-size:clamp(4rem, 7vw, 6rem)}.hero-subtitle{font-size:clamp(1.3rem, 3vw, 1.8rem)}.hero-stats{gap:4rem}.stat-item{padding:2rem 1.5rem;min-width:150px}.stat-number{font-size:2.5rem}}@media (prefers-reduced-motion:reduce){.hero-cta,.hero-stats,.hero-subtitle,.hero-title-main,.hero-title-sub{animation:none}.scroll-indicator{animation:none}.btn-hero:hover,.stat-item:hover{transform:none}}@media (prefers-color-scheme:dark){.hero{background:linear-gradient(135deg,#1e293b 0,#334155 50%,#475569 100%);position:relative;overflow:hidden}}.explicatif-section{padding:120px 0;background:linear-gradient(135deg,#1e293b 0,#334155 50%,#475569 100%);position:relative;overflow:hidden}.explicatif-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 30% 20%,rgba(59,130,246,.1) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(34,197,94,.1) 0,transparent 50%),linear-gradient(45deg,transparent 24%,rgba(255,255,255,.02) 25%,rgba(255,255,255,.02) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.02) 75%,rgba(255,255,255,.02) 76%,transparent 77%,transparent);background-size:500px 500px,400px 400px,60px 60px;opacity:.4;z-index:1}.explicatif-section .container{position:relative;z-index:2}.explicatif-header{text-align:center;margin-bottom:80px}.explicatif-header .section-badge{display:inline-block;padding:8px 24px;background:linear-gradient(135deg,#3b82f6 0,#1d4ed8 100%);color:#fff;border-radius:50px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;box-shadow:0 4px 15px rgba(59,130,246,.3)}.explicatif-title{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:700;color:#fff;margin-bottom:20px;background:linear-gradient(135deg,#fff 0,#3b82f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.explicatif-subtitle{font-size:1.2rem;color:rgba(255,255,255,.8);max-width:600px;margin:0 auto;line-height:1.6}.explicatif-content{max-width:1200px;margin:0 auto;margin-bottom:80px}.process-description{text-align:center;font-size:1.1rem;color:rgba(255,255,255,.8);margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.7}.steps-timeline{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;margin-bottom:60px}.steps-timeline::before{content:'';position:absolute;top:80px;left:140px;right:140px;height:2px;background:linear-gradient(90deg,#3b82f6 0,#22c55e 50%,#f59e0b 100%);z-index:1}.timeline-progress{position:absolute;top:80px;left:140px;height:2px;background:linear-gradient(90deg,#3b82f6 0,#22c55e 50%,#f59e0b 100%);z-index:2;width:0%;transition:width 2s ease-in-out;box-shadow:0 0 10px rgba(59,130,246,.5)}.step-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px 20px;text-align:center;backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative;z-index:2;box-shadow:0 10px 30px rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:space-between}.step-card:hover{transform:translateY(-10px);border-color:rgba(59,130,246,.5);box-shadow:0 20px 40px rgba(59,130,246,.2)}.process-steps .step-icon{position:relative;width:90px;height:90px;margin:0 auto 20px;background:linear-gradient(135deg,#3b82f6 0,#1d4ed8 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;box-shadow:0 8px 20px rgba(59,130,246,.3);transition:all .3s ease}.step-card:hover .process-steps .step-icon{transform:scale(1.1);box-shadow:0 12px 30px rgba(59,130,246,.4)}.step-number{position:absolute;top:-10px;right:-10px;width:36px;height:36px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff;border:3px solid #fff;box-shadow:0 4px 10px rgba(34,197,94,.3)}.step-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.step-content h3{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:12px;line-height:1.2}.step-content p{font-size:.95rem;color:rgba(255,255,255,.8);line-height:1.5;margin-bottom:15px;flex:1}.step-status{display:inline-block;padding:6px 16px;background:rgba(34,197,94,.2);color:#22c55e;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(34,197,94,.3);margin-top:auto}.step-card:first-child .process-steps .step-icon{background:linear-gradient(135deg,#3b82f6 0,#1d4ed8 100%)}.step-card:nth-child(2) .process-steps .step-icon{background:linear-gradient(135deg,#8b5cf6 0,#7c3aed 100%)}.step-card:nth-child(3) .process-steps .step-icon{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%)}.step-card:nth-child(4) .process-steps .step-icon{background:linear-gradient(135deg,#22c55e 0,#16a34a 100%)}.explicatif-cta{text-align:center;background:rgba(255,255,255,.05);border-radius:24px;padding:50px 40px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px rgba(0,0,0,.2)}.cta-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:15px}.cta-description{font-size:1.1rem;color:rgba(255,255,255,.8);margin-bottom:30px;line-height:1.6}.cta-button-modern{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:linear-gradient(135deg,#3b82f6 0,#1d4ed8 100%);color:#fff;border-radius:50px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4, 0, .2, 1);border:none;cursor:pointer;box-shadow:0 4px 20px rgba(59,130,246,.4);text-transform:uppercase;letter-spacing:.5px}.cta-button-modern:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(59,130,246,.5);color:#fff;text-decoration:none}.cta-button-modern i{transition:transform .3s ease}.cta-button-modern:hover i{transform:translateX(5px)}.cta-info{display:flex;justify-content:center;gap:40px;margin-top:30px;flex-wrap:wrap}.info-item{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.7);font-size:.9rem}.info-item i{color:#22c55e}@media (max-width:1200px){.steps-timeline{gap:30px}.steps-timeline::before{display:none}.timeline-progress{display:none}}@media (max-width:992px){.explicatif-section{padding:80px 0}.explicatif-header{margin-bottom:60px}.steps-timeline{grid-template-columns:1fr;gap:25px;position:relative;max-width:600px;margin:0 auto}.steps-timeline::before{content:'';position:absolute;top:90px;bottom:90px;left:50%;transform:translateX(-50%);width:2px;height:calc(100% - 180px);background:linear-gradient(180deg,#3b82f6 0,#8b5cf6 33%,#f59e0b 66%,#22c55e 100%);z-index:1;display:block}.timeline-progress-vertical{position:absolute;top:90px;left:50%;transform:translateX(-50%);width:2px;background:linear-gradient(180deg,#3b82f6 0,#8b5cf6 33%,#f59e0b 66%,#22c55e 100%);z-index:2;height:0%;transition:height 2s ease-in-out;box-shadow:0 0 10px rgba(59,130,246,.5)}.step-card{padding:25px 20px;min-height:280px;position:relative}.step-card::before{content:'';position:absolute;top:45px;left:-30px;width:60px;height:2px;background:linear-gradient(90deg,transparent 0,#3b82f6 50%,transparent 100%);z-index:3}.step-card::after{content:'';position:absolute;top:45px;right:-30px;width:60px;height:2px;background:linear-gradient(90deg,transparent 0,#3b82f6 50%,transparent 100%);z-index:3}.process-steps .step-icon{width:100px;height:100px;font-size:2.2rem;margin-bottom:20px}.step-number{width:40px;height:40px;font-size:1.1rem;top:-12px;right:-12px}}@media (max-width:768px){.step-card{padding:20px 15px;min-height:250px}.process-steps .step-icon{width:85px;height:85px;font-size:2rem;margin-bottom:15px}.step-number{width:35px;height:35px;font-size:1rem;top:-10px;right:-10px}.step-content h3{font-size:1.2rem;margin-bottom:10px}.step-content p{font-size:.9rem;line-height:1.4;margin-bottom:12px}.explicatif-cta{padding:40px 20px}.cta-info{flex-direction:column;align-items:center;gap:15px}.steps-timeline::before{height:calc(100% - 150px);top:75px;bottom:75px}}@media (max-width:480px){.explicatif-title{font-size:2rem}.explicatif-subtitle{font-size:1rem}.step-card{padding:18px 12px;min-height:230px;margin:0 5px}.process-steps .step-icon{width:75px;height:75px;font-size:1.8rem}.step-number{width:30px;height:30px;font-size:.9rem;top:-8px;right:-8px}.step-content h3{font-size:1.1rem}.step-content p{font-size:.85rem}.cta-button-modern{padding:15px 30px;font-size:1rem;gap:8px}.cta-title{font-size:1.5rem}.cta-description{font-size:1rem}.steps-timeline::before,.timeline-progress-vertical{width:1px}.step-card::after,.step-card::before{width:40px;left:-20px;right:-20px}}@keyframes slideInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@media (min-width:993px){.step-card{animation:slideInUp .6s ease-out}.step-card:nth-child(2){animation-delay:.2s}.step-card:nth-child(3){animation-delay:.4s}.step-card:nth-child(4){animation-delay:.6s}}@media (max-width:992px){.step-card:nth-child(odd){animation:slideInLeft .6s ease-out}.step-card:nth-child(2n){animation:slideInRight .6s ease-out}.step-card:first-child{animation-delay:.1s}.step-card:nth-child(2){animation-delay:.3s}.step-card:nth-child(3){animation-delay:.5s}.step-card:nth-child(4){animation-delay:.7s}}@media (prefers-reduced-motion:reduce){.cta-button-modern,.step-card,.step-icon,.timeline-progress,.timeline-progress-vertical{animation:none;transition:none}.step-card:hover{transform:none}}@media (prefers-color-scheme:dark){.explicatif-section{background:linear-gradient(135deg,#0f172a 0,#1e293b 50%,#334155 100%)}}.about-section{padding:120px 0;background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 50%,#cbd5e1 100%);position:relative;overflow:hidden}.about-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(102,126,234,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(34,197,94,.1) 0,transparent 50%),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="about-grid" width="30" height="30" patternUnits="userSpaceOnUse"><rect width="30" height="30" fill="none" stroke="rgba(102,126,234,0.02)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23about-grid)"/></svg>');background-size:400px 400px,300px 300px,60px 60px;opacity:.6;z-index:1}.about-section .container{position:relative;z-index:2}.about-header{text-align:center;margin-bottom:80px}.about-header .section-badge{display:inline-block;padding:8px 24px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-radius:50px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;box-shadow:0 4px 15px rgba(102,126,234,.3)}.about-title{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:700;color:#1e293b;margin-bottom:20px;background:linear-gradient(135deg,#1e293b 0,#667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-subtitle{font-size:1.2rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.about-content{margin-bottom:100px}.about-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:100px;opacity:0;transform:translateY(50px);animation:fadeInUp .8s ease-out forwards}.about-row[data-row="2"]{grid-template-columns:1fr 1fr;direction:rtl}.about-row[data-row="2"]>*{direction:ltr}.about-row:nth-child(2){animation-delay:.3s}.about-visual{position:relative}.icon-container{position:relative;display:flex;justify-content:center;align-items:center;width:300px;height:300px;margin:0 auto}.collaboration-svg,.developer-avatar{width:200px;height:200px;filter:drop-shadow(0 10px 20px rgba(0, 0, 0, .1));transition:all .3s ease}.icon-container:hover .collaboration-svg,.icon-container:hover .developer-avatar{transform:scale(1.05);filter:drop-shadow(0 15px 30px rgba(102, 126, 234, .3))}.floating-icons{animation:float 6s ease-in-out infinite}.floating-icons>:first-child{animation-delay:0s}.floating-icons>:nth-child(2){animation-delay:1.5s}.floating-icons>:nth-child(3){animation-delay:3s}.floating-icons>:nth-child(4){animation-delay:4.5s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.tech-orbit{position:absolute;width:280px;height:280px;border-radius:50%;animation:rotate 30s linear infinite}.orbit-icon{position:absolute;width:40px;height:40px;background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .3s ease;animation:counter-rotate 30s linear infinite}.orbit-icon:hover{transform:scale(1.2);box-shadow:0 6px 20px rgba(102,126,234,.3)}.orbit-1{top:0;left:50%;transform:translateX(-50%);color:#61dafb}.orbit-2{top:20%;right:0;color:#3776ab}.orbit-3{bottom:20%;right:0;color:#f7df1e}.orbit-4{bottom:0;left:50%;transform:translateX(-50%);color:#336791}.orbit-5{bottom:20%;left:0;color:#ff6b6b}.orbit-6{top:20%;left:0;color:#8cc84b}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes counter-rotate{from{transform:rotate(0)}to{transform:rotate(-360deg)}}.stats-display{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);display:flex;gap:30px}.stats-display .stat-item{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.9);padding:15px 20px;border-radius:20px;box-shadow:0 8px 20px rgba(0,0,0,.1);backdrop-filter:blur(10px);transition:all .3s ease}.stats-display .stat-item:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(102,126,234,.2)}.stats-display .stat-icon{width:35px;height:35px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.stats-display .stat-content{display:flex;flex-direction:column}.stats-display .stat-number{font-size:1.2rem;font-weight:700;color:#1e293b;line-height:1}.stats-display .stat-label{font-size:.8rem;color:#64748b;font-weight:500}.about-text-content{padding:40px;background:rgba(255,255,255,.8);border-radius:24px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 40px rgba(0,0,0,.08)}.content-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:20px;box-shadow:0 4px 15px rgba(102,126,234,.3)}.content-title{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:25px;line-height:1.3}.content-description{margin-bottom:40px}.content-description p{font-size:1.1rem;color:#64748b;line-height:1.7;margin-bottom:20px}.highlight{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.skills-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:40px}.skill-item{display:flex;align-items:center;gap:15px;padding:20px;background:rgba(102,126,234,.1);border-radius:16px;border:1px solid rgba(102,126,234,.2);transition:all .3s ease}.skill-item:hover{background:rgba(102,126,234,.15);transform:translateY(-3px);box-shadow:0 8px 20px rgba(102,126,234,.2)}.skill-icon{width:50px;height:50px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}.skill-info h4{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:3px}.skill-info p{font-size:.8rem;color:#64748b;margin:0}.work-methodology{margin-bottom:40px}.methodology-title{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:600;color:#1e293b;margin-bottom:20px}.methodology-title i{color:#667eea}.methodology-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.method-step{display:flex;align-items:center;gap:12px;padding:15px;background:rgba(255,255,255,.6);border-radius:12px;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.method-step:hover{background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.3)}.methodology-steps .step-number{width:30px;height:30px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;font-weight:700;font-size:.9rem;flex-shrink:0}.step-text{font-size:.9rem;font-weight:500;color:#475569}.about-cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.contact-btn{position:relative;display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 4px 15px rgba(102,126,234,.4);overflow:hidden}.contact-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(102,126,234,.5);color:#fff;text-decoration:none}.btn-decoration{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.contact-btn:hover .btn-decoration{left:100%}.cta-info{display:flex;align-items:center;gap:8px;color:#64748b;font-size:.9rem}.cta-info i{color:#22c55e}@media (max-width:992px){.about-row{grid-template-columns:1fr;gap:40px;text-align:center;margin-bottom:60px}.about-row[data-row="2"]{direction:ltr;grid-template-columns:1fr}.about-row[data-row="2"]>*{direction:ltr}.about-row[data-row="2"] .about-visual{order:-1}.about-text-content{padding:20px}.icon-container{width:250px;height:250px}}@media (max-width:768px){.about-row{gap:30px;margin-bottom:40px}.about-text-content{padding:15px}.methodology-steps{grid-template-columns:1fr;gap:10px}.method-step{padding:12px 15px;font-size:.9rem}.methodology-steps .step-number{width:25px;height:25px;font-size:.8rem}.about-cta{flex-direction:column;align-items:center;text-align:center;gap:15px}.contact-btn{width:100%;max-width:280px;justify-content:center}.icon-container{width:200px;height:200px}.collaboration-svg,.developer-avatar{width:150px;height:150px}.stats-display{flex-direction:column;gap:15px;position:static;transform:none;margin-top:20px}.stats-display .stat-item{padding:10px 15px;width:100%;max-width:200px;margin:0 auto}.stats-display .stat-icon{width:30px;height:30px;font-size:.9rem}.stats-display .stat-number{font-size:1rem}.stats-display .stat-label{font-size:.8rem}}@media (max-width:480px){.about-row{gap:20px;margin-bottom:30px}.about-text-content{padding:10px}.content-title{font-size:1.3rem}.content-description p{font-size:.95rem;line-height:1.5}.methodology-title{font-size:1rem;gap:8px}.method-step{padding:10px 12px;font-size:.85rem}.step-text{font-size:.85rem}.contact-btn{padding:12px 20px;font-size:.9rem}.icon-container{width:180px;height:180px}.collaboration-svg,.developer-avatar{width:120px;height:120px}.stats-display .stat-item{padding:8px 12px}.stats-display .stat-icon{width:25px;height:25px;font-size:.8rem}.stats-display .stat-number{font-size:.9rem}.stats-display .stat-label{font-size:.7rem}}@media (max-width:768px){.work-methodology{margin-bottom:30px}.methodology-steps{display:flex;flex-direction:column;gap:12px}.method-step{display:flex;align-items:center;gap:12px;padding:15px;background:rgba(255,255,255,.8);border-radius:12px;border:1px solid rgba(255,255,255,.3);transition:all .3s ease;width:100%;box-sizing:border-box}.step-number{width:35px;height:35px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.step-text{font-size:1rem;font-weight:500;color:#475569;flex:1}}@media (max-width:360px){.about-text-content{padding:8px}.content-badge{padding:6px 12px;font-size:.8rem}.content-title{font-size:1.2rem;margin-bottom:15px}.methodology-title{font-size:.95rem}.method-step{padding:12px}.step-number{width:30px;height:30px;font-size:.9rem}.step-text{font-size:.9rem}.contact-btn{padding:10px 16px;font-size:.85rem}.cta-info{font-size:.8rem}.icon-container{width:150px;height:150px}.collaboration-svg,.developer-avatar{width:100px;height:100px}}@media (max-width:992px){.about-row{animation:fadeInUp .6s ease-out forwards}.about-row[data-row="2"]{animation-delay:.2s}}@media (prefers-reduced-motion:reduce){.about-row{animation:none;opacity:1;transform:none}.method-step:hover{transform:none}.contact-btn:hover{transform:none}}.about-technologies{background:rgba(255,255,255,.8);border-radius:24px;padding:50px 40px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 40px rgba(0,0,0,.08);margin-bottom:80px}.tech-title{text-align:center;font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:40px}.tech-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.tech-category h4{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:600;color:#1e293b;margin-bottom:20px}.tech-category i{color:#667eea;font-size:1.1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:10px}.tech-tags .tech-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(102,126,234,.1);color:#667eea;border-radius:20px;font-size:.9rem;font-weight:500;border:1px solid rgba(102,126,234,.2);transition:all .3s ease;margin:4px}.tech-tags .tech-tag:hover{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.tech-tags .tech-tag i{font-size:1rem;transition:all .3s ease}.tech-tags .tech-tag:hover i{transform:scale(1.1)}.about-values{text-align:center}.values-title{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:50px}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.value-card{background:rgba(255,255,255,.8);border-radius:20px;padding:40px 30px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 30px rgba(0,0,0,.08);transition:all .3s cubic-bezier(.4, 0, .2, 1);text-align:center}.value-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.15);border-color:rgba(102,126,234,.3)}.value-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;color:#fff;font-size:2rem;box-shadow:0 8px 20px rgba(102,126,234,.3);transition:all .3s ease}.value-card:hover .value-icon{transform:scale(1.1);box-shadow:0 12px 30px rgba(102,126,234,.4)}.value-card h4{font-size:1.3rem;font-weight:600;color:#1e293b;margin-bottom:15px}.value-card p{color:#64748b;line-height:1.6;margin:0}.team-members{animation:teamPulse 4s ease-in-out infinite}.connections{animation:connectionFlow 3s ease-in-out infinite}.ideas{animation:ideaSpark 2s ease-in-out infinite}@keyframes teamPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes connectionFlow{0%,100%{opacity:.8}50%{opacity:1;stroke-width:3}}@keyframes ideaSpark{0%,100%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (max-width:992px){.about-row{grid-template-columns:1fr;gap:40px;text-align:center}.about-row[data-row="2"]{direction:ltr}.skills-showcase{grid-template-columns:1fr}.methodology-steps{grid-template-columns:1fr}.tech-categories{grid-template-columns:1fr}}@media (max-width:768px){.about-section{padding:80px 0}.about-header{margin-bottom:60px}.about-row{margin-bottom:60px}.about-text-content{padding:30px 20px}.icon-container{width:250px;height:250px}.collaboration-svg,.developer-avatar{width:150px;height:150px}.tech-orbit{width:220px;height:220px}.orbit-icon{width:30px;height:30px;font-size:1rem}.stats-display{flex-direction:column;gap:15px;position:static;transform:none;margin-top:30px}.stats-display .stat-item{padding:10px 15px}.stats-display .stat-icon{width:30px;height:30px;font-size:.9rem}.tech-tags .tech-tag{font-size:.8rem;padding:6px 12px}.about-technologies{padding:40px 20px}.values-grid{grid-template-columns:1fr;gap:20px}.value-card{padding:30px 20px}.about-cta{flex-direction:column;align-items:stretch;text-align:center}.contact-btn{justify-content:center}}@media (max-width:480px){.about-title{font-size:2rem}.about-subtitle{font-size:1rem}.content-title{font-size:1.5rem}.content-description p{font-size:1rem}.skill-item{padding:15px;gap:12px}.skill-icon{width:40px;height:40px;font-size:1rem}.icon-container{width:200px;height:200px}.collaboration-svg,.developer-avatar{width:120px;height:120px}.tech-orbit{width:180px;height:180px}.orbit-icon{width:25px;height:25px;font-size:.8rem}.stats-display .stat-number{font-size:1rem}.stats-display .stat-label{font-size:.7rem}.value-icon{width:60px;height:60px;font-size:1.5rem}.contact-btn{padding:14px 28px;font-size:.9rem}}@keyframes fadeInUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.about-row,.connections,.floating-icons,.ideas,.orbit-icon,.team-members,.tech-orbit{animation:none;transition:none}.icon-container:hover .collaboration-svg,.icon-container:hover .developer-avatar,.orbit-icon:hover,.skill-item:hover,.stats-display .stat-item:hover,.value-card:hover{transform:none}}@media (prefers-color-scheme:dark){.about-section{background:linear-gradient(135deg,#0f172a 0,#1e293b 50%,#334155 100%)}.about-title{color:#fff}.about-subtitle{color:rgba(255,255,255,.8)}.orbit-icon{background:rgba(30,41,59,.9);color:#fff}.stats-display .stat-item{background:rgba(30,41,59,.9)}.stats-display .stat-number{color:#fff}.stats-display .stat-label{color:rgba(255,255,255,.7)}}.services-section{padding:100px 0 60px 0;background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 100%)}.services-cards-container{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;max-width:1300px;margin:0 auto}.service-card{background:#fff;border-radius:18px;box-shadow:0 6px 32px rgba(102,126,234,.07);padding:36px 28px 28px 28px;width:340px;min-height:340px;text-align:center;position:relative;transition:box-shadow .25s,transform .25s;display:flex;flex-direction:column;align-items:center;overflow:hidden;border:1px solid #e2e8f0}.service-card:hover{box-shadow:0 12px 40px rgba(102,126,234,.18);transform:translateY(-8px) scale(1.03);border-color:#667eea}.service-badge{position:absolute;top:18px;left:18px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);font-size:.85rem;font-weight:600;padding:4px 16px;border-radius:16px;letter-spacing:1px;box-shadow:0 2px 8px rgba(102,126,234,.08);z-index:2}.service-card i{font-size:2.8rem;color:#667eea;margin-bottom:18px;margin-top:18px;transition:color .2s}.service-card:hover i{color:#764ba2}.service-card h3{margin:12px 0 8px 0;font-size:1.25rem;font-weight:700;color:#1e293b}.service-card p{font-size:1rem;color:#475569;margin-bottom:18px}.service-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:18px}.service-tags .tag{background:rgba(102,126,234,.09);color:#667eea;font-size:.85rem;padding:4px 12px;border-radius:12px;font-weight:500;border:1px solid #e2e8f0;transition:background .2s,color .2s}.service-card:hover .tag{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-color:#667eea}.details-btn{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;border-radius:8px;padding:10px 28px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:auto;transition:background .2s,transform .2s;box-shadow:0 2px 8px rgba(102,126,234,.08)}.details-btn:hover{background:linear-gradient(135deg,#5a67d8 0,#6b46c1 100%);transform:translateY(-2px) scale(1.04)}@media (max-width:1100px){.services-cards-container{gap:18px}.service-card{width:95vw;max-width:370px}}@media (max-width:768px){.services-section{padding:60px 0 30px 0}.services-cards-container{flex-direction:column;align-items:center;gap:18px}.service-card{width:95vw;max-width:370px;min-height:0;padding:28px 14px 20px 14px}}@media (max-width:768px){.services .card{padding:20px;justify-content:center;align-items:center;text-align:center}.services .card i{font-size:3rem;padding:15px}.services .details-btn{padding:10px 20px;font-size:.9rem}.about{margin-top:-150px}}.services-header{text-align:center;margin-bottom:70px}.services-header .section-badge{display:inline-block;padding:8px 24px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-radius:50px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:18px;box-shadow:0 4px 15px rgba(102,126,234,.3)}.services-title{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:700;color:#1e293b;margin-bottom:18px;background:linear-gradient(135deg,#1e293b 0,#667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.services-subtitle{font-size:1.2rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.service-modal-content{background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 100%);border-radius:20px;box-shadow:0 20px 60px rgba(102,126,234,.18);padding:0;overflow:hidden;max-width:600px;width:90%;margin:8% auto;position:relative;animation:fadeInUp .5s}.modal-header{display:flex;align-items:center;gap:18px;padding:30px 30px 10px 30px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.modal-icon{font-size:2rem;color:#fff}.modal-title{font-size:1.5rem;font-weight:700;margin:0;color:#fff}#modalContent{padding:30px;color:#1e293b;font-size:1.05rem}.close{position:absolute;top:18px;right:18px;font-size:2rem;color:#888;background:0 0;border:none;cursor:pointer;z-index:10;transition:color .2s}.close:focus,.close:hover{color:#667eea}@media (max-width:600px){.service-modal-content{padding:0;margin:20% auto}#modalContent,.modal-header{padding:18px}}.qr-section{padding:120px 0;background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 50%,#cbd5e1 100%);position:relative;overflow:hidden}.qr-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.1) 0,transparent 50%),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="qr-grid" width="20" height="20" patternUnits="userSpaceOnUse"><rect width="20" height="20" fill="none" stroke="rgba(0,0,0,0.02)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23qr-grid)"/></svg>');background-size:600px 600px,400px 400px,60px 60px;opacity:.6;z-index:1}.qr-section .container{position:relative;z-index:2}.qr-header{text-align:center;margin-bottom:80px}.qr-header .section-badge{display:inline-block;padding:8px 24px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-radius:50px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;box-shadow:0 4px 15px rgba(102,126,234,.3)}.qr-title{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:700;color:#1e293b;margin-bottom:20px;background:linear-gradient(135deg,#1e293b 0,#667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qr-subtitle{font-size:1.2rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.qr-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:100px}.qr-info{padding:40px;background:rgba(255,255,255,.8);border-radius:24px;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(20px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.qr-badge-new{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#ff6b6b 0,#ee5a24 100%);color:#fff;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:20px;box-shadow:0 4px 15px rgba(255,107,107,.3)}.qr-badge-new i{animation:sparkle 2s infinite}@keyframes sparkle{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}.qr-main-title{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:20px;line-height:1.3}.qr-description{font-size:1.1rem;color:#475569;line-height:1.7;margin-bottom:30px}.qr-use-cases{margin-bottom:30px}.qr-use-cases h4{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:600;color:#1e293b;margin-bottom:20px}.use-cases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.use-case-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(102,126,234,.1);border-radius:12px;font-size:.9rem;font-weight:500;color:#1e293b;border:1px solid rgba(102,126,234,.2);transition:all .3s ease}.use-case-item:hover{background:rgba(102,126,234,.2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.2)}.use-case-item i{color:#667eea;font-size:1.1rem}.qr-features{margin-bottom:40px}.qr-features h4{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:600;color:#1e293b;margin-bottom:20px}.qr-features .features-list{list-style:none;padding:0;margin:0}.qr-features .features-list li{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:1rem;color:#475569}.qr-features .features-list i{color:#10b981;font-size:1.1rem;width:20px}.qr-cta{display:flex;gap:20px;flex-wrap:wrap}.btn-qr{padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.4, 0, .2, 1);border:none;cursor:pointer}.btn-qr.btn-primary{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.4)}.btn-qr.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(102,126,234,.5);color:#fff;text-decoration:none}.btn-qr.btn-secondary{background:rgba(255,255,255,.9);color:#1e293b;border:2px solid #e2e8f0}.btn-qr.btn-secondary:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.1);color:#1e293b;text-decoration:none}.qr-visual{display:flex;flex-direction:column;align-items:center;gap:40px}.qr-showcase{position:relative}.qr-main-display{text-align:center;margin-bottom:30px}.qr-frame{position:relative;width:200px;height:200px;margin:0 auto 20px;background:#fff;border-radius:20px;padding:20px;box-shadow:0 20px 40px rgba(0,0,0,.1),0 0 0 1px rgba(255,255,255,.5),inset 0 1px 0 rgba(255,255,255,.8);overflow:hidden}.qr-image-main{width:100%;height:100%;object-fit:cover;border-radius:12px}.qr-scan-animation{position:absolute;top:20px;left:20px;right:20px;bottom:20px;pointer-events:none;border-radius:12px;overflow:hidden}.scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0,#667eea 50%,transparent 100%);animation:scanAnimation 3s infinite}@keyframes scanAnimation{0%{transform:translateY(0);opacity:1}100%{transform:translateY(160px);opacity:0}}.qr-label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:1rem;font-weight:600;color:#1e293b}.qr-label i{color:#667eea}.qr-examples{display:flex;gap:20px;justify-content:center}.qr-example-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:rgba(255,255,255,.7);border-radius:12px;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer}.qr-example-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.qr-mini{width:40px;height:40px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.qr-example-item span{font-size:.8rem;font-weight:500;color:#475569;text-align:center}.qr-stats{display:flex;gap:30px;justify-content:center}.stat-qr{text-align:center;padding:20px;background:rgba(255,255,255,.8);border-radius:16px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 20px rgba(0,0,0,.08)}.stat-qr .stat-number{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:5px}.stat-qr .stat-label{font-size:.9rem;color:#64748b;font-weight:500}.qr-process{text-align:center}.qr-process h3{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:60px}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.process-step{text-align:center;padding:30px 20px;background:rgba(255,255,255,.8);border-radius:20px;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(20px);box-shadow:0 10px 30px rgba(0,0,0,.08);transition:all .3s ease}.process-step:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.process-steps .step-icon{position:relative;width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;box-shadow:0 8px 20px rgba(102,126,234,.3)}.step-number{position:absolute;top:-8px;right:-8px;width:30px;height:30px;background:#ff6b6b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#fff;border:3px solid #fff}.process-step h4{font-size:1.3rem;font-weight:600;color:#1e293b;margin-bottom:15px}.process-step p{font-size:1rem;color:#64748b;line-height:1.6}@media (max-width:768px){.qr-section{padding:80px 0}.qr-content{grid-template-columns:1fr;gap:40px}.qr-info{padding:30px 20px}.use-cases-grid{grid-template-columns:1fr}.qr-cta{flex-direction:column;align-items:stretch}.btn-qr{justify-content:center}.qr-stats{flex-direction:column;gap:20px}.qr-examples{flex-wrap:wrap;gap:15px}.process-steps{grid-template-columns:1fr;gap:30px}.qr-frame{width:160px;height:160px}}@media (max-width:480px){.qr-header{margin-bottom:60px}.qr-title{font-size:2rem}.qr-subtitle{font-size:1rem}.qr-main-title{font-size:1.5rem}.qr-description{font-size:1rem}.qr-frame{width:140px;height:140px;padding:15px}.process-steps .step-icon{width:60px;height:60px;font-size:1.4rem}.step-number{width:24px;height:24px;font-size:.8rem}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.qr-frame{animation:float 6s ease-in-out infinite}.qr-example-item:first-child{animation-delay:.5s}.qr-example-item:nth-child(2){animation-delay:1s}.qr-example-item:nth-child(3){animation-delay:1.5s}@media (prefers-reduced-motion:reduce){.qr-badge-new i,.qr-frame,.scan-line{animation:none}.process-step:hover,.qr-example-item:hover,.use-case-item:hover{transform:none}}.vcard-section{padding:100px 0;background:linear-gradient(135deg,#1e293b 0,#334155 50%,#475569 100%);color:#fff;position:relative;overflow:hidden}.vcard-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom: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.05)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.vcard-header{text-align:center;margin-bottom:80px;position:relative;z-index:2}.vcard-header .section-badge{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:8px 24px;border-radius:50px;font-size:.9rem;font-weight:600;display:inline-block;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.vcard-title{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vcard-subtitle{font-size:1.3rem;color:#cbd5e1;max-width:800px;margin:0 auto;line-height:1.6}.vcard-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;position:relative;z-index:2}.vcard-info{padding:40px;background:rgba(255,255,255,.05);border-radius:24px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.vcard-badge-pro{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:8px;margin-bottom:24px}.vcard-main-title{font-size:2rem;font-weight:700;margin-bottom:20px;color:#fff}.vcard-description{font-size:1.1rem;color:#cbd5e1;line-height:1.7;margin-bottom:40px}.vcard-benefits{margin-bottom:40px}.vcard-benefits h4{font-size:1.2rem;font-weight:600;margin-bottom:20px;color:#fff;display:flex;align-items:center;gap:10px}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.benefit-item{background:rgba(255,255,255,.1);padding:15px;border-radius:12px;display:flex;align-items:center;gap:12px;font-size:.9rem;color:#e2e8f0;transition:all .3s ease}.benefit-item:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.benefit-item i{color:#22c55e;font-size:1.1rem}.vcard-features{margin-bottom:40px}.vcard-features h4{font-size:1.2rem;font-weight:600;margin-bottom:20px;color:#fff;display:flex;align-items:center;gap:10px}.vcard-features .features-list{list-style:none;padding:0;margin:0}.vcard-features .features-list li{padding:12px 0;color:#cbd5e1;display:flex;align-items:center;gap:12px;font-size:.95rem}.vcard-features .features-list li i{color:#22c55e;font-size:1rem}.vcard-cta{display:flex;gap:20px;flex-wrap:wrap}.btn-vcard{padding:14px 28px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;gap:10px;font-size:1rem}.btn-vcard.btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 15px rgba(34,197,94,.3)}.btn-vcard.btn-secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-vcard:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(34,197,94,.4);color:#fff;text-decoration:none}.vcard-visual{display:flex;flex-direction:column;gap:40px}.vcard-showcase{position:relative}.vcard-simulation{position:relative;perspective:1000px}.business-card{width:350px;height:220px;position:relative;margin:0 auto;border-radius:16px;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 20px 40px rgba(0,0,0,.3);transform:rotateY(-10deg) rotateX(5deg);transition:transform .3s ease;overflow:hidden}.business-card:hover{transform:rotateY(0) rotateX(0)}.card-front{padding:24px;height:100%;display:flex;flex-direction:column;justify-content:space-between;color:#1e293b}.card-header{display:flex;justify-content:space-between;align-items:flex-start}.profile-section{display:flex;gap:12px}.profile-avatar{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.profile-info h4{font-size:1.1rem;font-weight:700;margin:0 0 4px 0;color:#1e293b}.profile-info p{font-size:.85rem;color:#64748b;margin:0}.company-logo{width:40px;height:40px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b}.contact-info{display:flex;flex-direction:column;gap:8px}.contact-item{display:flex;align-items:center;gap:10px;font-size:.8rem;color:#475569}.contact-item i{color:#667eea;width:14px}.qr-code-overlay{position:absolute;top:20px;right:20px;width:80px;height:80px;background:#fff;border-radius:8px;padding:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.qr-placeholder{width:100%;height:100%;background:#f8fafc;border-radius:4px;position:relative;overflow:hidden}.qr-pattern{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;height:100%;padding:4px}.qr-module{background:#1e293b;border-radius:1px;animation:qrPulse 2s ease-in-out infinite}.qr-module:nth-child(odd){animation-delay:.2s}.qr-module:nth-child(2n){animation-delay:.4s}.scan-animation{position:absolute;top:0;left:0;right:0;bottom:0}.scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#22c55e,transparent);animation:scanMove 2s linear infinite}@keyframes qrPulse{0%,100%{opacity:1}50%{opacity:.3}}@keyframes scanMove{0%{top:0}100%{top:calc(100% - 2px)}}.vcard-steps{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:40px}.step-item{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.6;transition:opacity .3s ease}.step-item.active{opacity:1}.process-steps .step-icon{width:50px;height:50px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#22c55e;font-size:1.2rem;border:2px solid rgba(34,197,94,.3)}.step-item.active .process-steps .step-icon{background:rgba(34,197,94,.2);border-color:#22c55e}.step-arrow{color:#64748b;font-size:1.2rem}.vcard-stats{display:flex;justify-content:space-around;background:rgba(255,255,255,.05);border-radius:16px;padding:30px;backdrop-filter:blur(10px)}.stat-vcard{text-align:center}.stat-vcard .stat-number{font-size:2rem;font-weight:700;color:#22c55e;display:block}.stat-vcard .stat-label{font-size:.9rem;color:#cbd5e1;margin-top:5px}.vcard-process{margin-top:80px;text-align:center;position:relative;z-index:2}.vcard-process h3{font-size:2rem;font-weight:700;margin-bottom:50px;color:#fff}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.process-step{background:rgba(255,255,255,.05);padding:40px 30px;border-radius:20px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:transform .3s ease;position:relative}.process-step:hover{transform:translateY(-5px)}.process-step .step-icon{width:70px;height:70px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;font-size:1.5rem;position:relative}.process-step .step-number{position:absolute;top:-10px;right:-10px;width:30px;height:30px;background:#1e293b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#fff;border:2px solid #22c55e}.process-step h4{font-size:1.3rem;font-weight:600;margin-bottom:15px;color:#fff}.process-step p{color:#fff;line-height:1.6}.output-formats{margin-top:80px;text-align:center;position:relative;z-index:2}.output-formats h3{font-size:2rem;font-weight:700;margin-bottom:50px;color:#fff}.formats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.format-card{background:rgba(255,255,255,.05);padding:30px 20px;border-radius:16px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;text-align:center}.format-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.1)}.format-icon{width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;font-size:1.5rem}.format-card h4{font-size:1.2rem;font-weight:600;margin-bottom:10px;color:#fff}.format-card p{color:#cbd5e1;margin-bottom:15px;font-size:.9rem}.format-size{background:rgba(34,197,94,.2);color:#22c55e;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}@media (max-width:768px){.vcard-content{grid-template-columns:1fr;gap:40px}.business-card{width:300px;height:190px;transform:none}.vcard-steps{flex-direction:column;gap:30px}.step-arrow{transform:rotate(90deg)}.vcard-cta{flex-direction:column}.btn-vcard{justify-content:center}}@media (max-width:480px){.vcard-section{padding:60px 0}.vcard-info{padding:25px}.business-card{width:280px;height:180px}.benefits-grid{grid-template-columns:1fr}}.seo-keywords-section{background:rgba(255,255,255,.05);border-radius:12px;padding:15px 20px;margin:20px 0;border-left:4px solid #22c55e}.keywords-text{color:#e2e8f0;font-size:.9rem;margin:0;line-height:1.5}.keywords-text strong{color:#22c55e;font-weight:600}.keywords-text em{color:#cbd5e1;font-style:normal}.vcard-seo-content{margin:30px 0;padding:25px;background:rgba(255,255,255,.03);border-radius:16px;border:1px solid rgba(255,255,255,.1)}.vcard-seo-content h4{color:#fff;margin-bottom:20px;font-size:1.2rem;display:flex;align-items:center;gap:10px}.seo-faq-mini{display:flex;flex-direction:column;gap:15px}.faq-mini-item{padding:15px;background:rgba(255,255,255,.05);border-radius:8px;border-left:3px solid #22c55e}.faq-mini-item strong{color:#22c55e;display:block;margin-bottom:8px;font-size:.95rem}.faq-mini-item p{color:#cbd5e1;margin:0;font-size:.9rem;line-height:1.5}.vcard-advantages{margin-top:60px;padding:40px;background:rgba(255,255,255,.03);border-radius:20px;border:1px solid rgba(255,255,255,.1)}.vcard-advantages h3{color:#fff;text-align:center;margin-bottom:40px;font-size:1.8rem}.advantages-comparison{display:grid;grid-template-columns:1fr 1fr;gap:30px}.advantage-digital,.advantage-traditional{padding:25px;border-radius:16px;border:2px solid}.advantage-digital{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3)}.advantage-traditional{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}.advantage-digital h4,.advantage-traditional h4{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:1.2rem}.advantage-digital h4{color:#22c55e}.advantage-traditional h4{color:#ef4444}.advantage-digital ul,.advantage-traditional ul{list-style:none;padding:0;margin:0}.advantage-digital li,.advantage-traditional li{padding:8px 0;font-size:.9rem;line-height:1.4}.advantage-digital li{color:#bbf7d0}.advantage-traditional li{color:#fecaca}@media (max-width:768px){.advantages-comparison{grid-template-columns:1fr;gap:20px}.vcard-advantages{padding:25px}.seo-keywords-section{padding:12px 15px}.keywords-text{font-size:.85rem}}.vcard-main-title{background:linear-gradient(135deg,#fff,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;line-height:1.3}.vcard-description strong{color:#22c55e;font-weight:600}.vcard-description em{color:#cbd5e1;font-style:normal;background:rgba(34,197,94,.1);padding:2px 6px;border-radius:4px}.quote-section{padding:100px 0;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);position:relative;overflow:hidden}.quote-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 30% 70%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 70% 30%,rgba(255,255,255,.05) 0,transparent 50%);background-size:400px 400px,600px 600px;opacity:.8;z-index:1}.quote-content{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center;background:rgba(255,255,255,.1);border-radius:24px;padding:60px 40px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px rgba(0,0,0,.2)}.quote-icon{margin-bottom:30px}.quote-icon i{font-size:3rem;color:rgba(255,255,255,.8);opacity:.7}.quote-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:20px}.quote-message{font-size:1.3rem;font-style:italic;color:rgba(255,255,255,.9);line-height:1.6;margin-bottom:30px}.highlight-text{background:linear-gradient(135deg,#fbbf24 0,#f59e0b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;position:relative}.quote-author{display:flex;flex-direction:column;align-items:center;gap:5px}.author-name{font-size:1.1rem;font-weight:600;color:#fff}.author-title{font-size:.9rem;color:rgba(255,255,255,.7)}.quote-decoration{position:absolute;top:-20px;right:-20px;pointer-events:none}.decoration-circle{width:80px;height:80px;border:2px solid rgba(255,255,255,.2);border-radius:50%;position:relative}.decoration-line{position:absolute;top:50%;left:50%;width:40px;height:2px;background:rgba(255,255,255,.3);transform:translate(-50%,-50%)}.templates-section{padding:120px 0;background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 100%);position:relative;overflow:hidden}.templates-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 75%,rgba(102,126,234,.1) 0,transparent 50%),radial-gradient(circle at 75% 25%,rgba(118,75,162,.1) 0,transparent 50%),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="template-grid" width="20" height="20" patternUnits="userSpaceOnUse"><rect width="20" height="20" fill="none" stroke="rgba(102,126,234,0.03)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23template-grid)"/></svg>');background-size:500px 500px,400px 400px,50px 50px;opacity:.6;z-index:1}.templates-section .container{position:relative;z-index:2}.templates-header{text-align:center;margin-bottom:80px}.templates-header .section-badge{display:inline-block;padding:8px 24px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-radius:50px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;box-shadow:0 4px 15px rgba(102,126,234,.3)}.templates-title{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:700;color:#1e293b;margin-bottom:20px;background:linear-gradient(135deg,#1e293b 0,#667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.templates-subtitle{font-size:1.2rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.template-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-bottom:60px}.template-filter-btn{background:rgba(255,255,255,.8);border:1px solid rgba(102,126,234,.2);color:#475569;padding:12px 24px;border-radius:50px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);backdrop-filter:blur(10px);display:flex;align-items:center;gap:8px;position:relative;overflow:hidden}.template-filter-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);transition:left .3s ease;z-index:-1}.template-filter-btn.active::before,.template-filter-btn:hover::before{left:0}.template-filter-btn.active,.template-filter-btn:hover{color:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.3)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:40px;margin-bottom:80px}.template-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:all .3s cubic-bezier(.4, 0, .2, 1);border:1px solid rgba(255,255,255,.8);position:relative}.template-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px rgba(102,126,234,.2);border-color:rgba(102,126,234,.3)}.template-preview{position:relative;overflow:hidden}.template-image{position:relative;height:280px;overflow:hidden}.template-image img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.template-card:hover .template-image img{transform:scale(1.05)}.template-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.9) 0,rgba(118,75,162,.9) 100%);opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4, 0, .2, 1);padding:30px}.template-card:hover .template-overlay{opacity:1}.template-actions{display:flex;flex-direction:column;gap:15px;width:100%;max-width:200px}.btn-template{padding:12px 20px;border-radius:25px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;border:none;cursor:pointer;width:100%}.btn-preview{background:#fff;color:#333}.btn-preview:hover{background:#f0f0f0;transform:translateY(-2px);text-decoration:none;color:#333}.btn-info{background:0 0;color:#fff;border:2px solid #fff}.btn-info:hover{background:#fff;color:#333;transform:translateY(-2px)}.btn-customize{background:linear-gradient(135deg,#fbbf24 0,#f59e0b 100%);color:#fff}.btn-customize:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(251,191,36,.4);text-decoration:none;color:#fff}.template-badge{position:absolute;top:15px;right:15px;z-index:10}.badge-new{background:linear-gradient(135deg,#22c55e 0,#16a34a 100%);color:#fff;padding:6px 12px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-popular{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);color:#fff;padding:6px 12px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-featured{background:linear-gradient(135deg,#fbbf24 0,#f59e0b 100%);color:#1a1a2e;padding:6px 12px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.template-content{padding:30px}.template-category{display:flex;align-items:center;gap:8px;margin-bottom:15px}.template-category i{color:#667eea;font-size:1rem}.template-category span{color:#667eea;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.template-name{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:10px}.template-description{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:20px}.template-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.feature-tag{background:rgba(102,126,234,.1);color:#667eea;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid rgba(102,126,234,.2)}.template-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #e2e8f0}.template-rating{display:flex;align-items:center;gap:5px}.template-rating i{color:#fbbf24;font-size:.9rem}.template-rating span{color:#64748b;font-size:.9rem;font-weight:600}.template-price{text-align:right}.price-label{display:block;font-size:.7rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.price-value{font-size:1.2rem;font-weight:700;color:#1e293b}.templates-cta{text-align:center;background:rgba(255,255,255,.8);border-radius:24px;padding:60px 40px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 40px rgba(0,0,0,.08)}.cta-title{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:15px}.cta-description{font-size:1.1rem;color:#64748b;margin-bottom:40px;line-height:1.6}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-templates{padding:16px 32px;border-radius:50px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.4, 0, .2, 1);border:none;cursor:pointer}.btn-templates.btn-primary{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.4)}.btn-templates.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(102,126,234,.5);color:#fff;text-decoration:none}.btn-templates.btn-secondary{background:rgba(255,255,255,.9);color:#1e293b;border:2px solid #e2e8f0}.btn-templates.btn-secondary:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.1);color:#1e293b;text-decoration:none}@media (max-width:768px){.quote-section{padding:80px 0}.quote-content{padding:40px 20px;margin:0 20px}.quote-title{font-size:1.5rem}.quote-message{font-size:1.1rem}.templates-section{padding:80px 0}.templates-grid{grid-template-columns:1fr;gap:30px}.template-filters{flex-direction:column;align-items:center;gap:10px}.template-filter-btn{width:200px;justify-content:center}.template-actions{flex-direction:row;max-width:100%}.templates-cta{padding:40px 20px;margin:0 20px}.cta-buttons{flex-direction:column;align-items:center}.btn-templates{width:100%;max-width:250px;justify-content:center}}@media (max-width:480px){.quote-content{padding:30px 15px}.quote-title{font-size:1.3rem}.quote-message{font-size:1rem}.templates-title{font-size:2rem}.templates-subtitle{font-size:1rem}.template-card{margin:0 10px}.template-content{padding:20px}.template-image{height:220px}.template-actions{flex-direction:column;gap:10px}.btn-template{padding:10px 16px;font-size:.8rem}}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.template-card{animation:slideInUp .6s ease-out}.template-card:nth-child(2){animation-delay:.1s}.template-card:nth-child(3){animation-delay:.2s}@media (prefers-reduced-motion:reduce){.btn-template,.template-card,.template-filter-btn{animation:none;transition:none}.template-card:hover{transform:none}}.template-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:10000;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.template-modal.show{opacity:1}.template-modal-content{background:#fff;border-radius:20px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;transform:translateY(-50px);transition:transform .3s ease}.template-modal.show .template-modal-content{transform:translateY(0)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:30px 30px 20px;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;color:#1e293b;font-size:1.8rem;font-weight:700}.modal-close{background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:#64748b;padding:5px;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#f1f5f9;color:#1e293b}.modal-body{padding:30px}.modal-body h4{color:#1e293b;font-size:1.2rem;font-weight:600;margin:25px 0 15px}.modal-body .features-list{list-style:none;padding:0;margin:0 0 20px}.modal-body .features-list li{display:flex;align-items:center;gap:10px;padding:8px 0;color:#000}.modal-body .features-list i{color:#22c55e;font-size:.9rem}.tech-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tech-tag{background:rgba(102,126,234,.1);color:#667eea;padding:6px 12px;border-radius:12px;font-size:.8rem;font-weight:500}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:20px}.pricing-info{display:flex;flex-direction:column;gap:5px}.pricing-info .price{font-size:1.5rem;font-weight:700;color:#1e293b}.pricing-info .delivery{font-size:.9rem;color:#64748b}.modal-actions{display:flex;gap:15px}.btn-modal{padding:12px 24px;border-radius:12px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease}.btn-modal.btn-primary{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.btn-modal.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,126,234,.4);text-decoration:none;color:#fff}.btn-modal.btn-secondary{background:#f1f5f9;color:#475569}.btn-modal.btn-secondary:hover{background:#e2e8f0}@media (max-width:768px){.template-modal-content{margin:20px;max-height:90vh}.modal-body,.modal-header{padding:20px}.modal-footer{flex-direction:column;align-items:stretch}.modal-actions{width:100%}.btn-modal{flex:1;justify-content:center}}.portfolio-section{padding:120px 0;background:linear-gradient(135deg,#0a0a0a 0,#1a1a2e 50%,#16213e 100%);position:relative;overflow:hidden}.portfolio-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(102,126,234,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(118,75,162,.1) 0,transparent 50%),linear-gradient(90deg,transparent 24%,rgba(255,255,255,.03) 25%,rgba(255,255,255,.03) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.03) 75%,rgba(255,255,255,.03) 76%,transparent 77%,transparent),linear-gradient(0deg,transparent 24%,rgba(255,255,255,.03) 25%,rgba(255,255,255,.03) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.03) 75%,rgba(255,255,255,.03) 76%,transparent 77%,transparent);background-size:50px 50px;opacity:.3;z-index:1}.portfolio-section .container{position:relative;z-index:2}.portfolio-header{text-align:center;margin-bottom:80px}.section-badge{display:inline-block;padding:8px 24px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-radius:50px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;box-shadow:0 4px 15px rgba(102,126,234,.3)}.portfolio-title{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:700;color:#fff;margin-bottom:20px;background:linear-gradient(135deg,#fff 0,#667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.portfolio-subtitle{font-size:1.2rem;color:rgba(255,255,255,.8);max-width:600px;margin:0 auto;line-height:1.6}.portfolio-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-bottom:60px}.filter-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.8);padding:12px 24px;border-radius:50px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);backdrop-filter:blur(10px);display:flex;align-items:center;gap:8px;position:relative;overflow:hidden}.filter-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);transition:left .3s ease;z-index:-1}.filter-btn.active::before,.filter-btn:hover::before{left:0}.filter-btn.active,.filter-btn:hover{color:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.3)}.filter-btn i{font-size:1rem}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:80px}.portfolio-item{opacity:1;transform:translateY(0);transition:all .5s cubic-bezier(.4, 0, .2, 1)}.portfolio-item.filtered-out{opacity:0;transform:translateY(20px) scale(.95);pointer-events:none}.project-card{background:rgba(255,255,255,.05);border-radius:20px;overflow:hidden;transition:all .3s cubic-bezier(.4, 0, .2, 1);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);position:relative}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.3);border-color:rgba(102,126,234,.5)}.project-image{position:relative;height:250px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.hover-image{position:absolute;top:0;left:0;opacity:0;transform:scale(1.1)}.project-card:hover .hover-image{opacity:1;transform:scale(1)}.project-card:hover .project-image img:first-child{opacity:0;transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(10,10,10,.9) 0,rgba(102,126,234,.9) 100%);opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center;transition:all .3s cubic-bezier(.4, 0, .2, 1)}.project-card:hover .project-overlay{opacity:1}.project-info{margin-bottom:30px}.project-category{display:inline-block;padding:4px 12px;background:rgba(255,255,255,.2);color:#fff;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.project-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:10px}.project-description{font-size:.9rem;color:rgba(255,255,255,.9);line-height:1.5;margin-bottom:20px}.project-tech{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tech-badge{padding:4px 10px;background:rgba(255,255,255,.1);color:#fff;border-radius:12px;font-size:.7rem;font-weight:500;border:1px solid rgba(255,255,255,.2)}.project-actions{display:flex;gap:15px;justify-content:center}.btn-project{padding:10px 20px;border-radius:25px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;gap:8px;border:none;cursor:pointer}.btn-view{background:#fff;color:#333}.btn-view:hover{background:#f0f0f0;transform:translateY(-2px);text-decoration:none;color:#333}.btn-details{background:0 0;color:#fff;border:2px solid #fff}.btn-details:hover{background:#fff;color:#333;transform:translateY(-2px)}.btn-project:disabled{opacity:.6;cursor:not-allowed}.portfolio-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-top:80px}.stat-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:30px 20px;text-align:center;backdrop-filter:blur(10px);transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);border-color:rgba(102,126,234,.5);box-shadow:0 10px 30px rgba(102,126,234,.2)}.stat-number{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.stat-label{color:rgba(255,255,255,.8);font-size:1rem;font-weight:500}@media (max-width:768px){.portfolio-section{padding:80px 0}.portfolio-filters{gap:10px}.filter-btn{padding:10px 16px;font-size:.8rem}.filter-btn span{display:none}.portfolio-grid{grid-template-columns:1fr;gap:20px}.project-overlay{padding:20px}.project-actions{flex-direction:column;align-items:center}.btn-project{width:100%;justify-content:center}.portfolio-stats{grid-template-columns:repeat(2,1fr);gap:20px}.stat-number{font-size:2rem}}@media (max-width:480px){.portfolio-header{margin-bottom:60px}.section-badge{padding:6px 16px;font-size:.8rem}.portfolio-title{font-size:2rem}.portfolio-subtitle{font-size:1rem}.project-image{height:200px}.portfolio-stats{grid-template-columns:1fr;margin-top:60px}.stat-card{padding:20px}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.portfolio-item{animation:fadeInUp .6s ease-out}.portfolio-item:nth-child(2){animation-delay:.1s}.portfolio-item:nth-child(3){animation-delay:.2s}.portfolio-item:nth-child(4){animation-delay:.3s}.portfolio-item:nth-child(5){animation-delay:.4s}.portfolio-item:nth-child(6){animation-delay:.5s}@media (prefers-reduced-motion:reduce){.filter-btn,.portfolio-item,.project-card,.stat-card{animation:none;transition:none}.project-card:hover{transform:none}}.swiper-container{width:100%;position:relative;padding:50px;height:550px;border:none;background-image:url('../img/template\ \(5\).png');background-size:cover;background-position:center;background-repeat:no-repeat;background-blend-mode:overlay}.swiper-slide{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:5px;width:100px;text-align:center}.swiper-slide .techno-logo{font-size:2rem;color:grey;margin-bottom:10px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;transform:translateY(-50%);color:#131212;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10}.swiper-button-prev{left:10px}.swiper-button-next{right:10px}@media (max-width:768px){.categories{display:block;gap:5px}.swiper-container{position:relative;padding:50px;background-image:url('../img/template\ \(5\).png')}}.devis{background-color:rgba(255,255,255,.474);position:absolute;bottom:70px;left:50%;border-radius:10px;transform:translateX(-50%);padding:20px;font-size:24px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:10}.blinking-cursor{font-weight:100;font-size:24px;color:#000;animation:blink 1s step-end infinite}@keyframes blink{from,to{opacity:0}50%{opacity:1}}@media (max-width:768px){.devis{font-size:10px;padding:5px;bottom:25px}.blinking-cursor{font-size:20px}}.fa-figma,.fa-sass{color:#ae2fa8}.fa-css3-alt,.fa-file-alt,.fa-globe,.fa-html5,.fa-info{color:#e4680f}.fa-database{color:#1b3c5e}.fa-paint-brush{color:#e40f48}.fa-python,.fa-react{color:#70cef1}.seo-section{padding:120px 0;background:linear-gradient(135deg,#0f0f23 0,#1a1a2e 50%,#16213e 100%);position:relative;overflow:hidden}.seo-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(34,197,94,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.1) 0,transparent 50%),linear-gradient(90deg,transparent 24%,rgba(255,255,255,.02) 25%,rgba(255,255,255,.02) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.02) 75%,rgba(255,255,255,.02) 76%,transparent 77%,transparent);background-size:400px 400px,300px 300px,50px 50px;opacity:.4;z-index:1}.seo-section .container{position:relative;z-index:2}.seo-header{text-align:center;margin-bottom:80px}.seo-header .section-badge{display:inline-block;padding:8px 24px;background:linear-gradient(135deg,#22c55e 0,#16a34a 100%);color:#fff;border-radius:50px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;box-shadow:0 4px 15px rgba(34,197,94,.3)}.seo-title{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:700;color:#fff;margin-bottom:20px;background:linear-gradient(135deg,#fff 0,#22c55e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.seo-subtitle{font-size:1.2rem;color:rgba(255,255,255,.8);max-width:600px;margin:0 auto;line-height:1.6}.seo-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:100px;max-width:100%;overflow:hidden}.seo-info{padding:40px;background:rgba(255,255,255,.05);border-radius:24px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px);box-shadow:0 20px 40px rgba(0,0,0,.2);max-width:100%}.seo-badge-expert{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#fbbf24 0,#f59e0b 100%);color:#1a1a2e;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:20px;box-shadow:0 4px 15px rgba(251,191,36,.3)}.seo-main-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:20px;line-height:1.3}.seo-description{font-size:1.1rem;color:rgba(255,255,255,.8);line-height:1.7;margin-bottom:30px}.seo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.metric-item{text-align:center;padding:20px 15px;background:rgba(34,197,94,.1);border-radius:12px;border:1px solid rgba(34,197,94,.2)}.metric-number{font-size:1.8rem;font-weight:700;color:#22c55e;display:block;margin-bottom:5px}.metric-label{font-size:.9rem;color:rgba(255,255,255,.7)}.seo-services{margin-bottom:40px}.seo-services h4{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:25px}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.service-item{display:flex;align-items:center;gap:15px;padding:15px;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.service-item:hover{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3);transform:translateY(-2px)}.service-item i{color:#22c55e;font-size:1.2rem;width:24px;text-align:center}.service-content h5{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:3px}.service-content p{color:rgba(255,255,255,.6);font-size:.8rem;margin:0}.seo-cta{display:flex;gap:20px;flex-wrap:wrap}.btn-seo{padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.4, 0, .2, 1);border:none;cursor:pointer}.btn-seo.btn-primary{background:linear-gradient(135deg,#22c55e 0,#16a34a 100%);color:#fff;box-shadow:0 4px 15px rgba(34,197,94,.4)}.btn-seo.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(34,197,94,.5);color:#fff;text-decoration:none}.btn-seo.btn-secondary{background:rgba(255,255,255,.1);color:#fff;border:2px solid rgba(255,255,255,.2)}.btn-seo.btn-secondary:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);transform:translateY(-2px);color:#fff;text-decoration:none}.seo-visual{display:flex;flex-direction:column;gap:30px;max-width:100%;overflow:hidden}.seo-dashboard{background:rgba(255,255,255,.05);border-radius:20px;padding:20px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);width:100%;max-width:100%;box-sizing:border-box}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:10px}.dashboard-header h4{color:#fff;font-size:1rem;margin:0;flex:1;min-width:0}.status-indicator{display:flex;align-items:center;gap:6px;font-size:.75rem;color:rgba(255,255,255,.7);white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e}.status-dot.active{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.7)}70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.dashboard-metrics{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:20px}.metric-card{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1);width:100%;box-sizing:border-box}.metric-icon{width:35px;height:35px;background:linear-gradient(135deg,#22c55e 0,#16a34a 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0}.metric-info{flex:1;min-width:0}.metric-value{display:block;font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-name{font-size:.75rem;color:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-trend{color:#22c55e;font-size:.8rem;flex-shrink:0}.progress-chart{margin-top:15px}.progress-chart h5{color:#fff;font-size:.85rem;margin-bottom:12px}.chart-container{position:relative;height:50px;background:rgba(0,0,0,.2);border-radius:8px;overflow:hidden;width:100%}.chart-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#22c55e 0,#16a34a 100%);animation:chartAnimation 3s ease-in-out infinite}.chart-points{position:relative;height:100%}.point{position:absolute;width:8px;height:8px;background:#22c55e;border-radius:50%;border:2px solid #fff;box-shadow:0 0 10px rgba(34,197,94,.5)}@keyframes chartAnimation{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.5)}}.seo-tools{background:rgba(255,255,255,.05);border-radius:16px;padding:15px;border:1px solid rgba(255,255,255,.1);width:100%;box-sizing:border-box}.seo-tools h4{color:#fff;font-size:.9rem;margin-bottom:12px;text-align:center}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tool-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;background:rgba(255,255,255,.05);border-radius:8px;transition:all .3s ease;text-align:center}.tool-item:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.tool-item img{width:20px;height:20px;filter:brightness(.8)}.tool-item span{font-size:.65rem;color:rgba(255,255,255,.7);text-align:center;line-height:1.2}.seo-process{text-align:center}.seo-process h3{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:60px}.process-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:1000px;margin:0 auto}.timeline-item{text-align:center;position:relative}.timeline-number{width:60px;height:60px;background:linear-gradient(135deg,#22c55e 0,#16a34a 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;margin:0 auto 20px;box-shadow:0 8px 20px rgba(34,197,94,.3);position:relative;z-index:2}.timeline-content h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:10px}.timeline-content p{color:rgba(255,255,255,.7);font-size:.9rem;line-height:1.5}@media (max-width:1200px){.seo-content{gap:40px}.seo-dashboard{padding:15px}.dashboard-header h4{font-size:.9rem}.status-indicator{font-size:.7rem}}@media (max-width:992px){.seo-content{grid-template-columns:1fr;gap:30px}.seo-visual{order:-1}}@media (max-width:768px){.seo-section{padding:80px 0}.seo-content{grid-template-columns:1fr;gap:40px}.seo-info{padding:30px 20px}.seo-metrics{grid-template-columns:1fr;gap:15px}.services-grid{grid-template-columns:1fr}.seo-cta{flex-direction:column;align-items:stretch}.btn-seo{justify-content:center}.dashboard-metrics{grid-template-columns:1fr}.seo-dashboard{padding:15px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:8px}.dashboard-header h4{font-size:.95rem}.status-indicator{font-size:.75rem}.metric-card{padding:10px;gap:10px}.metric-icon{width:30px;height:30px;font-size:.9rem}.metric-value{font-size:1rem}.metric-name{font-size:.7rem}.tools-grid{grid-template-columns:repeat(4,1fr);gap:6px}.tool-item{padding:6px}.tool-item img{width:16px;height:16px}.tool-item span{font-size:.6rem}.process-timeline{grid-template-columns:1fr;gap:40px}}@media (max-width:480px){.seo-header{margin-bottom:60px}.seo-title{font-size:2rem}.seo-subtitle{font-size:1rem}.seo-main-title{font-size:1.5rem}.metric-number{font-size:1.4rem}.timeline-number{width:50px;height:50px;font-size:1.2rem}.seo-dashboard{padding:12px}.dashboard-header h4{font-size:.85rem}.status-indicator{font-size:.65rem}.metric-card{padding:8px;gap:8px}.metric-icon{width:28px;height:28px;font-size:.8rem}.metric-value{font-size:.9rem}.metric-name{font-size:.65rem}.chart-container{height:40px}.progress-chart h5{font-size:.8rem}}@media (prefers-reduced-motion:reduce){.chart-line,.point,.status-dot.active{animation:none}.service-item:hover,.tool-item:hover{transform:none}}.pricing .pricing-item{background-color:var(--surface-color);box-shadow:0 5px 90px rgba(0,0,0,.1);padding:40px 20px;text-align:center;border-radius:8px;position:relative;overflow:hidden}.pricing .pricing-item h3{padding:15px;margin-top:15px;font-size:18px;font-weight:600}.pricing .pricing-item h4{color:var(--accent-color);font-size:42px;font-family:var(--default-font);font-weight:500}.pricing .pricing-item h4 sup{font-size:20px;top:-15px;left:-3px}.pricing .pricing-item h4 span{color:color-mix(in srgb,var(--default-color),transparent 40%);font-size:16px;font-weight:300}.pricing .pricing-item ul{padding:20px 0;list-style:none;text-align:center;line-height:20px;font-size:14px}.pricing .pricing-item ul li{padding-bottom:16px}.pricing .pricing-item ul .na{color:color-mix(in srgb,var(--default-color),transparent 60%);text-decoration:line-through}.pricing .pricing-item .btn-wrap{padding:15px;text-align:center}.pricing .pricing-item .btn-buy{color:var(--accent-color);background-color:transparent;border:2px solid var(--accent-color);display:inline-block;padding:10px 40px 12px 40px;border-radius:50px;font-size:14px;font-family:var(--heading-font);font-weight:600;transition:.3s}.pricing .pricing-item .btn-buy:hover{background:var(--accent-color);color:var(--contrast-color)}.pricing .recommended .btn-buy{background:var(--accent-color);color:var(--contrast-color)}.pricing .recommended .btn-buy:hover{background:color-mix(in srgb,var(--accent-color),transparent 20%);border-color:color-mix(in srgb,var(--accent-color),transparent 20%)}.pricing .recommended-badge{position:absolute;top:20px;left:50%;transform:translateX(-50%);z-index:1;font-size:13px;padding:3px 25px 6px 25px;background:color-mix(in srgb,var(--accent-color),transparent 92%);color:var(--accent-color);border-radius:50px}.pricing{padding:80px 0;background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%)}.pricing-item{background:#fff;border-radius:15px;padding:40px 30px;margin-bottom:30px;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.pricing-item::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.pricing-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.pricing-item.featured{transform:scale(1.05);border:2px solid #667eea}.pricing-item.featured::before{height:6px}.pricing-badge{position:absolute;top:20px;right:-30px;background:#667eea;color:#fff;padding:5px 40px;font-size:12px;font-weight:600;text-transform:uppercase;transform:rotate(45deg)}.pricing-header{text-align:center;margin-bottom:30px}.pricing-header h3{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:20px}.price{display:flex;align-items:baseline;justify-content:center;margin-bottom:10px}.currency{font-size:1.2rem;color:#667eea;font-weight:600}.amount{font-size:3rem;font-weight:700;color:#667eea;margin:0 5px}.period{font-size:1rem;color:#666}.pricing-features ul{list-style:none;padding:0;margin:0}.pricing-features li{padding:12px 0;border-bottom:1px solid #f0f0f0;display:flex;align-items:center}.pricing-features li:last-child{border-bottom:none}.pricing-features i{color:#28a745;margin-right:10px;font-size:.9rem}.pricing-footer{text-align:center;margin-top:30px}.pricing-footer .btn{width:100%;padding:12px 30px;border-radius:50px;font-weight:600;transition:all .3s ease}.pricing-footer .btn-primary{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border:none}.pricing-footer .btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.4)}@media (max-width:768px){.pricing-item.featured{transform:none;margin-top:0}.amount{font-size:2.5rem}}.contact-section{padding:120px 0;background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 50%,#cbd5e1 100%);position:relative;overflow:hidden}.contact-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 75%,rgba(102,126,234,.1) 0,transparent 50%),radial-gradient(circle at 75% 25%,rgba(34,197,94,.1) 0,transparent 50%),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="contact-grid" width="25" height="25" patternUnits="userSpaceOnUse"><rect width="25" height="25" fill="none" stroke="rgba(102,126,234,0.03)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23contact-grid)"/></svg>');background-size:500px 500px,400px 400px,60px 60px;opacity:.6;z-index:1}.contact-section .container{position:relative;z-index:2}.contact-header{text-align:center;margin-bottom:80px}.contact-header .section-badge{display:inline-block;padding:8px 24px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-radius:50px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;box-shadow:0 4px 15px rgba(102,126,234,.3)}.contact-title{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:700;color:#1e293b;margin-bottom:20px;background:linear-gradient(135deg,#1e293b 0,#667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-subtitle{font-size:1.2rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;margin-bottom:80px}.contact-info{display:flex;flex-direction:column;gap:40px}.contact-intro{background:rgba(255,255,255,.8);border-radius:24px;padding:40px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 40px rgba(0,0,0,.1);position:relative}.intro-icon{position:relative;width:80px;height:80px;margin-bottom:25px}.intro-image{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.1)}.intro-badge{position:absolute;top:-8px;right:-8px;width:32px;height:32px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;border:3px solid #fff;box-shadow:0 4px 10px rgba(102,126,234,.3)}.intro-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:15px}.intro-description{color:#64748b;line-height:1.6;margin-bottom:20px}.contact-link{display:inline-flex;align-items:center;gap:10px;color:#667eea;text-decoration:none;font-weight:600;transition:all .3s ease}.contact-link:hover{color:#5a67d8;text-decoration:none;transform:translateX(5px)}.contact-link i{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}.contact-details{display:flex;flex-direction:column;gap:20px}.detail-card{display:flex;align-items:flex-start;gap:20px;padding:25px;background:rgba(255,255,255,.8);border-radius:16px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.detail-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.detail-icon{width:50px;height:50px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}.detail-content h4{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:5px}.detail-content p{color:#475569;margin-bottom:5px;font-weight:500}.detail-note{font-size:.85rem;color:#64748b;font-style:italic}.contact-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:30px;background:rgba(255,255,255,.8);border-radius:16px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.stat-item{text-align:center}.stat-number{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:5px}.stat-label{font-size:.9rem;color:#64748b;font-weight:500}.contact-form-wrapper{background:rgba(255,255,255,.9);border-radius:24px;padding:40px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 40px rgba(0,0,0,.1)}.form-header{text-align:center;margin-bottom:40px}.form-header h3{font-size:1.8rem;font-weight:700;color:#1e293b;margin-bottom:10px}.form-header p{color:#64748b;font-size:1rem}.form-section{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #e2e8f0}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{position:relative;margin-bottom:25px}.form-group label{display:block;font-size:.9rem;font-weight:600;color:#374151;margin-bottom:8px}.form-control{width:100%;padding:15px 45px 15px 15px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);box-sizing:border-box}.form-control:focus{outline:0;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);background:#fff}.form-icon{position:absolute;top:37px;right:15px;color:#9ca3af;font-size:1rem;pointer-events:none;transition:color .3s ease}.form-group:focus-within .form-icon{color:#667eea}textarea.form-control{resize:vertical;min-height:120px}.character-count{position:absolute;bottom:-20px;right:0;font-size:.8rem;color:#9ca3af}.contact-preferences{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.preference-option{display:block;cursor:pointer;position:relative}.preference-option input[type=radio]{position:absolute;opacity:0;cursor:pointer}.preference-content{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 15px;border:2px solid #e2e8f0;border-radius:12px;background:rgba(255,255,255,.5);transition:all .3s ease;text-align:center}.preference-option input[type=radio]:checked+.preference-content{border-color:#667eea;background:rgba(102,126,234,.1)}.preference-content i{font-size:1.5rem;color:#667eea}.preference-content strong{color:#1e293b;font-size:.95rem}.preference-content small{color:#64748b;font-size:.8rem}.form-messages{margin-bottom:30px}.form-messages>div{display:none;padding:15px 20px;border-radius:12px;margin-bottom:15px;font-weight:500}.loading-message{background:rgba(59,130,246,.1);color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.error-message{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.success-message{background:rgba(34,197,94,.1);color:#22c55e;border:1px solid rgba(34,197,94,.2)}.form-messages i{margin-right:10px}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.form-info{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#64748b}.form-info i{color:#10b981}.btn-submit{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;gap:10px;box-shadow:0 4px 15px rgba(102,126,234,.4)}.btn-submit:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(102,126,234,.5)}.btn-submit:active{transform:translateY(-1px)}.contact-faq{text-align:center;background:rgba(255,255,255,.8);border-radius:24px;padding:50px 40px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 40px rgba(0,0,0,.08)}.contact-faq h3{font-size:1.8rem;font-weight:700;color:#1e293b;margin-bottom:40px}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;text-align:left}.faq-item{padding:25px;background:rgba(255,255,255,.6);border-radius:16px;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.faq-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.faq-question{display:flex;align-items:center;gap:12px;margin-bottom:15px}.faq-question i{color:#667eea;font-size:1.1rem}.faq-question strong{color:#1e293b;font-size:1rem}.faq-item p{color:#64748b;line-height:1.6;margin:0}@media (max-width:1200px){.contact-content{gap:40px}.contact-form-wrapper{padding:30px}}@media (max-width:992px){.contact-content{grid-template-columns:1fr;gap:50px}.contact-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.contact-section{padding:80px 0}.contact-header{margin-bottom:60px}.contact-title{font-size:2.5rem}.contact-subtitle{font-size:1rem}.contact-intro{padding:30px 20px}.contact-form-wrapper{padding:25px 20px}.form-grid{grid-template-columns:1fr;gap:15px}.contact-preferences{grid-template-columns:1fr}.form-actions{flex-direction:column;align-items:stretch}.btn-submit{width:100%;justify-content:center}.contact-stats{grid-template-columns:1fr;gap:15px}.faq-grid{grid-template-columns:1fr;gap:20px}.contact-faq{padding:40px 20px}}@media (max-width:480px){.contact-header{margin-bottom:50px}.contact-title{font-size:2rem}.contact-intro{padding:25px 15px}.contact-form-wrapper{padding:20px 15px}.form-header h3{font-size:1.5rem}.section-title{gap:8px}.form-control{padding:12px 40px 12px 12px}.detail-card{padding:20px 15px;gap:15px}.detail-icon{width:40px;height:40px;font-size:1rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.detail-card,.faq-item{animation:fadeInUp .6s ease-out}.detail-card:nth-child(2){animation-delay:.1s}.detail-card:nth-child(3){animation-delay:.2s}@media (prefers-reduced-motion:reduce){.btn-submit,.contact-link,.detail-card,.faq-item{animation:none;transition:none}.btn-submit:hover,.detail-card:hover,.faq-item:hover{transform:none}}@media (prefers-color-scheme:dark){.contact-section{background:linear-gradient(135deg,#0f172a 0,#1e293b 50%,#334155 100%)}.contact-title{color:#fff}.contact-subtitle{color:rgba(255,255,255,.8)}}.chat-popup{position:fixed;bottom:80px;right:20px;width:400px;max-width:90vw;height:600px;max-height:80vh;background:#fff;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.15);display:none;flex-direction:column;z-index:10000;overflow:hidden;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(20px)}.chat-header{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.chat-header h2{margin:0;font-size:1.2rem;font-weight:600}.close-chat{background:0 0;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.close-chat:hover{background:rgba(255,255,255,.2)}#selectionStep{padding:20px;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center}#selectionStep h2{color:#1e293b;margin-bottom:10px;font-size:1.3rem}.selection-subtitle{color:#64748b;margin-bottom:20px;font-size:.9rem}#topicSelect{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;margin-bottom:20px;background:#fff;transition:border-color .2s}#topicSelect:focus{border-color:#667eea;outline:0}#startChatBtn{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;padding:14px 20px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s;margin-bottom:15px}#startChatBtn:hover{transform:translateY(-2px)}.selection-note{font-size:.8rem;color:#64748b;line-height:1.4}#chatStep{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%}.chat-body{flex:1 1 auto;min-height:0;max-height:100%;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.chat-message{display:flex;gap:10px;opacity:0;transform:translateY(20px);animation:messageAppear .4s ease forwards}@keyframes messageAppear{to{opacity:1;transform:translateY(0)}}.bot-message{align-items:flex-start}.user-message{align-items:flex-end;flex-direction:row-reverse}.message-avatar{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.bot-message .message-avatar{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.user-message .message-avatar{background:#e2e8f0;color:#475569}.message-content{max-width:280px;padding:12px 16px;border-radius:18px;font-size:.9rem;line-height:1.4;position:relative}.bot-message .message-content{background:#f8fafc;color:#1e293b;border-bottom-left-radius:6px}.user-message .message-content{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-bottom-right-radius:6px}.message-time{font-size:.7rem;opacity:.7;margin-top:4px;text-align:right}.user-message .message-time{text-align:left}.action-buttons-container,.faq-buttons-container{display:flex;flex-direction:column;gap:8px;margin:10px 0}.action-btn,.faq-suggestion-btn{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:10px 15px;text-align:left;cursor:pointer;transition:all .2s;font-size:.9rem;color:#475569}.action-btn:hover,.faq-suggestion-btn:hover{border-color:#667eea;background:#f8fafc;transform:translateX(5px)}.action-btn{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;font-weight:500;display:flex;align-items:center;gap:8px}.action-btn:hover{background:linear-gradient(135deg,#5a67d8 0,#6b46c1 100%);transform:translateY(-2px)}.chat-footer{flex-shrink:0;padding:15px 20px;border-top:1px solid #e2e8f0;display:flex;gap:10px;background:#f8fafc}#chatInput{flex:1;padding:10px 15px;border:2px solid #e2e8f0;border-radius:20px;font-size:.9rem;outline:0;transition:border-color .2s}#chatInput:focus{border-color:#667eea}#sendBtn{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;font-weight:500;transition:transform .2s}#sendBtn:hover{transform:scale(1.05)}.chat-loading{display:flex;align-items:center;gap:10px;padding:15px;color:#667eea;font-style:italic}.loading-dots{display:flex;gap:4px}.loading-dots span{width:6px;height:6px;background:#667eea;border-radius:50%;animation:loadingBounce 1.4s infinite ease-in-out both}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loadingBounce{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.chat-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:15px;color:#dc2626;text-align:center}.retry-btn{background:#667eea;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;margin-top:10px;font-size:.8rem}.emoji{font-size:1.1em}@media (max-width:768px){.chat-popup{bottom:10px;right:10px;left:10px;width:auto;max-width:none;height:70vh}.message-content{max-width:240px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.chat-icon{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;cursor:pointer;box-shadow:0 4px 20px rgba(102,126,234,.3);z-index:9999;transition:transform .2s}.chat-icon:hover{transform:scale(1.1)}