body{color:#333;font-family:Poppins,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}body,html{overscroll-behavior-y:none}header{background-color:transparent;padding:20px 0;position:fixed;top:0;width:100%;z-index:4}.sticky-trigger{background-color:#444;height:60px;position:sticky;top:0;width:100%;z-index:3}nav ul{display:flex;gap:20px;justify-content:center;list-style:none;margin:0;padding:0}nav ul li a{color:#fff;font-weight:700;text-decoration:none}.acceuil{align-items:center;background:linear-gradient(135deg,#6ab7ff,#4caf50);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative;text-align:center}.acceuil h1{animation:b 1.5s ease-in-out;font-size:3rem;margin:0}.acceuil p{animation:b 2s ease-in-out 1s forwards;font-size:1.5rem;margin:10px 0 30px;opacity:0}.acceuil .btn{background:#333;border-radius:50px;color:#fff;display:inline-block;font-size:1.2rem;font-weight:700;overflow:hidden;padding:15px 30px;position:relative;text-decoration:none;transition:all .3s ease-in-out}.acceuil .btn:hover{background:#4caf50;box-shadow:0 4px 15px rgba(0,0,0,.2);color:#fff;transform:scale(1.1)}.acceuil .btn:before{background:hsla(0,0%,100%,.3);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:right;transition:transform .4s ease-in-out;width:100%;z-index:1}.acceuil .btn:hover:before{transform:scaleX(1);transform-origin:left}.acceuil .btn span{position:relative;z-index:2}.about{background-color:#f9f9f9;color:#333;padding:100px 20px;text-align:center}.about .intro,.about h2,.about-content,.about-image img{filter:grayscale(90%);opacity:0;transform:translateY(50px);transition:opacity 1s ease,transform 1.3s ease}.about.scrolled .about-content,.about.scrolled .about-image img,.about.scrolled .intro,.about.scrolled h2{opacity:1;transform:translateY(0)}.about h2{animation:a 1s ease-out;font-size:2.5rem;margin-bottom:20px}.about .intro{animation:b 1s ease-out;font-size:1.2rem;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.about-content{align-items:center;animation:b 1.5s ease-in-out;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.about-text{animation:c 1.5s ease-in-out;flex:1;max-width:500px}.about-image{animation:d 1.5s ease-in-out;flex:1;max-width:300px}.about-image img{border-radius:50%;box-shadow:0 4px 15px rgba(0,0,0,.2);max-width:100%}@keyframes a{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes b{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes c{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes d{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.projects{background-color:#ebebeb;color:#333;padding:100px 20px;text-align:center}.projects h2{font-size:2.5rem;margin-bottom:20px}.projects .intro{font-size:1.2rem;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.projects-grid{align-items:stretch;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center}.project-card{border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.2);height:300px;opacity:0;overflow:hidden;position:relative;transform:translateY(50px);transition:transform .6s ease,opacity .6s ease;width:100%}.project-card.scrolled{opacity:1;transform:translateY(0)}.project-card video{object-fit:cover;z-index:1}.project-card .overlay,.project-card video{height:100%;left:0;position:absolute;top:0;width:100%}.project-card .overlay{align-items:center;background:rgba(0,0,0,.7);color:#fff;display:flex;flex-direction:column;justify-content:center;opacity:0;text-align:center;transition:opacity .6s ease;z-index:2}.project-card:hover .overlay{opacity:1}.project-card h3{font-size:1.5rem;margin-bottom:10px}.project-card p{font-size:1rem;margin-bottom:20px}.project-card .btn{background:#33333375;border-radius:50px;color:#fff;display:inline-block;font-size:1.2rem;font-weight:700;overflow:hidden;padding:15px 30px;position:relative;text-decoration:none;transition:all .3s ease-in-out}.project-card .btn:hover{background:#4caf50;box-shadow:0 4px 15px rgba(0,0,0,.2);color:#fff;transform:scale(1.1)}.project-card .btn:before{background:hsla(0,0%,100%,.3);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:right;transition:transform .4s ease-in-out;width:100%;z-index:1}.project-card .btn:hover:before{transform:scaleX(1);transform-origin:left}.project-card .btn span{position:relative;z-index:2}.extra-projects{align-items:stretch;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center}.hidden{display:none}.view-more-container{margin-top:25px;text-align:center}.espace{padding-top:4%}.title2{padding-bottom:2%}:root{--degrader:linear-gradient(135deg,#6ab7ff,#4caf50)}.contact h2{background:var(--degrader);-webkit-background-clip:text;font-size:2.5rem;margin-bottom:20px;-webkit-text-fill-color:transparent;text-fill-color:transparent}.form-group input,.form-group textarea{background-clip:padding-box;background-color:#fff;border:2px solid transparent;border-image:var(--degrader) 1;color:#333;font-size:1rem;padding:10px;transition:border-color .3s ease,box-shadow .3s ease;width:95%}input,textarea{all:unset;border:1px solid #ccc;border-radius:5px;color:#333;font-family:Poppins,sans-serif;font-size:1rem;padding:10px}.contact .intro{animation:b 1s ease-out;color:#333;font-size:1.2rem;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}form{animation:b 1.5s ease-in-out;background-color:#ebebeb;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.2);margin:0 auto;max-width:600px;padding:30px}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#333;display:block;font-size:1rem;margin-bottom:5px}.form-group input:focus,.form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 10px rgba(76,175,80,.5);outline:none}textarea{resize:none}button{background:#333;border-radius:50px;color:#fff;display:inline-block;font-size:1.2rem;font-weight:700;overflow:hidden;padding:15px 30px;position:relative;text-decoration:none;transition:all .3s ease-in-out}button:hover{background:#4caf50;box-shadow:0 4px 15px rgba(0,0,0,.2);color:#fff;cursor:pointer;transform:scale(1.1)}button:before{background:hsla(0,0%,100%,.3);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:right;transition:transform .4s ease-in-out;width:100%;z-index:1}button:hover:before{transform:scaleX(1);transform-origin:left}button span{position:relative;z-index:2}section{padding:50px;text-align:center}.project-card{border:1px solid #ddd;margin:10px auto;max-width:300px;padding:20px;text-align:left}.footer{background-color:#222;border-image:var(--degrader) 1;border-top:5px solid transparent;color:#fff;padding:50px 20px 20px;text-align:center}.footer-section h3{background:var(--degrader);-webkit-background-clip:text;font-size:1.5rem;margin-bottom:15px;-webkit-text-fill-color:transparent}.footer .container{margin:0 auto;max-width:1200px}.footer-content{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.footer-section{flex:1;min-width:250px}.footer-section p{font-size:1rem;line-height:1.8}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#bbb;font-size:1rem;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#fff}.social-icons{display:flex;gap:15px;padding-left:22%}.social-icons a{align-items:center;background-color:#333;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:background-color .3s ease,transform .3s ease;width:40px}.social-icons a:hover{background-color:#929292;transform:scale(1.1)}.footer-bottom{border-top:1px solid #444;color:#aaa;font-size:.9rem;margin-top:30px;padding-top:20px}.grecaptcha-badge{display:none!important}.capcha{align-items:center;display:flex;justify-content:center}#recaptcha-badge .grecaptcha-badge{align-items:justify;display:block!important;margin-bottom:20px;text-align:center}