:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#d2d2d2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}.main{background-color:#f9f9f9;color:#222;min-height:100vh;min-width:100%;display:flex;align-items:center;justify-content:center}.section{width:100%}.container{max-width:80%;margin:0 auto;padding:0 1.25rem}.banner-column{display:grid;row-gap:3rem;align-items:center}@media screen and (min-width: 768px){.banner-column{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}}@media screen and (min-width: 1024px){.banner-column{column-gap:4rem;margin-top:2rem}}.banner-animation{margin:0 auto}@media screen and (min-width: 768px){.banner-animation{max-width:26rem}}.heading{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.2;color:#111;text-align:start}.paragraph{font-size:1.1rem;color:#555;margin-top:1rem;margin-bottom:2rem;text-align:start}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;border-radius:.5rem;font-size:1rem;transition:all .2s ease;text-decoration:none}.btn:active{transform:scale(.95)}.btn-light{background-color:#f60;color:#fff;border:2px solid #ff6600}.btn-light:hover{background-color:#fff;color:#f60}.btn-outline{background-color:transparent;color:#f60;border:2px solid #ff6600}.btn-outline:hover{background-color:#ffe6d5;color:#f60}.btn i{transition:transform .2s ease}.btn:hover i{transform:translate(5px)}.nav-toggle{position:fixed;top:1rem;right:1rem;z-index:999;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;font-size:1rem;border-radius:.5rem;cursor:pointer;background-color:#f60;color:#fff;border:2px solid #ff6600;transition:all .2s ease-in-out}.nav-toggle:hover{background-color:#fff;color:#f60;border:2px solid #ff6600}.nav-toggle:active{transform:scale(.95)}.nav-toggle i{font-size:1.2rem}.nav-toggle.hidden{display:none}.nav-toggle:focus{outline:none}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#f9f9f9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:998;opacity:0;pointer-events:none;transform:translateY(-20px);transition:all .3s ease-in-out}.nav-overlay.show{opacity:1;transform:translateY(0);pointer-events:auto}.nav-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#222;cursor:pointer}.nav-close i{transition:all .2s ease}.nav-close:hover i{transform:scale(1.2);color:#f60}.nav-close:focus{outline:none}.nav-links{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.nav-links a{font-size:2rem;color:#222;text-decoration:none;font-weight:600;transition:color .2s}.nav-links a:hover{color:#f60}.timeline-wrapper{background-color:#fff;padding:2rem;position:relative;max-width:50%;margin:0 auto;display:flex;flex-direction:column}.timeline-line{position:absolute;left:8px;top:0;bottom:0;width:2px;background-color:#ccc;z-index:0}.timeline-entry{position:relative;display:flex;align-items:flex-start;margin-bottom:1.5rem;padding-left:3.5rem;cursor:pointer}.timeline-entry:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:0;top:22px;width:14px;height:14px;background-color:#fff;border:2px solid #ccc;border-radius:50%;z-index:2;transition:border-color .3s,background-color .3s}.timeline-entry.active .timeline-dot{border-color:#f60;box-shadow:0 0 0 2px #ff660080}.timeline-box{border:1px solid #aaa;border-radius:4px;padding:1rem 1.25rem;background:#fff;width:100%;transition:all .3s ease-in-out;display:flex;flex-direction:column}.timeline-box:hover{border-color:#ff660080}.timeline-entry.active .timeline-box{border-color:#f60}.timeline-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:.95rem;color:#222}.timeline-title{font-weight:700}.timeline-entry.active .timeline-title{color:#f60}.timeline-icon{font-size:1.2rem;color:#555;transition:transform .3s ease}.timeline-entry.active .timeline-icon{transform:rotate(90deg)}.timeline-description-wrapper{transition:all .4s ease;overflow:hidden;opacity:0;max-height:0}.timeline-description{white-space:pre-line;margin-top:.8rem;color:#555;font-size:.95rem;line-height:1.4;text-align:left}@media (max-width: 1024px){.timeline-wrapper{padding:2rem 0;max-width:100%}}.presentation-section .btn{padding:.75rem 1.5rem;font-weight:600;font-size:1rem;border-radius:.5rem;cursor:pointer;background-color:#f60;color:#fff;border:2px solid #ff6600;transition:all .2s ease-in-out}.presentation-section .btn:hover{background-color:#fff;color:#f60;border:2px solid #ff6600}.presentation-section .btn:active{transform:scale(.95)}.section-projects{background-color:#fff;padding:1rem 1.25rem;color:#222}.projects-container{display:flex;flex-direction:column;gap:2rem;max-width:75%;margin:0 auto;align-items:center}@media screen and (max-width: 768px){.projects-grid{flex-direction:column;align-items:center}.course-card{width:80vw!important;max-width:100vw}}.projects-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.course-card{width:30%;min-width:250px;background:#fff;border-radius:30px;box-shadow:0 20px 30px #0000001a;transition:all .3s ease;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-5px);box-shadow:0 20px 30px #0003}.card-img{height:200px;width:auto;border-top-left-radius:30px;border-top-right-radius:30px;display:flex;justify-content:flex-end;align-items:flex-start}.save{margin:20px;width:30px;height:30px;background:#fff;border-radius:10px;border:#00000080 2px solid;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;cursor:pointer}.save a{display:flex;align-items:center;justify-content:center;color:#999;text-decoration:none}.save:hover{transform:scale(1.1) rotate(10deg)}.save .svg{width:15px;height:15px}.card-text{padding:20px;text-align:start}.card-title{font-size:15px;font-weight:600;color:#111;margin-bottom:4px}.card-sub{font-size:13px;color:#999}.card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:15px}.card-tag{padding:8px 12px;background:#ff660080;border-radius:10px;font-size:13px;color:#000;font-weight:500;display:flex;align-items:center;gap:6px}.toggle-projects-btn-wrapper{display:flex;justify-content:center}.toggle-projects-btn{padding:.75rem 1.5rem;font-weight:600;font-size:1rem;border-radius:.5rem;cursor:pointer;background-color:#f60;color:#fff;border:2px solid #ff6600;transition:all .2s ease-in-out}.toggle-projects-btn:hover{background-color:#fff;color:#f60;border:2px solid #ff6600}.toggle-projects-btn:active{transform:scale(.95)}.presentation-section{padding:1rem 1.25rem;background-color:#fff;color:#222}.presentation-container{display:flex;flex-direction:column;gap:2rem;max-width:75%;margin:0 auto;align-items:center}@media screen and (min-width: 768px){.presentation-container{flex-direction:row;justify-content:space-between}}.presentation-text{flex:1}.presentation-text p{font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.veille-section{background-color:#fff;color:#222}.veille-container{max-width:75%;margin:0 auto;display:flex;flex-direction:column;gap:2rem;align-items:center}.veille-container p{font-size:1.1rem;line-height:1.6;text-align:justify}.articles-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.articles-grid{cursor:pointer}.article-card{width:300px;background-color:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 8px 20px #0003;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none}.article-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #0000004d}.article-card h3{font-size:1.2rem;color:#222;margin-bottom:.5rem;text-align:left}.article-image{width:100%;height:160px;object-fit:cover;border-radius:14px;margin-bottom:1rem}.article-card .source{font-size:.85rem;color:#888;margin-bottom:.5rem;font-style:italic}.article-card .summary{font-size:.95rem;color:#555;flex-grow:1;text-align:justify}.veille-conclusion{font-size:1.1rem;line-height:1.6;color:#333;text-align:justify}#Contact{padding:40px 20px;background-color:#fff;display:flex;justify-content:center;align-items:center}#Contact form{max-width:40%;width:100%;background-color:#fff;padding:30px;border-radius:30px;box-shadow:0 8px 20px #0003}#Contact h2{margin-top:0;margin-bottom:30px}#Contact .input-row{display:flex;gap:20px}#Contact .input-row input{flex:1;width:100%}#Contact input[type=email],#Contact input[type=text],#Contact textarea{width:100%;padding:12px 15px;border:1px solid #ccc;border-radius:10px;background-color:transparent;font-size:15px;box-sizing:border-box;transition:all .3s ease;font-family:Inter,sans-serif;margin-bottom:10px;color:#000}#Contact input:focus,#Contact textarea:focus{border-color:#d2d2d2;outline:none;box-shadow:0 0 8px #ff660080}#Contact textarea{resize:vertical;min-height:150px}#Contact input[type=submit]{width:100%;background-color:#ff6000;color:#fff;border:#ff6000 2px solid;padding:14px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}#Contact input[type=submit]:hover{background-color:#fff;color:#ff6000}.error{color:#ff6000;font-size:.85rem;margin:0 0 10px;text-align:left}@media (max-width: 1024px){#Contact{padding:0}#Contact form{max-width:80%;width:100%;margin:20px}}footer{background-color:#fff;padding:40px 20px;color:#000;box-shadow:0 8px 40px #0003;text-align:left}.footer-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.footer-section{flex:1;min-width:220px;max-width:300px;padding:0 50px}.footer-section h3{font-size:1.2rem;color:#000;margin-bottom:10px}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{text-decoration:none;color:#555;font-size:1rem;transition:color .3s ease}.footer-section ul li a:hover{color:#ff6000}.social-icons{display:flex;gap:10px}.social-icon{display:inline-block;font-size:1.5rem;color:#555;text-decoration:none;transition:color .3s ease}.social-icon:hover{color:#ff6000}.footer-bottom{text-align:center;font-size:.9rem;color:#777;margin-top:20px}.footer-bottom a{color:#777;transition:color .3s ease}.footer-bottom a:hover{color:#ff6000}#root{margin:0 auto;text-align:center;font-family:Inter,sans-serif}h2{font-size:2.5rem;margin-bottom:.5rem;color:#f60;position:relative;display:inline-block;text-align:center}h2:after{content:"";display:block;width:80%;height:3px;background-color:#f60;margin:auto;border-radius:10px}@media (max-width: 1024px){h2{font-size:1.5rem}}::-webkit-scrollbar{width:8px;background-color:#fff}::-webkit-scrollbar-track{background:transparent;border-radius:10px}::-webkit-scrollbar-thumb{background:#ff6000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ff6000}