:root{--color-primary:#000;--color-primary-hover:#333;--color-secondary:#f5f5f5;--color-accent:#56bd66;--color-accent-hover:#4aa952;--color-accent-red:#ea3d32;--color-accent-red-hover:#c42d1d;--color-text:#000;--color-bg:#fff;--color-border:#ddd;--color-error:#dc3545;--color-focus:#007bff;--color-shadow:#00000040;--color-modal-bg:#00000080;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-full:50%;--shadow-sm:2px 2px 5px var(--color-shadow);--shadow-md:10px 10px 14px var(--color-shadow);--font-family:"Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:clamp(.75rem, 2vw, .875rem);--font-size-sm:clamp(.875rem, 2.5vw, 1rem);--font-size-base:clamp(1rem, 3vw, 1.125rem);--font-size-lg:clamp(1.125rem, 3.5vw, 1.5rem);--font-size-xl:clamp(1.5rem, 4vw, 2rem);--font-size-2xl:clamp(1.875rem, 5vw, 2.5rem);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}html{scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--color-text);background-color:var(--color-bg);line-height:1.6}img{max-width:100%;height:auto;display:block}.footer-container{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-xl);background-color:var(--color-bg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.footer-text{text-align:center;font-size:var(--font-size-sm);color:var(--color-text)}.footer-logos{gap:var(--spacing-sm);justify-content:center;display:flex}.footer-logo{width:clamp(1.8rem,6vw,2.3rem);height:auto}@media (width>=768px){.footer-container{padding:var(--spacing-sm) var(--spacing-lg);flex-direction:row;justify-content:space-between}.footer-text{text-align:left;margin-left:0}.footer-logos{justify-content:flex-end;margin-right:0}}#navbarContainer{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex}#logoImageMobile{width:auto;height:clamp(3rem,10vw,3.7rem)}nav{align-items:center;display:flex}#menu_burger{cursor:pointer;padding:var(--spacing-xs)}.burger-bar{background-color:var(--color-primary);width:2rem;height:.25rem;margin:.3rem 0;transition:all .3s ease-in-out}.burger-bar.clicked:first-child{transform:rotate(45deg)translate(.5rem,.5rem)}.burger-bar.clicked:nth-child(2){opacity:0}.burger-bar.clicked:nth-child(3){transform:rotate(-45deg)translate(.5rem,-.5rem)}.menu{justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;list-style:none;display:flex}.menu.hidden{display:none}.menu.visible{background-color:var(--color-secondary);z-index:100;width:100%;height:100vh;padding-top:var(--spacing-xl);transition:transform .3s ease-in-out;position:absolute;top:0;left:0;transform:translate(0)}.homeLink{font-size:var(--font-size-lg);color:var(--color-text);font-weight:700;text-decoration:none;transition:color .3s ease-in-out,font-size .3s ease-in-out}.homeLink:hover{color:var(--color-accent);font-size:var(--font-size-xl)}#avatar_icon{border-radius:var(--radius-full);object-fit:cover;width:clamp(2.5rem,8vw,3rem);height:clamp(2.5rem,8vw,3rem);margin-left:var(--spacing-sm)}@media (width<=767px){#logoImageDesktop,#navbarLinksDesktop{display:none}#sectionBurgerAndProfile{align-items:center;gap:var(--spacing-sm);background-color:var(--color-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);display:flex}}@media (width>=768px){#logoImageMobile,#menu_burger{display:none}#logoImageDesktop{width:auto;height:clamp(3.5rem,6vw,4rem);display:block}.navBarLinks{font-size:var(--font-size-base);color:var(--color-text);padding:var(--spacing-xs) var(--spacing-sm);font-weight:600;text-decoration:none;transition:color .3s ease-in-out}.navBarLinks:hover{color:var(--color-accent)}#navbarLinksDesktop{gap:var(--spacing-md);flex-direction:row;align-items:center;display:flex}#LinksAndProfileDesktop{align-items:center;gap:var(--spacing-sm);flex-direction:row;display:flex}}.cguform{width:100%;max-width:900px;box-shadow:none;text-align:left;background-color:#0000;border-radius:0;flex-direction:column;justify-content:center;align-items:center;margin-bottom:3rem;padding:0;display:flex}.cgu-title{color:#0c0c0c;text-transform:uppercase;text-align:center;justify-content:center;margin-top:3rem;margin-bottom:2rem;font-family:Roboto,sans-serif;font-size:2rem;font-weight:700;display:flex}.cgu-welcome-subtitle{color:#0b0b0c;text-align:center;margin-bottom:2rem;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:700}.cgu-subtitle{color:#050505;text-align:center;margin-bottom:2rem;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:700}.cgu-paragraph{word-wrap:break-word;text-align:justify;max-width:800px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.8}.cgu-titles-trong{color:#101010;font-weight:700}.devoirs,.interdits,.sanctions{color:var(--color-text);font-weight:700}.acgu-paragraph-a,.url-link{color:var(--color-primary);text-decoration:none}.url-link:hover{text-decoration:underline}@media screen and (width>=431px){.cgu-title{margin:10px;font-size:1.5em}.cgu-paragraph{padding:10px;font-size:1em}.cgu-paragraph a{font-size:.9em}}.privacy-policy-intro{text-align:center;color:#333;margin-top:2rem;margin-bottom:2rem;font-size:2rem;font-weight:700}#containerLogoImageDesktop-policy{justify-content:center;align-items:center;display:flex}#logoImageDesktop-policy{width:10rem}.privacy-policy-form{width:100%;max-width:900px;box-shadow:none;text-align:left;background-color:#0000;border-radius:0;flex-direction:column;justify-content:center;align-items:center;margin-bottom:3rem;padding:0;display:flex}.privacy-policy-title{color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-2xl);text-transform:uppercase;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg);text-align:center;font-weight:700}.privacy-policy-subtitle{color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);text-align:center;font-weight:700}.privacy-policy-paragraph{line-height:1.8;font-size:var(--font-size-base);margin-bottom:var(--spacing-md);word-wrap:break-word;text-align:center;max-width:clamp(280px,90vw,800px);margin-left:auto;margin-right:auto}.privacy-policy-paragraph1{line-height:1.8;font-size:var(--font-size-base);margin-bottom:var(--spacing-md);word-wrap:break-word;text-align:start;max-width:clamp(280px,90vw,800px);margin-left:auto;margin-right:auto}.privacy-policy-bold{font-weight:700}.privacy-policy-link{color:var(--color-text);text-decoration:none}.privacy-policy-link:hover{text-decoration:underline}.privacy-policy-list{margin-bottom:1.5rem;padding-left:20px}@media screen and (width>=431px){.privacy-policy-title{margin:10px;font-size:1.5em}.privacy-policy-paragraph{padding:10px;font-size:1em}.privacy-policy-link{font-size:.9em}}@media (width<=431px){#page_container{background-blend-mode:lighten;z-index:-1;background-color:#0000;background-image:linear-gradient(#ffffff80,#ffffff80),url(/assets/logo-Ccgvx_BB.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;min-height:100vh;display:flex}#mainProfile{flex-direction:column;flex-grow:1;align-items:center;width:100%;margin-bottom:0;padding:2rem;display:flex}#avatar_icon_container,#avatarAndButton{flex-direction:column;display:flex}#icon_container{text-align:right;width:11rem;margin-bottom:-1.5rem;margin-left:-1rem}#input_upload{opacity:0;cursor:pointer;z-index:1;width:2rem;height:2rem;position:absolute}#avatar{border-radius:6em;width:10rem;height:10rem}.edit_icon_profile_edit{cursor:pointer;width:2rem;height:2rem}#password_recovery_container{margin-top:2rem;margin-bottom:1rem}#password_recovery_link{text-align:center;color:#000;font-size:1.1rem;font-weight:700;text-decoration:underline}#delete-button,#delete-button-yes{color:#f5f5f5;cursor:pointer;background:#9e0000;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;gap:.625rem;width:9.5rem;height:3.1rem;margin:1rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}#delete-button-cancel{color:#f5f5f5;cursor:pointer;background:#000;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;gap:.625rem;width:9.5rem;height:3.1rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-block}#button_icon-update-my-profile,#button_icon-update-my-avatar{color:#f5f5f5;cursor:pointer;background:#000;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;gap:.625rem;width:9.5rem;height:3.1rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.modal-overlay{text-align:center;z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--color-bg);padding:var(--spacing-sm);border-radius:var(--radius-lg);align-items:center;gap:var(--spacing-xs);flex-direction:column;width:80%;min-width:clamp(200px,80vw,250px);max-width:clamp(250px,90vw,500px);display:flex}#avatar_icon_container{position:relative}#avatar_container{z-index:1;position:relative}#boutonConfirmAvatar{margin-top:var(--spacing-md);justify-content:center;display:flex}}@media (width>=431px){#page_container{background-blend-mode:lighten;z-index:-1;background-color:#0000;background-image:linear-gradient(#ffffff80,#ffffff80),url(/assets/logo-Ccgvx_BB.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;min-height:100vh;display:flex}#mainProfile{flex-direction:column;flex-grow:1;align-items:center;width:100%;margin-bottom:0;padding:2rem;display:flex}#avatar_icon_container{flex-direction:column;display:flex}#icon_container{text-align:right;width:11rem;margin-bottom:-1.5rem;margin-left:-1rem}#input_upload{opacity:0;cursor:pointer;z-index:1;width:2rem;height:2rem;position:absolute}#avatar{border-radius:var(--radius-full);width:clamp(8rem,20vw,10rem);height:clamp(8rem,20vw,10rem)}.edit_icon_profile_edit{cursor:pointer;width:2rem;height:2rem}#password_recovery_container{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}#password_recovery_link{text-align:center;color:var(--color-text);font-size:clamp(1rem,3vw,1.1rem);font-weight:700;text-decoration:underline}#delete-button,#delete-button-yes{justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-md);background:var(--color-accent-red);width:clamp(8rem,25vw,9.5rem);height:clamp(2.8rem,8vw,3.1rem);color:var(--color-secondary);cursor:pointer;margin:var(--spacing-md);border:none;flex-shrink:0;font-size:clamp(1rem,3vw,1.1rem);font-weight:700;text-decoration:none;display:flex}#delete-button-cancel{justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-md);background:var(--color-primary);width:clamp(8rem,25vw,9.5rem);height:clamp(2.8rem,8vw,3.1rem);color:var(--color-secondary);cursor:pointer;border:none;flex-shrink:0;font-size:clamp(1rem,3vw,1.1rem);font-weight:700;text-decoration:none;display:inline-flex}#button_icon-update-my-profile,#button_icon-update-my-avatar{justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-md);background:var(--color-primary);width:clamp(8rem,25vw,9.5rem);height:clamp(2.8rem,8vw,3.1rem);color:var(--color-secondary);cursor:pointer;border:none;flex-shrink:0;font-size:clamp(1rem,3vw,1.1rem);font-weight:700;text-decoration:none;display:flex}.modal-overlay{background:var(--color-modal-bg);text-align:center;z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--color-bg);padding:var(--spacing-sm);border-radius:var(--radius-lg);align-items:center;gap:var(--spacing-xs);flex-direction:column;width:80%;min-width:clamp(200px,80vw,250px);max-width:clamp(250px,90vw,500px);display:flex}#icon_container{text-align:right;z-index:2;margin-bottom:-1.5rem;margin-left:-1rem;position:absolute;top:0;right:0}#avatarAndButton{flex-direction:column;justify-content:center;align-items:center;display:flex}#avatar_icon_container{position:relative}#avatar_container{z-index:1;position:relative}#boutonConfirmAvatar{justify-content:center;margin-top:1rem;display:flex}}#userform{margin-top:var(--spacing-sm);flex-direction:column;justify-content:center;align-items:center;display:flex}#firstname-profile,#lastname-profile,#birthday-profile{border-radius:var(--radius-md);background:var(--color-secondary);width:clamp(280px,90vw,20rem);height:clamp(3rem,8vw,4rem);box-shadow:var(--shadow-md);fill:var(--color-secondary);filter:drop-shadow(10px 10px 14px #00000040);margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);border-style:none;flex-shrink:0;font-size:clamp(1rem,3vw,1.2rem);font-weight:700}@media (width>=431px){#firstname-profile,#lastname-profile,#birthday-profile{width:clamp(280px,90vw,26rem);height:clamp(3.5rem,10vw,5rem);font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700}}#mainHome{padding:clamp(var(--spacing-md), 5vw, var(--spacing-xl));align-items:center;gap:var(--spacing-lg);background-color:#0000;background-image:linear-gradient(#ffffff80,#ffffff80),url(/assets/background-dTpeV-r0.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;min-height:calc(100vh - 120px);display:flex}#ongoing-requests{gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}section h3{font-size:var(--font-size-xl);text-align:center;width:100%;padding:0 var(--spacing-md);font-weight:700}a{color:inherit;text-decoration:none}.cards-container{width:100%;padding:0 var(--spacing-xs)}.grid-card{gap:var(--spacing-md);grid-template-columns:1fr;width:100%;display:grid}.card p{font-size:var(--font-size-sm);margin-left:var(--spacing-sm);font-weight:600}.card-footer .name{font-size:var(--font-size-xs);font-weight:700}@media (width>=640px){.grid-card{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);padding:0}section h3{text-align:left;padding-left:0}.cards-container{padding:0}}@media (width>=1024px){#mainHome{padding:clamp(var(--spacing-lg), 5vw, var(--spacing-xl))}.grid-card{gap:clamp(var(--spacing-lg), 4vw, var(--spacing-xl));grid-template-columns:repeat(3,1fr)}}@media (width>=1280px){.grid-card{grid-template-columns:repeat(4,1fr)}}.profile-image-container{border:1px solid var(--color-border);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:clamp(2rem,8vw,3.5rem);height:clamp(2rem,8vw,3.5rem);display:flex;overflow:hidden}.profile-img{object-fit:cover;border-radius:var(--radius-full);width:100%;height:100%}.tags{gap:var(--spacing-xs);flex-wrap:wrap;justify-content:flex-start;display:flex}.tag-1{border:1px solid var(--color-accent);color:var(--color-text);border-radius:var(--radius-md);font-size:var(--font-size-xs);text-transform:uppercase;white-space:nowrap;box-shadow:var(--shadow-sm);background:#56bd6633;padding:clamp(.25rem,1vw,.5rem) clamp(.5rem,2vw,1rem);font-weight:700}.tag-2{border:1px solid var(--color-accent-red);color:var(--color-text);border-radius:var(--radius-md);font-size:var(--font-size-xs);text-transform:uppercase;white-space:nowrap;box-shadow:var(--shadow-sm);background:#ea3d3233;padding:clamp(.25rem,1vw,.5rem) clamp(.5rem,2vw,1rem);font-weight:700}.card{max-width:100%;min-height:clamp(280px,35vh,380px);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-text);background:var(--color-bg);box-shadow:var(--shadow-md);cursor:pointer;justify-content:space-between;gap:var(--spacing-sm);flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.card:active{transform:translateY(-2px)}.title-card{color:var(--color-text);text-align:left;font-size:var(--font-size-base);word-break:break-word;overflow-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:600;line-height:1.4;display:-webkit-box}.footer-card{color:var(--color-text);justify-content:center;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:auto;display:flex}#avatar_icon{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:clamp(2rem,6vw,3rem);height:clamp(2rem,6vw,3rem)}#header-landing{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex}#login-signup-container{align-items:center;gap:var(--spacing-sm);display:flex}#logoImageMobileLanding{width:auto;height:clamp(3rem,10vw,3.7rem)}#login-button{color:var(--color-text);text-align:center;font-size:var(--font-size-base);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:700;text-decoration:none;transition:background-color .3s,color .3s}#login-button:hover{background-color:var(--color-primary);color:var(--color-secondary)}#signupButtonMobileLanding{min-width:clamp(6rem,15vw,7rem);height:clamp(2.5rem,8vw,2.9rem);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-base);justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-secondary);cursor:pointer;text-decoration:none;transition:background-color .3s,transform .3s;display:flex}#signupButtonMobileLanding:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}#signupNowButtonMobile{min-width:clamp(8rem,20vw,9.5rem);height:clamp(2.8rem,8vw,3.1rem);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-lg);justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-secondary);cursor:pointer;font-weight:700;text-decoration:none;transition:background-color .3s,transform .3s;display:flex}#signupNowButtonMobile:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}#requestcardImg{width:clamp(200px,80vw,500px);height:auto;margin:var(--spacing-md) auto}#carousel-heading-text{text-align:center;font-size:var(--font-size-xl);margin:var(--spacing-sm);color:var(--color-text)}#main_text{text-align:center;font-size:var(--font-size-lg);color:var(--color-text);max-width:90%;margin:0 auto var(--spacing-md) auto}#carousel{width:100%;height:clamp(15vh,25vw,30vh);text-shadow:var(--shadow-sm);background-color:#0000;background-image:linear-gradient(#ffffff80,#ffffff80),url(/assets/people_liking-CPdGMJXt.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;display:flex}#alreadyaccount{color:var(--color-text);text-align:center;font-size:var(--font-size-lg);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-xl);text-decoration:none}#login-highlighted{color:var(--color-primary);font-weight:700;text-decoration:underline}#mainsectionlandingpage{padding:var(--spacing-md);justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}#startImpactingAndRequestImg{padding:var(--spacing-md);justify-content:center;align-items:center;gap:var(--spacing-lg);max-width:var(--breakpoint-lg);flex-direction:column;margin:0 auto;display:flex}#mainPageLandingContainer{flex-direction:column;flex:1;min-height:calc(100vh - 120px);display:flex}@media (width>=768px){#logoImageMobileLanding{display:none}#carousel{background-size:cover;height:clamp(20vh,30vw,40vh)}#requestcardImg{width:clamp(250px,30vw,400px)}#startImpactingAndRequestImg{padding:var(--spacing-xl);justify-content:space-around;gap:var(--spacing-xl);flex-direction:row-reverse}#main_text{font-size:var(--font-size-xl);text-align:left;max-width:50%}#carousel-heading-text{font-size:var(--font-size-2xl);margin:var(--spacing-md)}#header-landing{padding:var(--spacing-sm) var(--spacing-lg)}#login-signup-container{gap:var(--spacing-md)}}#entirepage{background-blend-mode:lighten;z-index:-1;min-height:calc(100vh - 120px);padding:var(--spacing-md);background-color:#0000;background-image:linear-gradient(#ffffff80,#ffffff80),url(/assets/background-dTpeV-r0.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;justify-content:center;align-items:center;display:flex}#logoImageDesktop_login{width:clamp(10rem,30vw,15rem);height:auto;margin-bottom:var(--spacing-lg)}#logo-section-login-page,#displaylogintitle,.display{justify-content:center;width:100%;display:flex}.logintitle{color:var(--color-primary);font-family:var(--font-family);font-size:var(--font-size-2xl);text-transform:uppercase;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl);text-align:center;font-weight:700}#loginsubtitle1,#loginsubtitle2{color:var(--color-primary);font-family:var(--font-family);font-size:var(--font-size-lg);margin:var(--spacing-md) 0;text-align:center;font-weight:700}#loginusername,#loginpassword{border-radius:var(--radius-sm);background:var(--color-secondary);width:clamp(280px,80vw,380px);height:clamp(50px,12vw,64px);box-shadow:var(--shadow-md);font-size:var(--font-size-base);padding-left:var(--spacing-sm);margin-bottom:var(--spacing-md);border:1px solid #0000;transition:border-color .3s,box-shadow .3s}#loginusername:focus,#loginpassword:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0000001a}#submitbutton{width:clamp(280px,80vw,380px);height:clamp(50px,12vw,64px);margin:var(--spacing-lg) 0;font-size:var(--font-size-base);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;transition:background-color .3s,transform .3s;display:flex}#submitbutton:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}#signup,#passwordforgotten{color:var(--color-primary);font-family:var(--font-family);font-size:var(--font-size-base);margin:var(--spacing-xs) 0;font-weight:700;text-decoration:none;transition:color .3s}#signup:hover,#passwordforgotten:hover{color:var(--color-primary-hover)}@media (width>=768px){#entirepage{padding:var(--spacing-xl)}.logintitle{font-size:var(--font-size-2xl)}#loginsubtitle1,#loginsubtitle2{font-size:var(--font-size-xl)}#loginusername,#loginpassword,#submitbutton{width:clamp(280px,80vw,380px)}}#page_container{background-blend-mode:lighten;min-height:calc(100vh - 120px);padding:var(--spacing-md);background-color:#0000;background-image:linear-gradient(#ffffff80,#ffffff80),url(/assets/logo-Ccgvx_BB.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;align-items:center;display:flex}#icon_container{text-align:right;z-index:2;width:100%;margin-bottom:-1rem;position:relative}#input_upload{opacity:0;cursor:pointer;z-index:1;width:2rem;height:2rem;position:absolute}#avatar{border-radius:var(--radius-full);object-fit:cover;width:clamp(8rem,25vw,12rem);height:clamp(8rem,25vw,12rem)}#champ_container{gap:var(--spacing-lg);margin-top:var(--spacing-lg);width:100%;max-width:clamp(280px,90vw,768px);padding:0 var(--spacing-xs);flex-direction:column;display:flex}#fieldsAndButtons{align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.text_container{border-radius:var(--radius-sm);background:var(--color-secondary);width:100%;max-width:clamp(280px,90vw,350px);height:clamp(3rem,8vw,4rem);box-shadow:var(--shadow-md);padding:0 var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.text_container h3{font-size:var(--font-size-base);color:var(--color-text)}.edit_icon_profile,#edit_icon_profile_avatar{cursor:pointer;width:clamp(1.5rem,5vw,2rem);height:clamp(1.5rem,5vw,2rem)}.button_icon_profile{background:0 0;border:none;padding:0;position:relative}#password_recovery_container{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}#password_recovery_link{font-size:var(--font-size-lg);text-align:center;color:var(--color-primary);font-weight:700;text-decoration:underline;transition:color .3s}#password_recovery_link:hover{color:var(--color-primary-hover)}#delete-button{width:clamp(8rem,25vw,9.5rem);height:clamp(2.5rem,8vw,3.1rem);font-size:var(--font-size-base);justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-sm);background:var(--color-accent-red);color:var(--color-secondary);cursor:pointer;margin:var(--spacing-sm);border:none;font-weight:700;text-decoration:none;transition:background-color .3s,transform .3s;display:flex}#delete-button:hover{background-color:var(--color-accent-red-hover);transform:translateY(-2px)}#delete-button-yes,#delete-button-cancel{width:clamp(8rem,25vw,9.5rem);height:clamp(2.5rem,8vw,3.1rem);font-size:var(--font-size-base);justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-sm);cursor:pointer;border:none;font-weight:700;text-decoration:none;transition:background-color .3s,transform .3s;display:flex}#delete-button-yes{background:var(--color-accent-red);color:var(--color-secondary)}#delete-button-yes:hover{background-color:var(--color-accent-red-hover);transform:translateY(-2px)}#delete-button-cancel{background:var(--color-primary);color:var(--color-secondary)}#delete-button-cancel:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}#button_icon-update-my-avatar{width:clamp(8rem,25vw,9.5rem);height:clamp(2.5rem,8vw,3.1rem);font-size:var(--font-size-base);justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-secondary);cursor:pointer;border:none;font-weight:700;text-decoration:none;transition:background-color .3s,transform .3s;display:flex}#button_icon-update-my-avatar:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}.modal-overlay{background:var(--color-modal-bg);text-align:center;z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--color-bg);padding:var(--spacing-md);border-radius:var(--radius-md);align-items:center;gap:var(--spacing-sm);width:80%;min-width:250px;max-width:500px;box-shadow:var(--shadow-md);flex-direction:column;display:flex}#avatar_icon_container{position:relative}#avatar_container{z-index:1;position:relative}#boutonConfirmAvatar{margin-top:var(--spacing-sm);justify-content:center;gap:var(--spacing-sm);display:flex}@media (width>=768px){#page_container{padding:var(--spacing-xl)}#mainProfile{justify-content:center;gap:var(--spacing-xl);width:100%;max-width:var(--breakpoint-lg);flex-direction:row;display:flex}#champ_container{gap:var(--spacing-lg);max-width:500px;margin-top:0}.text_container{width:100%;max-width:clamp(280px,90vw,26rem);height:clamp(3.5rem,8vw,5rem)}.text_container h3{font-size:var(--font-size-lg)}#avatar{width:clamp(12rem,20vw,15rem);height:clamp(12rem,20vw,15rem)}#edit_icon_profile_avatar,.edit_icon_profile{width:clamp(2rem,5vw,3rem);height:clamp(2rem,5vw,3rem)}#icon_container{top:var(--spacing-sm);right:var(--spacing-sm);width:auto;margin-bottom:0;position:absolute}#password_recovery_link{font-size:var(--font-size-xl)}}.modal-form{justify-content:center;width:100%;display:flex}.comment-section input{width:100%;padding:var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.opinion-form{background:var(--color-bg);align-content:center;gap:var(--spacing-md);width:95%;padding:var(--spacing-md);border-radius:var(--radius-md);box-sizing:border-box;flex-direction:column;display:flex}.editor-section{padding:var(--spacing-lg)}.modal-buttons,.exit-button{justify-content:center;gap:var(--spacing-lg);display:flex}.ql-container{min-height:clamp(150px,30vh,250px);overflow-y:auto}.ql-editor p{padding-bottom:var(--spacing-lg);box-sizing:border-box;width:100%;min-height:100%}.modal-buttons button{padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;border-radius:var(--radius-sm);border:none;transition:all .2s ease-in-out}.modal-buttons button:first-child{background-color:var(--color-accent);color:var(--color-secondary)}.modal-buttons button:last-child{background-color:var(--color-accent-red);color:var(--color-secondary)}.modal-buttons button:hover{opacity:.8}.modal-buttons button:hover .modal-overlay{background-color:#f0f8ff}.button-exit{width:clamp(120px,30vw,180px);height:clamp(60px,10vw,75px)}.modal-editor{background:var(--color-bg);padding:var(--spacing-md);border-radius:var(--radius-lg);width:100%;max-width:clamp(300px,90vw,600px);height:clamp(250px,50vh,300px);overflow-y:auto;box-shadow:0 4px 10px #0000004d}@media (width>=768px){.modal-editor{width:90%;height:clamp(200px,40vh,250px);padding:var(--spacing-md)}.modal-form{width:60%}.button-exit{width:clamp(120px,30vw,180px);height:clamp(60px,10vw,75px)}}#delete-button-comment{justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-md);background:var(--color-accent-red);width:clamp(8rem,25vw,9.5rem);height:clamp(2.8rem,8vw,3.1rem);color:var(--color-secondary);cursor:pointer;margin:var(--spacing-md);border:none;flex-shrink:0;font-size:clamp(1rem,3vw,1.1rem);font-weight:700;text-decoration:none;transition:all .2s ease-out;display:flex}#delete-button-comment:hover{background-color:var(--color-bg);color:var(--color-primary);border:1px solid var(--color-primary)}#delete-button-comment:active{background-color:var(--color-primary);color:var(--color-bg)}#button_icon-update-comment{justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-md);background:var(--color-primary);width:clamp(8rem,25vw,9.5rem);height:clamp(2.8rem,8vw,3.1rem);color:var(--color-secondary);cursor:pointer;margin:var(--spacing-md);border:none;flex-shrink:0;font-size:clamp(1rem,3vw,1.1rem);font-weight:700;text-decoration:none;transition:all .2s ease-out;display:flex}#button_icon-update-comment:hover{background-color:var(--color-bg);color:var(--color-primary);border:1px solid var(--color-primary)}#button_icon-update-comment:active{background-color:var(--color-primary);color:var(--color-bg)}*{font-family:Roboto,sans-serif}.mobile-header-tags{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:20px;display:flex}.mobile-tag1{color:#161515;box-sizing:border-box;background-color:#87e522;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:145px;max-width:100%;height:44px;padding:4px 12px;display:flex}.mobile-tag2{color:#161515;box-sizing:border-box;background-color:#f590da;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:145px;max-width:100%;height:44px;padding:4px 12px;display:flex}.request-id{text-align:center;width:100%;margin-bottom:20px;font-size:1.2rem;font-weight:700}.request-details-container{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:10px;display:flex}.details-container{text-align:left;width:100%}.details-container summary{width:100%;text-align:initial;justify-content:left;padding-top:13px;padding-bottom:10px;padding-left:40px;display:flex}.details-container summary:before{content:"▶";margin-left:10px;font-size:1rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}.request-detail-card{background-color:#f9f9f9;border-radius:10px;flex-direction:column;align-items:center;width:100%;max-width:500px;margin-bottom:20px;display:flex;box-shadow:0 2px 8px #0000001a}.request-detail-card h2{margin-bottom:15px;font-size:1.5rem}.table-container{justify-content:center;width:100%;margin-top:20px;display:flex;overflow-x:auto}table{table-layout:fixed;text-align:center;width:100%;max-width:95%}th,td{text-align:center;margin:5px 0;padding:10px}.arrow{text-align:center;vertical-align:middle;padding:5px 0;position:relative}.arrow-down{color:#0f1010;margin-left:0;font-size:2.5rem}.arrow:after{content:"";background-color:#000;border-radius:50%;width:15px;height:15px;position:absolute;top:69px;left:50%;transform:translate(-50%)}.impact-sections{text-align:center;flex-direction:column;align-items:center;width:100%;margin-top:10px;margin-bottom:10px;display:flex}.th{text-align:center;align-items:center}.impacted-person{background-color:#f9f9f9;border-radius:10px;flex-direction:column;align-items:center;width:100%;max-width:500px;margin-bottom:25px;padding:20px;display:flex}.home-button{color:#fff;text-align:center;cursor:pointer;background-color:#000;border:1px solid #0000;border-radius:.3125rem;justify-content:center;align-items:center;gap:.625rem;min-width:1rem;min-height:3.875rem;margin:1rem 1rem 1.875rem;padding:1.25rem 1.5rem;font-size:1.25rem;font-style:normal;font-weight:700;line-height:normal;display:inline-flex;box-shadow:.625rem .625rem .875rem #00000040}.home-button:hover{color:#000;background-color:#fff;border:1px solid #000;transition:all .2s ease-out}.home-button:active{color:#fff;background-color:#000}.button-container{justify-content:center;width:100%;margin-top:20px;display:flex}.user-info-container{justify-content:center;align-items:center;width:100%;margin-bottom:15px;display:flex}.user-avatar{border-radius:50%;width:70px;height:70px;margin-right:10px}.avatar,div.avatar{border-radius:50%;width:70px;height:70px;margin-left:53px}.user-name{color:#333;font-size:1rem;font-weight:700}.right-detail,.details-and-table{display:flex}.details-wrapper{justify-content:space-around;align-items:flex-start;gap:20px;width:100%;display:flex}.details-and-table{flex:1}.right-details{flex-direction:column-reverse;flex:.4;align-items:center;display:flex}#user_info{width:inherit;gap:20px;margin:20px 0;display:flex}.name_user{align-items:center;font-size:1.2rem;display:flex}summary{justify-content:left;gap:10px;padding-left:40px;display:flex}@media (width<=768px){.details-and-table{flex-direction:column;order:2}.right-details{flex-direction:column;order:1}.details-wrapper{flex-direction:column-reverse}.mobile-tag{width:145px;height:px;padding:4px 8px}.request-detail-card h2{font-size:1.3rem}.table-container{overflow-x:auto}th,td{padding:8px}}*{box-sizing:border-box;margin:0;padding:0}.request-details-container{padding:var(--spacing-md);background-color:var(--color-secondary);border-radius:var(--radius-sm);padding-bottom:var(--spacing-xl);overflow-wrap:break-word;word-wrap:break-word;flex-direction:column;flex-grow:1;max-width:100%;margin:0 auto;display:flex}.request-details-container h1{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;margin-bottom:var(--spacing-sm);font-size:var(--font-size-xl);line-height:1.3}.request-detail-card{margin-bottom:var(--spacing-md)}.button-container{width:100%;padding:var(--spacing-sm) 0;justify-content:flex-end;align-items:center;display:flex}#edit_save_bouton_cantainer{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.mobile-header-tags,.request-id,.request-detail-card,.impact-sections{margin-bottom:var(--spacing-md)}.details-container summary{width:100%;padding-left:var(--spacing-xl);cursor:pointer;justify-content:flex-start;align-items:center;font-weight:700;display:flex;position:relative}.details-container summary:before{content:"> ";font-size:var(--font-size-base);margin-left:var(--spacing-sm);position:absolute;top:50%;left:0;transform:translateY(-50%)}.mobile-header-tags{justify-content:flex-start;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.header-tags{justify-content:center;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.tag1,.tag2{background-color:var(--color-accent);color:var(--color-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-transform:uppercase;font-weight:700}.request-id{text-align:center;width:100%;font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);font-weight:700}.details-and-table{width:100%;margin-bottom:var(--spacing-md);justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.details-container{flex:1;min-width:clamp(250px,90vw,400px)}details{margin-bottom:var(--spacing-sm);background-color:var(--color-bg);padding:var(--spacing-sm);border-radius:var(--radius-sm);box-shadow:0 4px 6px var(--color-shadow)}summary{cursor:pointer;font-weight:700}.group-button{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}@media (width<=767px){#edit_save_bouton_cantainer,.details-and-table{flex-direction:column}.details-container{margin-right:0;margin-bottom:var(--spacing-md)}.mobile-tag1,.mobile-tag2{font-size:var(--font-size-xs);padding:var(--spacing-xs)}.request-details-container{padding-bottom:var(--spacing-lg)}}@media (width>=768px){.details-and-table{gap:var(--spacing-lg);flex-direction:row}.details-container{margin-right:var(--spacing-lg);margin-bottom:0}}@media (width>=1024px){.details-container{flex:1}.table-container{justify-content:flex-start;align-items:flex-start;width:50%;display:flex}}#displaycolumn{background-blend-mode:lighten;z-index:-1;background-color:#0000;background-image:linear-gradient(#ffffff80,#ffffff80),url(/assets/background-dTpeV-r0.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;align-content:center;align-items:center;min-height:calc(100vh - 80px);display:flex}.signupform{flex-direction:column;justify-content:center;align-items:center;display:flex}#logoImageDesktop_signup{width:clamp(12rem,30vw,15rem)}#logo-section-signup-page{justify-content:center;display:flex}#signuptitle{color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-2xl);text-transform:uppercase;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg);font-style:normal;font-weight:700;line-height:normal;display:inline}#signupsubtitle1{color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);font-style:normal;font-weight:700;line-height:normal}#email,#firstname,#surname,#date-of-birth,#password,#confirm-password{border-radius:var(--radius-md);background:var(--color-secondary);width:clamp(280px,80vw,326px);height:clamp(3rem,8vw,3rem);box-shadow:var(--shadow-md);fill:var(--color-secondary);filter:drop-shadow(10px 10px 14px #00000040);margin-bottom:var(--spacing-md);flex-shrink:0;font-size:clamp(1rem,3vw,1.2rem)}#signupbutton{width:clamp(150px,40vw,163px);height:clamp(2.8rem,8vw,3rem);margin:var(--spacing-md);justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-secondary);flex-shrink:0;font-size:clamp(1rem,3vw,1.1rem);display:flex}#alreadyaccount{margin-bottom:var(--spacing-lg)}#displaycolumn input{padding-left:var(--spacing-md)}.checkbox-container{justify-content:center;align-items:center;display:flex}.checkbox-input{margin-right:var(--spacing-xs);align-items:center;display:flex}.signupform label{width:100%;margin-bottom:var(--spacing-md);flex-direction:column;display:flex;position:relative}.signupform input{width:100%;padding:var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.signupform input:focus{border-color:var(--color-focus);outline:none}.error-message{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);padding-left:var(--spacing-xs);text-align:left;min-height:clamp(1.25rem,4vw,1.5rem)}.signupform input.has-error{border-color:var(--color-error);border-width:1px}.checkbox-container{align-items:center;gap:var(--spacing-xs);flex-direction:row!important}.checkbox-input{width:auto!important;margin:0!important}.error-message{opacity:0;animation:.2s forwards slideDown;transform:translateY(-5px)}@keyframes slideDown{to{opacity:1;transform:translateY(0)}}