*{box-sizing:border-box}*,body{margin:0;padding:0}body{font-size:16px;line-height:1.6;font-family:Poppins,sans-serif;background-color:#f5f1eb;overflow-x:hidden}body,html{height:100%}html{scroll-behavior:smooth}.navbar{position:fixed;top:0;left:0;width:100%;height:30%;z-index:10;background-color:rgba(255,255,255,.9);box-shadow:0 4px 8px rgba(0,0,0,.1);padding:1rem}main{padding-top:200px;scroll-snap-type:y mandatory;overflow-y:auto;display:flex;flex-direction:column}.slide-section{scroll-snap-align:start;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:2rem;position:relative}.slide-section.fusion{transform:scale(.8) translateY(50px);opacity:0}.slide-section.reverse-fusion{transform:scale(.8) translateY(-50px);opacity:0}.slide-section:nth-of-type(odd){background-color:#f0f0f0}.slide-section:nth-of-type(2n){background-color:#f0f0f0;flex-direction:row-reverse}.image-container{flex:1;display:flex;justify-content:center}.slide-section a{color:inherit}.image-container img{max-width:80%;height:auto;border-radius:12px;object-fit:cover}.text-container{flex:1;padding:1rem;font-size:16px}h1{font-size:2em;margin-bottom:20px}.slide-wrapper{overflow-x:hidden;width:100%}@media (max-width:768px){.slide-section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-x:hidden}.image-container,.text-container{padding:10px;box-sizing:border-box}.text-container{text-align:left;width:100%;padding:16px;box-sizing:border-box}.text-container p{margin-bottom:10px}.image-container img{max-width:100%;height:auto;width:100%}.image-container,.text-container{flex:none;width:100%}body{font-size:8px}.slide-section .text-container{font-size:14px;padding:10px}main{padding-top:300px}}@media (max-width:480px){body{font-size:12px}h1{font-size:1.5em}.navbar{height:20%}}.roadmap{position:relative;max-width:800px;margin:0 auto;padding:50px 0;overflow-x:hidden}.roadmap-line{position:absolute;left:100%;top:0;bottom:0;width:4px;background-color:#ccc}.roadmap-step{position:relative;width:100%;padding:20px;box-sizing:border-box;display:flex;flex-wrap:wrap}.roadmap-step.left{left:0;text-align:left}.roadmap-step.right{position:relative;right:0;text-align:left;z-index:2}.roadmap-step .content{background-color:#f5f5f5;padding:15px 25px;border-radius:8px;position:relative;z-index:2;box-shadow:0 2px 6px rgba(0,0,0,.1);display:inline-block;max-width:100%;overflow-wrap:break-word;word-break:break-word;margin-left:0}.roadmap-step.left .content:after{right:-8px}.roadmap-step.left .content:after,.roadmap-step.right .content:after{content:"";position:absolute;top:20px;width:16px;height:16px;background-color:#2563eb;border-radius:50%}.roadmap-step.right .content:after{left:-8px}.roadmap-step .content ul{padding-left:1.2rem;margin:.5rem 0;text-align:left;list-style-position:inside}.roadmap-step .content li{margin-bottom:.4rem;line-height:1.5}@media screen and (max-width:768px){.roadmap-line{left:20px}.roadmap-step{width:100%;padding-left:60px;padding-right:20px;margin-bottom:30px;text-align:left}.roadmap-step.left,.roadmap-step.right{left:0}.roadmap-step.left .content:after,.roadmap-step.right .content:after{left:-40px;right:auto}}.navbar{background-color:rgb(169,203,215);box-shadow:0 2px 5px rgba(0,0,0,.1);padding:10px 20px;margin-bottom:20px;display:flex;align-items:center;height:15%}.navbar .logo{height:150px;margin-right:30px}.navbar .nav-links{list-style:none;justify-content:center;gap:40px;margin:0;flex:1}.navbar .nav-links li{display:flex;align-items:center}.navbar .nav-links li a{text-decoration:none;color:white;transition:color .3s}.navbar .nav-links li a:hover{color:#007bff}.navbar span{font-size:18px;font-weight:700;color:white;transition:color .3s}.navbar span:hover{color:#007bff}.navbar .title{margin-left:50px;color:white}.navbar .adhesion-button{display:inline-block;position:relative;width:220px;height:60px;border:none;border-radius:15px;background-color:rgb(169,203,215);box-shadow:0 4px 8px rgba(0,0,0,.15);text-decoration:none;color:#ffffff;font-size:18px;font-weight:700;text-align:center;line-height:60px;transition:all .3s ease;overflow:hidden;margin-left:auto}.navbar .adhesion-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:15px;transition:background .3s ease}.navbar .adhesion-button:hover:after{background:rgba(0,0,0,.4)}.navbar .adhesion-button span{position:relative;z-index:2}.adhesion-container{margin-left:auto;margin-top:0;margin-right:0;align-items:center}@media (max-width:768px){.navbar{flex-direction:column;align-items:center;height:auto;padding:10px}.logo{height:auto;width:150px}.title{font-size:16px;text-align:center;margin:10px 0}.adhesion-container{width:100%;display:flex;justify-content:center;margin-top:10px}.adhesion-button{width:90%;max-width:250px;height:50px;font-size:16px;line-height:50px;margin:0 auto}}@media (min-width:769px){.nav-links{display:flex!important;position:static;flex-direction:row;background:none;width:auto;padding:0}.nav-links li{padding:0}.burger{display:none!important}}.burger{display:none;flex-direction:column;justify-content:space-between;width:25px;height:18px;background:none;border:none;cursor:pointer;z-index:20;margin-left:auto}.burger .bar{height:3px;width:100%;background-color:white;border-radius:2px}@media (max-width:768px){.burger{display:flex}.nav-links{display:none;flex-direction:column;align-items:center;justify-content:center;width:100%;height:calc(100vh - 120px);background-color:rgb(169,203,215);padding:10px 0;position:absolute;top:100%;left:0;z-index:10}.nav-links.active{display:flex}.nav-links li{width:100%;text-align:center;padding:10px 0}.adhesion-container{margin-top:10px;justify-content:center;width:100%}}.footer{background-color:rgb(169,203,215);color:white;padding:20px 0;margin-top:30px;text-align:center;position:relative;z-index:1}.footer .container{max-width:1200px;margin:0 auto;padding:0 20px}.footer p{margin:0}.footer .footer-links{list-style:none;padding:0;margin:10px 0 0;display:flex;justify-content:center;gap:20px}.footer .footer-links li a{text-decoration:none;color:white;transition:color .3s}.footer .footer-links li a:hover{color:#007bff}body{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.social-icons{margin-top:20px}.social-icons a{margin-left:10px;color:white}.social-icons a:first-child{margin-left:0}.social-icons a:hover{color:#cccccc}.footer .adhesion-button{display:inline-block;position:relative;width:220px;height:60px;border:none;border-radius:15px;box-shadow:0 4px 8px rgba(0,0,0,.15);text-decoration:none;color:#ffffff;font-size:18px;font-weight:700;text-align:center;line-height:60px;transition:all .3s ease;overflow:hidden;margin-left:auto}.footer .adhesion-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:15px;transition:background .3s ease}.footer .adhesion-button:hover:after{background:rgba(0,0,0,.4)}.footer .adhesion-button span{position:relative;z-index:2}.adhesion-container{display:flex;justify-content:flex-end;margin-top:20px;margin-right:20px}.admin-content{margin-left:10%}.admin-buttons{display:flex;justify-content:center;margin:20px 0}.admin-button{background-color:#007bff;color:white;border:none;border-radius:5px;padding:10px 20px;margin:0 10px;cursor:pointer;text-decoration:none;font-size:16px}.admin-button:hover{background-color:#0056b3}table{width:100%;border-collapse:collapse;margin-top:20px}td,th{border:1px solid #ddd;padding:8px;text-align:left}th{background-color:#f2f2f2}.accept-button{background-color:#4caf50}.accept-button,.profil-button{color:white;border:none;padding:10px 15px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;cursor:pointer;border-radius:5px}.profil-button{background-color:#007bff;margin-left:10px}.accept-button:hover{background-color:#45a049}.accept-button.disabled{background-color:#ccc;color:#666;cursor:not-allowed}.filter-container{margin-bottom:20px}.filter-button{margin-right:10px;padding:10px 15px;border:none;border-radius:5px;cursor:pointer}.filter-button.active{background-color:#4caf50;color:white}.contact-section{max-width:600px;margin:40px auto;padding:20px;background-color:rgb(169,203,215);color:white;border-radius:10px;font-family:Poppins,sans-serif}.contact-section h2{text-align:center;margin-bottom:20px}.contact-form label{display:block;margin-bottom:15px;font-weight:600}.contact-form input,.contact-form textarea{width:100%;padding:10px;margin-top:5px;border-radius:5px;border:none;font-size:16px}.contact-form button{width:100%;padding:12px;background-color:#a9cbd7;color:white;font-weight:700;font-size:18px;border:none;border-radius:5px;cursor:pointer;margin-top:10px}.contact-form button:hover{background-color:#87b8c8}