@import "https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto+Flex:opsz,wght,XOPQ,XTRA,YOPQ,YTDE,YTFI,YTLC,YTUC@8..144,100..1000,96,468,79,-203,738,514,712&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.app-container{position:relative}main{max-width:1200px;margin:60px auto auto;padding:80px 20px 20px}*{box-sizing:border-box;font-family:Roboto Flex}img{object-fit:cover}.txt-color-p{color:var(--primary-color)}.txt-color-s{color:var(--secondary-color)}.txt-color-t{color:var(--tertiary-color)}.txt-color-w{color:#fff}.bg-color-p{background-color:var(--primary-color)}.bg-color-s{background-color:var(--secondary-color)}.bg-color-t{background-color:var(--tertiary-color)}.border-20{border-radius:20px}.border-top-20{border-top-left-radius:20px;border-top-right-radius:20px}.error{color:red}.btn-grad{text-align:center;text-transform:uppercase;color:#fff;background-image:linear-gradient(90deg,#4b6cb7 0%,#182848 51%,#4b6cb7 100%);background-size:200%;border:none;border-radius:10px;outline:none;margin:10px;padding:15px 45px;transition:all .5s;display:block;box-shadow:0 0 20px #eee}.btn-grad:hover{color:#fff;background-position:100%;text-decoration:none}.auth{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.auth img{max-width:150px}.auth-container{border-radius:20px;flex-direction:column;align-items:center;gap:10px;max-width:400px;margin:auto;padding:40px;display:flex;box-shadow:0 1px 4px #00000029}.auth h1{text-align:center;margin-top:10px;margin-bottom:40px;font-size:1.7rem}.auth-form{flex-direction:column;gap:20px;width:100%;display:flex}.form-container{border-radius:20px;flex-direction:column;align-items:center;gap:10px;max-width:900px;margin:auto;padding:40px;display:flex;box-shadow:0 1px 4px #00000029}.form{flex-direction:column;gap:20px;width:100%;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-group input{border:none;border-bottom:1px solid gray;padding:10px}.auth .form-group input{border:none;border-bottom:1px solid gray}.text-button{background-color:#0000;border:none;transition:all .3s}.text-button:hover{color:#4b6cb7;font-weight:600}.temp-titre{color:var(--secondary-color);font-size:.8rem}.temp-list{gap:10px;margin-bottom:20px;display:flex}.test-battleground h1{text-align:center;margin-bottom:20px;font-size:2rem}.test-battleground h2{text-align:center;margin-bottom:20px;font-size:1.3rem}.campaign-card-test{border-radius:20px;width:300px;height:100%;margin:auto;box-shadow:0 1px 4px #00000029}.campaign-card-test img{object-fit:cover;border-top-left-radius:20px;border-top-right-radius:20px;width:100%;height:60px}.campaign-card-test .test-button-list{gap:10px;display:flex}.campaign-info-test{flex-direction:column;gap:10px;padding:15px;display:flex}.color-list{gap:10px;display:flex}.color-cube{width:20px;height:20px}.status-badge{color:#b9b55f;background-color:#edebc5;border:1px solid #b9b55f;border-radius:20px;align-items:center;width:fit-content;padding:5px 10px;display:flex}.app-theme{--primary-color:#484b8b;--secondary-color:#1b083a;--tertiary-color:#333;--card-bg:white;--light-shadow:#00000029 0px 1px 4px;--medium-shadow:#11111a0d 0px 4px 16px, #11111a0d 0px 8px 32px;min-height:100vh;font-family:Roboto Flex}.theme-ocean{--primary-color:#333;--secondary-color:#1b083a;--tertiary-color:#484b8b;--card-bg:#1f2937}.theme-forest{--primary-color:#06400a;--secondary-color:#227e22;--tertiary-color:#63e211;--card-bg:#d1fae5}.theme-sunset{--primary-color:#5c0000;--secondary-color:#b30917;--tertiary-color:#e2b531 91.1%;--card-bg:#ffedd5}.header{background:var(--primary-color);background:linear-gradient(90deg,var(--primary-color) 0%, var(--secondary-color) 35%, var(--tertiary-color) 100%);z-index:999;border-bottom-right-radius:20px;border-bottom-left-radius:20px;justify-content:space-between;width:100%;padding:16px;display:flex;position:fixed;top:0}.campaign-name-header p{padding:0 20px;font-size:1.1rem}.navigation-elements{background-color:#fff;border-radius:15px;justify-content:center;align-items:center;gap:20px;width:fit-content;padding:15px;display:flex;box-shadow:0 1px 4px #00000029}.navigation-elements img{border-radius:50%;height:20px;margin-right:4px}.navigation-profile{align-items:center;gap:5px;display:flex}.navigation-menu{opacity:0;pointer-events:none;background-color:#fff;border-radius:15px;max-height:0;transition:opacity .25s,transform .25s,max-height .25s;display:flex;position:absolute;top:80px;left:16px;overflow:hidden;transform:translateY(-10px);box-shadow:0 1px 4px #00000029}.navigation-menu ul{flex-direction:column;gap:20px;padding:15px;display:flex}.navigation-menu.open{opacity:1;pointer-events:auto;max-height:500px;transform:translateY(0)}.member-card{max-width:150px;box-shadow:var(--medium-shadow);border-radius:20px;flex-direction:column;align-items:center;gap:8px;margin-top:40px;padding:16px;display:flex}.member-card img{border-radius:50%;width:100%}h1{font-size:2.8rem}.campaign-banner{gap:40px;display:flex}.campaign-banner-card{width:50%;box-shadow:var(--medium-shadow);border-radius:20px}.campaign-banner-card img{aspect-ratio:3/2;border-radius:20px;width:100%}.campaign-title,.campaign-resume{flex-direction:column;gap:24px;padding:32px;display:flex;position:relative}.campaign-title p{align-items:center;display:flex}.campaign-title span{margin-left:20px}.edit-icon{box-sizing:border-box;max-width:40px;position:absolute;top:24px;right:24px}.edit-icon img{border-radius:none;object-fit:contain}