.floating-icons{position:absolute;inset:0;pointer-events:none;z-index:1}.floating-icon{position:absolute;font-size:2rem;opacity:.8;animation:floatTech 8s ease-in-out infinite;transition:all .3s ease}.floating-icon i{filter:drop-shadow(0 0 15px rgba(96,165,250,.5))}@keyframes floatTech{0%,to{transform:translateY(0) translate(0) rotate(0);opacity:.6}25%{transform:translateY(-15px) translate(5px) rotate(2deg);opacity:.8}50%{transform:translateY(-8px) translate(-8px) rotate(-1deg);opacity:1}75%{transform:translateY(-20px) translate(3px) rotate(1deg);opacity:.7}}.hero-section:hover .floating-icon{opacity:1;animation-duration:6s;transform:scale(1.1)}.hero-section:hover .floating-icon i{filter:drop-shadow(0 0 25px rgba(96,165,250,.9))}.about-page{max-width:var(--max-content-width);margin:0 auto;padding:0 var(--content-padding)}.hero-about{background:var(--gradient-bg);color:#fff;text-align:center;padding:4rem 2rem;margin:-2rem -1rem 3rem;border-radius:0 0 2rem 2rem;position:relative;overflow:hidden}.hero-about:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%);animation:pulse 4s ease-in-out infinite}.hero-about .hero-content{position:relative;z-index:1}.hero-about h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-about .hero-subtitle{font-size:clamp(1.125rem,2.5vw,1.25rem);opacity:.9;font-weight:400}.intro-section{margin:4rem 0;display:flex;justify-content:center}.intro-card{background:#1a1b2399;backdrop-filter:blur(10px);border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:3rem 2rem;text-align:center;max-width:800px;box-shadow:var(--shadow-lg);transition:all .3s ease}.intro-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--accent-color)}.intro-icon{font-size:4rem;color:var(--accent-color);margin-bottom:1.5rem}.intro-card h2{color:var(--accent-color);font-size:clamp(1.5rem,4vw,2rem);margin-bottom:1.5rem}.intro-text{font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.7;color:var(--text-secondary)}.intro-section-open{margin:5rem 0;padding:0 2rem}.intro-content{max-width:var(--max-content-width);margin:0 auto}.intro-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem}.intro-icon-large{font-size:5rem;color:var(--accent-color);filter:drop-shadow(0 4px 8px rgba(59,130,246,.3));transition:all .3s ease}.intro-icon-large:hover{transform:scale(1.1);filter:drop-shadow(0 6px 12px rgba(59,130,246,.4))}.intro-text-header{flex:1}.intro-text-header h2{color:var(--text-primary);font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:1rem;background:var(--gradient-bg);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-line{height:4px;background:var(--gradient-bg);border-radius:2px;width:80px;margin-bottom:0;animation:growLine 1s ease-out .5s both}.intro-description{text-align:left;padding-left:7rem}.intro-description p{font-size:clamp(1.125rem,2.5vw,1.25rem);line-height:1.8;color:var(--text-secondary);margin:0;animation:fadeInUp 1s ease-out .8s both}@keyframes growLine{0%{width:0}to{width:80px}}@media (max-width: 768px){.intro-section-open{margin:3rem 0;padding:0 1rem}.intro-header{flex-direction:column;text-align:center;gap:1.5rem;margin-bottom:2rem}.intro-icon-large{font-size:4rem}.intro-text-header h2{font-size:2rem}.intro-description{text-align:center;padding-left:0}.intro-description p{font-size:1.125rem}}.experience-section{margin:5rem 0}.experience-section h2{text-align:center;margin-bottom:3rem;font-size:clamp(2rem,4vw,2.5rem)}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0}.experience-card{background:#1a1b2366;border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:2.5rem 2rem;text-align:center;transition:all .3s ease;backdrop-filter:blur(5px)}.experience-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--accent-color);background:#1a1b23b3}.experience-icon{font-size:3rem;color:var(--accent-color);margin-bottom:1.5rem}.experience-card h3{color:var(--text-primary);font-size:clamp(1.25rem,3vw,1.5rem);margin-bottom:1rem}.experience-card p{color:var(--text-secondary);line-height:1.6}.passion-section{margin:5rem 0;background:#1a1b234d;border-radius:var(--radius-xl);padding:4rem 2rem;border:1px solid var(--border-color)}.passion-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.passion-text h2{color:var(--accent-color);font-size:clamp(1.75rem,4vw,2.25rem);margin-bottom:1.5rem}.passion-text p{font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.7;color:var(--text-secondary)}.tech-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.tech-item{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:#1a1b2399;border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all .3s ease}.tech-item:hover{transform:scale(1.05);border-color:var(--accent-color);box-shadow:var(--shadow-md)}.tech-item i{font-size:2.5rem;color:var(--accent-color);margin-bottom:.75rem}.tech-item span{color:var(--text-secondary);font-weight:500;font-size:.95rem}.services-overview{margin:5rem 0}.services-overview h2{text-align:center;margin-bottom:3rem;font-size:2.5rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.service-card{background:#1a1b2380;border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:2.5rem 2rem;transition:all .3s ease;backdrop-filter:blur(8px);text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);text-decoration:none}.service-card:focus{outline:2px solid var(--accent-color);outline-offset:2px;transform:translateY(-6px);box-shadow:var(--shadow-xl)}.service-card.particulier:hover,.service-card.particulier:focus{border-color:var(--green-accent)}.service-card.business:hover,.service-card.business:focus{border-color:var(--accent-color)}.service-card.freelance:hover,.service-card.freelance:focus{border-color:var(--orange-accent)}.service-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.service-header i{font-size:2rem}.service-card.particulier .service-header i{color:var(--green-accent)}.service-card.business .service-header i{color:var(--accent-color)}.service-card.freelance .service-header i{color:var(--orange-accent)}.service-header h3{color:var(--text-primary);font-size:1.5rem;margin:0}.service-card p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6;flex-grow:1}.service-features{display:flex;flex-direction:column;gap:.5rem}.feature{color:var(--text-muted);font-size:.95rem}.values-section{margin:5rem 0;text-align:center}.values-section h2{font-size:2.5rem;margin-bottom:2rem}.values-content{max-width:800px;margin:0 auto}.values-content p{font-size:1.25rem;line-height:1.7;color:var(--text-secondary)}.service-link{display:inline-flex;align-items:center;color:var(--accent-color);text-decoration:none;font-weight:500;margin-top:1rem;padding:.5rem 0;transition:all .3s ease;border-bottom:1px solid transparent;touch-action:manipulation;min-height:44px}.service-link:hover{color:var(--text-primary);border-bottom-color:var(--accent-color);transform:translate(4px)}.service-link-arrow{display:inline-flex;align-items:center;color:var(--accent-color);font-weight:500;margin-top:auto;padding:.5rem 0;transition:all .3s ease;border-bottom:1px solid transparent;position:relative}.service-card:hover .service-link-arrow,.service-card:focus .service-link-arrow{color:var(--text-primary);border-bottom-color:var(--accent-color);transform:translate(4px)}.pricing-section{margin:5rem 0}.pricing-section h2{text-align:center;margin-bottom:3rem;font-size:2.5rem}.cta-section{margin:5rem 0;background:var(--gradient-bg);color:#fff;text-align:center;padding:4rem 2rem;border-radius:var(--radius-xl);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 0%,transparent 50%)}.cta-content{position:relative;z-index:1}.cta-content h2{font-size:2.5rem;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.cta-content p{font-size:1.25rem;margin-bottom:2.5rem;opacity:.9}.cta-button{display:inline-flex;align-items:center;gap:.75rem;background:#ffffff26;color:#fff;padding:1rem 2rem;border-radius:var(--radius-lg);text-decoration:none;font-weight:600;font-size:clamp(1rem,2.5vw,1.125rem);transition:all .3s ease;border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);touch-action:manipulation;min-height:44px}.cta-button:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 8px 32px #0003;border-color:#ffffff80}.cta-button i{font-size:1.25rem}@media (max-width: 768px){.about-page{padding:0 .5rem}.hero-about{padding:2.5rem 1rem;margin:-1rem -.5rem 2rem}.intro-card{padding:2rem 1.5rem}.intro-icon{font-size:3rem}.experience-grid{grid-template-columns:1fr;gap:1.5rem}.experience-card{padding:2rem 1.5rem}.experience-icon{font-size:2.5rem}.passion-content{grid-template-columns:1fr;gap:2rem}.passion-section{padding:3rem 1.5rem}.tech-stack{grid-template-columns:repeat(2,1fr);gap:1rem}.tech-item{padding:1rem}.tech-item i{font-size:2rem}.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:2rem 1.5rem}.cta-section{padding:3rem 1rem}.cta-content h2{font-size:clamp(1.75rem,4vw,2rem)}.cta-content p{font-size:clamp(1rem,2.5vw,1.125rem)}.cta-button{padding:.875rem 1.5rem;font-size:1rem}.services-overview h2,.values-section h2{font-size:clamp(1.75rem,4vw,2rem)}.values-content p{font-size:clamp(1rem,2.5vw,1.125rem)}}@media (max-width: 480px){.hero-about{padding:2rem .75rem;margin:-.75rem -.25rem 1.5rem}.intro-card{padding:1.5rem 1rem}.intro-icon{font-size:2.5rem}.experience-card{padding:1.5rem 1rem}.experience-icon{font-size:2rem}.tech-stack{grid-template-columns:1fr;gap:.75rem}.tech-item{padding:.75rem}.tech-item i{font-size:1.75rem}.passion-section{padding:2rem 1rem}.service-card{padding:1.5rem 1rem}.service-header i{font-size:1.5rem}.cta-section{padding:2rem .75rem}.cta-button{padding:.75rem 1.25rem;font-size:.875rem}}