:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--color-primary:#1a3a2f;--color-primary-light:#2d5a47;--color-primary-dark:#0f2820;--color-secondary:#8b3a3a;--color-secondary-light:#a94c4c;--color-accent:#d4a574;--color-accent-light:#e8c9a8;--color-white:#fff;--color-cream:#faf8f5;--color-beige:#f5f1eb;--color-gray-100:#f7f7f7;--color-gray-200:#e5e5e5;--color-gray-300:#d4d4d4;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-900:#171717;--font-heading:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:5rem;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);color:var(--color-gray-900);background-color:var(--color-white);-webkit-font-smoothing:antialiased;max-width:100vw;font-size:16px;line-height:1.6;overflow-x:hidden}.app{max-width:100%;overflow-x:hidden}.navbar{z-index:1000;background:var(--color-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);position:fixed;top:0;left:0;right:0}.nav-container{max-width:1400px;padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;height:70px;margin:0 auto;display:flex}.nav-logo{color:var(--color-white);transition:opacity var(--transition-fast);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;text-decoration:none;display:flex}.nav-logo-icon{object-fit:contain;border-radius:.375rem;width:70px;height:70px}.nav-logo:hover{opacity:.9}.nav-logo-subtitle{opacity:.8;border-left:1px solid #ffffff4d;padding-left:.5rem;font-size:.9rem;font-weight:400}.nav-menu{align-items:center;gap:var(--spacing-md);list-style:none;display:flex}.nav-menu a{color:#ffffffd9;transition:color var(--transition-fast);padding:.5rem 0;font-size:.9rem;font-weight:500;text-decoration:none;position:relative}.nav-menu a:after{content:"";background:var(--color-accent);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:0;left:0}.nav-menu a:hover,.nav-menu a.active{color:var(--color-white)}.nav-menu a:hover:after,.nav-menu a.active:after{width:100%}.nav-linkedin{border-radius:var(--radius-full);width:36px;height:36px;transition:background var(--transition-fast);background:#ffffff1a;justify-content:center;align-items:center;display:flex}.nav-linkedin:hover{background:#fff3}.nav-toggle{cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}.hamburger{background:var(--color-white);width:24px;height:2px;transition:background var(--transition-fast);display:block;position:relative}.hamburger:before,.hamburger:after{content:"";background:var(--color-white);width:24px;height:2px;transition:transform var(--transition-fast);position:absolute;left:0}.hamburger:before{top:-7px}.hamburger:after{top:7px}.hamburger.active{background:0 0}.hamburger.active:before{transform:rotate(45deg)translate(5px,5px)}.hamburger.active:after{transform:rotate(-45deg)translate(5px,-5px)}section{padding:var(--spacing-2xl)var(--spacing-lg);opacity:0;transition:all .6s ease-out;transform:translateY(30px)}section.visible{opacity:1;transform:translateY(0)}.section-container{max-width:100%;margin:0 auto}.section-label{text-transform:uppercase;letter-spacing:.2em;color:var(--color-primary);margin-bottom:var(--spacing-sm);font-size:.75rem;font-weight:600;display:block}.section-title{font-family:var(--font-heading);color:var(--color-gray-900);margin-bottom:var(--spacing-xl);font-size:clamp(2rem,4vw,3rem);font-weight:700}.about-hero{padding-top:120px;padding-bottom:var(--spacing-2xl);background:linear-gradient(135deg,var(--color-cream)0%,var(--color-beige)100%);position:relative;overflow:hidden}.about-hero:before{content:"";background:radial-gradient(circle,var(--color-primary)0%,transparent 70%);opacity:.03;pointer-events:none;width:80%;height:150%;position:absolute;top:-50%;right:-20%}.about-hero-grid{gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);grid-template-columns:380px 1fr;align-items:start;display:grid}.about-hero-image{animation:.8s ease-out fadeInLeft}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.about-image-wrapper{position:relative}.about-image-wrapper img{object-fit:cover;border-radius:var(--radius-xl);width:380px;height:480px;box-shadow:var(--shadow-xl)}.about-image-decoration{border:3px solid var(--color-primary);border-radius:var(--radius-xl);z-index:-1;position:absolute;inset:20px -20px -20px 20px}.about-hero-content{animation:.8s ease-out .2s both fadeInRight}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.hero-badge{background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);margin-bottom:var(--spacing-sm);padding:.5rem 1rem;font-size:.875rem;font-weight:500;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{box-shadow:0 0 #1a3a2f66}50%{box-shadow:0 0 0 10px #1a3a2f00}}.hero-title{font-family:var(--font-heading);color:var(--color-gray-900);margin-bottom:var(--spacing-md);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.1}.hero-title .highlight{color:var(--color-primary);position:relative}.hero-title .highlight:after{content:"";background:var(--color-accent-light);z-index:-1;opacity:.5;width:100%;height:8px;position:absolute;bottom:5px;left:0}.about-hero .about-text{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.about-hero .about-intro{color:var(--color-gray-900);font-size:1.15rem;line-height:1.7}.about-hero .about-text p{color:var(--color-gray-700);line-height:1.7}.about-hero .about-text strong{color:var(--color-primary)}.hero-current{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg);display:flex}.hero-school-logo{object-fit:contain;width:60px;height:60px}.hero-current-text{flex-direction:column;gap:.25rem;display:flex}.hero-current-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);font-size:.75rem;font-weight:600}.hero-current-title{color:var(--color-gray-900);font-weight:600}.hero-current-school{color:var(--color-gray-500);font-size:.875rem}.hero-cta{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.btn{border-radius:var(--radius-full);transition:all var(--transition-normal);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-secondary:hover{background:var(--color-primary);color:var(--color-white)}.btn-large{padding:1rem 2rem;font-size:1rem}.about-highlights{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}.highlight-card{background:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.highlight-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.highlight-icon{background:var(--color-primary);width:50px;height:50px;color:var(--color-white);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);justify-content:center;align-items:center;font-size:1.5rem;display:inline-flex}.highlight-card h3{color:var(--color-gray-900);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.highlight-card p{color:var(--color-gray-600);font-size:.9rem;line-height:1.6}.experiences{background:var(--color-white)}.timeline{padding-left:50px;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom,var(--color-primary),var(--color-primary-light),var(--color-gray-200));width:2px;position:absolute;top:0;bottom:0;left:20px}.timeline-item{padding-bottom:var(--spacing-xl);position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-marker{background:var(--color-white);border:3px solid var(--color-primary);width:16px;height:16px;transition:all var(--transition-normal);border-radius:50%;position:absolute;top:0;left:-38px}.timeline-item.current .timeline-marker{background:var(--color-primary);width:20px;height:20px;left:-40px;box-shadow:0 0 0 4px #1a3a2f33}.timeline-item:hover .timeline-marker{background:var(--color-primary);transform:scale(1.2)}.timeline-content{background:var(--color-cream);padding:var(--spacing-lg);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.timeline-item:hover .timeline-content{box-shadow:var(--shadow-lg);transform:translate(5px)}.timeline-header{gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.timeline-logo{object-fit:contain;background:var(--color-white);border-radius:var(--radius-md);width:60px;height:60px;padding:.5rem}.timeline-info h3{color:var(--color-gray-900);margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.timeline-company{color:var(--color-primary);margin-bottom:.25rem;font-weight:500}.timeline-date{color:var(--color-gray-500);font-size:.875rem}.timeline-badge{background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);margin-top:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.timeline-details{flex-direction:column;gap:.75rem;list-style:none;display:flex}.timeline-details li{color:var(--color-gray-700);padding-left:1.25rem;font-size:.95rem;line-height:1.6;position:relative}.timeline-details li:before{content:"•";color:var(--color-primary);font-weight:600;position:absolute;left:0}.timeline-details li strong{color:var(--color-gray-900)}.formation{background:var(--color-primary)}.formation-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}.formation-card{background:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.formation-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.formation-card.featured{border:2px solid var(--color-primary);grid-column:span 1;position:relative;overflow:hidden}.formation-card.featured:before{content:"";background:var(--color-primary);height:4px;position:absolute;top:0;left:0;right:0}.formation-card-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.formation-logo{object-fit:contain;width:80px;height:50px}.formation-badge{background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);text-transform:uppercase;padding:.25rem .75rem;font-size:.7rem;font-weight:600}.formation-card h3{color:var(--color-gray-900);margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.formation-card h4{color:var(--color-gray-700);margin-bottom:var(--spacing-sm);font-size:1rem;font-weight:500}.formation-school{color:var(--color-gray-600);margin-bottom:.25rem;font-size:.9rem}.formation-date{color:var(--color-gray-500);font-size:.85rem}.certifications{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-xl)}.certifications-title{color:var(--color-gray-900);margin-bottom:var(--spacing-lg);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:600;display:flex}.certifications-title:before{content:"📜"}.certifications-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.certification-item{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-cream);border-radius:var(--radius-md);transition:all var(--transition-normal);display:flex}.certification-item:hover{background:var(--color-white);box-shadow:var(--shadow-md);transform:translate(5px)}.certification-icon{flex-shrink:0;font-size:1.5rem}.certification-item h4{color:var(--color-gray-900);margin-bottom:.25rem;font-size:.9rem;font-weight:600}.certification-item p{color:var(--color-gray-500);font-size:.8rem}.competences{background:var(--color-white)}.competences-block{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.competences-category h3{color:var(--color-gray-900);margin-bottom:var(--spacing-md);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;display:flex}.competences-category h3 svg{color:var(--color-primary)}.skills-tags{flex-wrap:wrap;gap:.75rem;display:flex}.skill-tag{background:var(--color-cream);color:var(--color-gray-700);border-radius:var(--radius-full);transition:all var(--transition-normal);padding:.75rem 1.25rem;font-size:.9rem;font-weight:500}.skill-tag:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.tools-categories{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.tool-category{padding:var(--spacing-md);background:var(--color-cream);border-radius:var(--radius-lg);transition:all var(--transition-normal);flex-direction:column;gap:.25rem;display:flex}.tool-category:hover{background:var(--color-white);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-category-label{color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.tool-category-items{color:var(--color-gray-700);font-size:.95rem}.languages{background:var(--color-primary);padding:var(--spacing-xl);border-radius:var(--radius-xl)}.languages-title{color:#fff;margin-bottom:var(--spacing-lg);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:600;display:flex}.languages-title:before{content:"🌍"}.languages-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.language-card{background:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-normal)}.language-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.language-flag{margin-bottom:var(--spacing-sm);font-size:3rem;display:block}.language-card h4{color:var(--color-gray-900);margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.language-card p{color:var(--color-gray-500);margin-bottom:var(--spacing-sm);font-size:.9rem}.language-bar{background:var(--color-gray-200);border-radius:var(--radius-full);height:8px;overflow:hidden}.language-progress{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-full);height:100%;transition:width 1s ease-out}.projet{background:var(--color-beige)}.projet-content{gap:var(--spacing-xl);flex-direction:column;display:flex}.projet-header{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-primary);border-radius:var(--radius-xl);color:var(--color-white);display:flex}.projet-logo{object-fit:contain;background:var(--color-white);border-radius:var(--radius-lg);width:100px;height:100px;padding:.75rem}.projet-intro h3{margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.projet-tagline{opacity:.9;font-size:1rem}.projet-ranking{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.ranking-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-light)100%);border-radius:var(--radius-xl);color:var(--color-white);transition:all var(--transition-normal);display:flex}.ranking-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.ranking-icon{font-size:3rem}.ranking-info{flex-direction:column;display:flex}.ranking-position{font-size:1.75rem;font-weight:700}.ranking-label{opacity:.9;font-size:1rem}.projet-video{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.projet-video iframe{display:block}.projet-details{gap:var(--spacing-xl);display:grid}.projet-pillars h4,.projet-users h4,.projet-features h4{color:var(--color-gray-900);margin-bottom:var(--spacing-md);font-size:1.1rem;font-weight:600}.pillars-grid{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.pillar{padding:var(--spacing-md)var(--spacing-lg);background:var(--color-cream);border-radius:var(--radius-lg);transition:all var(--transition-normal);align-items:center;gap:.75rem;font-weight:500;display:flex}.pillar:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-3px)}.pillar-icon{font-size:1.5rem}.users-grid{gap:var(--spacing-lg);display:flex}.user-type{padding:var(--spacing-md)var(--spacing-lg);background:var(--color-cream);border-radius:var(--radius-lg);align-items:center;gap:.75rem;font-weight:500;display:flex}.user-icon{font-size:1.5rem}.features-list{gap:var(--spacing-md);flex-direction:column;display:flex}.feature{gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-cream);border-radius:var(--radius-lg);transition:all var(--transition-normal);display:flex}.feature:hover{background:var(--color-white);box-shadow:var(--shadow-md);transform:translate(10px)}.feature-number{color:var(--color-primary);opacity:.3;font-size:1.5rem;font-weight:700}.feature h5{color:var(--color-gray-900);margin-bottom:.25rem;font-size:1rem;font-weight:600}.feature p{color:var(--color-gray-600);font-size:.9rem}.projet-impact{margin-top:var(--spacing-md)}.impact-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-light)100%);border-radius:var(--radius-lg);color:var(--color-white);display:flex}.impact-icon{font-size:2rem}.impact-card h5{text-transform:uppercase;letter-spacing:.1em;opacity:.8;margin-bottom:.25rem;font-size:.85rem}.impact-card p{font-size:1.1rem}.impact-card strong{font-weight:700}.projet-tags{margin-top:var(--spacing-md);flex-wrap:wrap;gap:.75rem;display:flex}.projet-tags span{background:var(--color-gray-100);color:var(--color-gray-700);border-radius:var(--radius-full);padding:.5rem 1rem;font-size:.85rem;font-weight:500}.contact{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);color:var(--color-white);overflow:hidden}.contact .section-container{max-width:1200px}.contact .section-label{color:var(--color-accent-light)}.contact .section-title{color:var(--color-white)}.contact-intro{opacity:.9;max-width:600px;margin-bottom:var(--spacing-xl);font-size:1.1rem}.contact-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(4,1fr);display:grid}.contact-card{text-align:center;padding:var(--spacing-xl)var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);color:var(--color-white);transition:all var(--transition-normal);background:#ffffff1a;border:1px solid #ffffff1a;flex-direction:column;align-items:center;text-decoration:none;display:flex}.contact-card:hover{background:#fff3;transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.contact-icon{background:var(--color-white);width:60px;height:60px;color:var(--color-primary);border-radius:var(--radius-full);margin-bottom:var(--spacing-md);transition:all var(--transition-normal);justify-content:center;align-items:center;display:flex}.contact-card:hover .contact-icon{transform:scale(1.1)}.contact-card h3{margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.contact-card p{opacity:.9;font-size:.95rem}.contact-extra{opacity:.7;margin-top:.5rem;font-size:.8rem;display:block}.contact-card.location{cursor:default}.contact-cta{justify-content:center;display:flex}.contact-cta .btn-primary{background:var(--color-white);color:var(--color-primary)}.contact-cta .btn-primary:hover{background:var(--color-accent-light);transform:translateY(-3px)}.footer{background:var(--color-primary-dark);color:var(--color-white);padding:var(--spacing-lg);text-align:center}.footer-container{max-width:1200px;margin:0 auto}.footer p{opacity:.8;font-size:.9rem}@media (max-width:1024px){.about-hero-grid{text-align:center;grid-template-columns:1fr}.about-hero-image{justify-content:center;display:flex}.about-image-wrapper img{width:300px;height:380px}.hero-cta,.hero-current{justify-content:center}.about-highlights,.formation-grid{grid-template-columns:repeat(2,1fr)}.formation-card.featured{grid-column:span 1}.contact-grid,.languages-grid,.certifications-grid,.tools-categories{grid-template-columns:repeat(2,1fr)}.projet-ranking{grid-template-columns:1fr}}@media (max-width:768px){.nav-menu{background:var(--color-primary);padding:var(--spacing-lg);gap:var(--spacing-md);opacity:0;visibility:hidden;transition:all var(--transition-normal);flex-direction:column;position:fixed;top:70px;left:0;right:0;transform:translateY(-100%)}.nav-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.nav-toggle{display:block}.about-hero{padding-top:100px}.about-image-wrapper img{width:250px;height:320px}.about-image-decoration{display:none}.about-highlights{grid-template-columns:1fr}.timeline{padding-left:30px}.timeline:before{left:10px}.timeline-marker{left:-25px}.timeline-item.current .timeline-marker{left:-27px}.timeline-header{flex-direction:column;align-items:flex-start}.formation-grid,.contact-grid,.languages-grid,.certifications-grid,.tools-categories{grid-template-columns:1fr}.projet-header{text-align:center;flex-direction:column}.projet-video iframe{height:250px}.ranking-card{text-align:center;flex-direction:column}}@media (max-width:480px){section{padding:var(--spacing-xl)var(--spacing-sm)}.hero-title{font-size:2rem}.highlight-card{padding:var(--spacing-md)}.pillars-grid,.users-grid{flex-direction:column}}