@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.accordion-container{display:flex;flex-direction:column;align-items:center}.accordion-item{background-color:#f8f8f8;margin:20px;padding:20px;border-radius:10px;cursor:pointer;color:#000;width:800px}.accordion-content p{white-space:pre-line}summary{list-style:none}.accordion-summary{display:flex;justify-content:space-between}.accordion-arrow{font-size:1.3rem;color:#9ca3af;transition:transform .3s ease,color .3s ease}.accordion-arrow.open{transform:rotate(90deg);color:#4b5563}.accordion-title{font-weight:550;font-size:1.1rem}.site-header{background:var(--bg)}.container-header{display:flex;align-items:center;justify-content:space-between}.logo-header{height:auto;width:40%;padding:.8rem 1.6rem}.navbar-header{padding:0 3rem}.navbar-header a{position:relative;color:var(--link);text-decoration:none;padding:.25rem 1rem;font-weight:900;transition:color .2s ease}.navbar-header a:hover{color:var(--unknow)}.navbar-header a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:transparent;transform:scaleX(0);transform-origin:left;transition:transform .2s ease,background-color .2s ease}.navbar-header a:hover:after{background:var(--unknow);transform:scaleX(1)}.navbar-header a.active{color:var(--linkv)}.navbar-header a.active:after{background:var(--linkv);transform:scaleX(1)}@media(max-width:640px){.site-header .container-header{height:auto;padding:.5rem 1rem}.site-header .container-header{flex-wrap:wrap;gap:.5rem 1rem}.navbar-header{width:100%;justify-content:center;flex-wrap:wrap;gap:.5rem 1rem}}.main-content{flex:1}.footer{text-align:center;padding:20px 0;color:#594740;font-size:14px;letter-spacing:.5px}:root{--bg: hsl(7, 8%, 21%);--bg-card: hsl(192, 3%, 31%);--link: hsl(22, 32%, 43%);--linkv: hsl(33, 52%, 65%);--cardv: hsl(195, 9%, 55%);--unknow: hsl(19, 16%, 34%);--fs-300: clamp(.5rem, .7rem + .3vw, 1rem);--fs-400: clamp(1rem, .9rem + .4vw, 1.125rem);--fs-600: clamp(1.25rem, 1rem + 1vw, 1.75rem)}:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;padding:0}body{background:var(--bg);font-family:Roboto,system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;font-weight:400}a,button{cursor:pointer}a{color:var(--link);font-weight:600;text-decoration:none}a:hover{color:var(--linkv)}button{background-color:var(--link);border:none;padding:1rem 2rem;color:#fff;margin:.5rem 1rem;border-radius:20px;transition:background .3s}button:hover{background-color:var(--linkv)}h1{font-size:clamp(1rem,-1.6563rem + 8.5vw,6.125rem);font-family:Orbitron,system-ui,-apple-system,Segoe UI,sans-serif}h2{font-family:Orbitron,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);margin:3rem auto;text-align:center}h3{font-family:Orbitron,sans-serif;font-size:var(--fs-400)}img{height:auto}.testimonial{max-width:100svh;margin:0 auto;padding:1rem 2rem}.testimonial_header{text-align:center;margin-bottom:4rem}.testimonial_heading{margin:0 0 1rem}.testimonial_subtitle{margin:0 auto;max-width:600px}.testimonial_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;list-style:none;padding:0;margin:1rem 0 0}.testimonial_card{background:var(--bg-card);border-radius:1rem;padding:2rem;display:grid;gap:.5rem;min-height:220px}.testimonial_text{margin:0;line-height:1.5;font-size:var(--fs-300)}.testimonial_person{display:grid;grid-template-columns:1rem 1fr;gap:1rem;align-items:center}.testimonial_avatar{width:50px;height:50px;border-radius:500px;overflow:hidden;background:var(--bg)}.testimonial_avatar img{width:100%;display:block}.testimonial_meta{padding:2rem}.testimonial_name{display:block}.testimonial_role{display:block;opacity:.5}@media(max-width:900px){.testimonial_grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.testimonial_grid{grid-template-columns:1fr}}.hero{min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.hero-bg{position:absolute;width:100%;height:100%;object-fit:cover;z-index:0}.hero:before{content:"";position:absolute;inset:0;background:#00000059;z-index:1}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:300px;background:linear-gradient(to bottom,transparent,var(--bg));z-index:1}.hero-content{position:relative;z-index:2;padding:2rem;border-radius:12px;text-align:center;opacity:0;animation:fadeInUp 1.5s ease forwards .8s}.hero-content p{display:inline-block;color:#fff;padding:1rem;font-weight:700;border-radius:6px;font-family:Orbitron,sans-serif;font-size:2rem;text-shadow:0 0 19px rgba(255,255,255,.2)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.titre{display:flex;flex-direction:column;align-items:center}h1{color:#fff;text-align:center;padding:20px}.detail-form{display:grid;grid-template-columns:2fr 3fr;align-items:center;grid-area:auto;gap:10em;max-width:1200px;margin:0 auto;padding:20px;background-color:#ffffff1a;border-radius:8px}.form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form button{grid-column:span 2;cursor:pointer}.form-input{width:100%;padding:8px;margin-top:5px;border:1px solid #ccc;border-radius:50px;box-sizing:border-box}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;color:#fff;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#000;padding:20px;border-radius:8px;min-width:300px;max-width:80%;box-shadow:0 4px 10px #0003}.titre-modal{color:#fff}.modal-content pre{background-color:#fff;padding:10px;border-radius:4px;white-space:pre-wrap;word-wrap:break-word}.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:auto auto auto;grid-template-areas:"a a a a c c" "d d e e c c" "d d f f f f";gap:1rem;max-width:1000px;margin:0 auto;padding:4px 0 16px}.bento_item .card{background:var(--bg-card);color:#fff;border-radius:20px;box-shadow:0 2px 14px #00000040;padding:12px;min-height:160px;display:grid;grid-template-rows:auto auto auto;grid-template-areas:"title media" "text  media" "cta   media";gap:1rem}.column-card{grid-template-columns:1fr 120px}.card-mediaOnly{grid-template-columns:1fr;grid-template-areas:"media"}.card_title{grid-area:title}.card_text{grid-area:text;margin:0;color:#ffffffd9;line-height:1.45;font-size:var(--fs-400)}.card_cta{grid-area:cta;justify-self:start;background:var(--link);color:#fff;font-weight:700;border:none;padding:1rem 2rem;margin:.5rem 0;border-radius:20px;transition:background .3s}.card_cta:hover{background:var(--linkv)}.card_media{grid-area:media;width:100%;height:100%;min-height:100px;border-radius:14px;overflow:hidden}.card_media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.card_media-tall{min-height:280px}.a{grid-area:a}.c{grid-area:c}.d{grid-area:d}.e{grid-area:e}.f{grid-area:f}.c,.d{border-radius:20px;overflow:hidden;box-shadow:0 2px 14px #00000040;padding:0}.bento_img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.a .card_media,.f .card_media{overflow:hidden;border-radius:12px;width:100%;height:100%;min-height:100px;background:none}.a .card_media img,.f .card_media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.card,.c img,.d img{transition:transform .4s ease,box-shadow .4s ease}.card:hover,.c:hover img,.d:hover img{transform:scale(1.02);box-shadow:0 4px 18px #0006}.card-noMedia{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"title" "text" "cta";align-content:start}@media(max-width:768px){.bento{grid-template-columns:1fr;grid-template-areas:none}.bento_item{grid-area:auto}.bento_item .card:not(.card--mediaOnly){grid-template-columns:1fr;grid-template-areas:"title" "text" "media" "cta"}.card_media{min-height:140px}}.card-recruitment{background-color:var(--bg);text-align:center}.title2-card-recruitment{color:#fff;padding:2rem;margin:0}.section-card-recruitment{display:flex;align-items:center;padding:2rem;justify-content:center;gap:2rem;flex-wrap:wrap}.section-card-recruitment img{width:400px;border-radius:15px;object-fit:cover;display:block}.reverse{flex-direction:row-reverse}.article-card-recruitment{background-color:var(--bg-card);max-width:400px;border-radius:15px;padding:3rem;color:#ffffffd9;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:var(--fs-400)}.article-card-recruitment p{text-align:start}.section-card-recruitment img{height:auto;width:17%}body{background-color:#3a3231}.mercenaries-section{display:flex;flex-direction:column;align-items:center;gap:2rem;margin:3rem 0px}.mercenaries-section h1{color:#d4a976;font-family:Orbitron,sans-serif}.search-section{width:950px;display:flex;flex-direction:column;gap:.2em}.search-section p{color:#4c5051;text-align:start;font-family:roboto;font-style:italic;font-size:1.3rem}.search-filters{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.search-input::placeholder{color:#3a3231}.search-input{height:2.2rem;border-radius:8px;background-color:#d4a976;font-weight:400;font-size:.9rem;font-family:roboto;width:30%;padding:0 1em}.filter-select{height:2.5rem;border-radius:8px;background-color:#d4a976;color:#3a3231;font-family:roboto;font-weight:600;padding:0 1em}.mercenaries-general{display:flex;flex-wrap:wrap;justify-content:center;margin:1em 18em;gap:2em 2em}.reset-button{color:#3a3231;background-color:#9ca6a9;display:flex;align-items:center;height:3em;font-size:.9rem;font-weight:600;font-family:roboto}.reset-button:hover{color:#4c5051;background-color:#d4a976}.mercenary-GlobalCard{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:180px;width:240px;background-color:#9ca6a9;gap:.5em;border:none;border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .5s ease;position:relative}.mercenary-GlobalCard img{margin-top:1rem;width:200px;height:240px;object-fit:cover;object-position:center top;display:block;border-radius:8px}.mercenary-GlobalCard h2{font-size:1.2rem;color:#3a3231;margin:1em 0 .5em}.mercenary-GlobalCard p{font-size:.9rem;color:#4c5051;font-family:roboto;margin:0 0 1em}.mercenary-GlobalCard button{background-color:#d4a976;border-radius:8px;color:#3a3231;font-weight:700;font-family:roboto;margin-bottom:1rem;padding:10px 16px}.mercenary-GlobalCard:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 0 15px #f5d85c99,0 0 35px #f5d85c66,0 0 60px #f5d85c4d,inset 0 0 20px #f5d85c40;z-index:2;transition:transform .3s ease,box-shadow .4s ease}.mercenary-GlobalCard img{filter:saturate(.9) brightness(.95);transition:filter .3s ease}.mercenary-GlobalCard:hover img{filter:saturate(1.1) brightness(1.05)}.mercenary-GlobalCard button:hover{background-color:#4c5051;color:#d4a976;transform:scale(1.05)}@keyframes saber-glow{0%,to{box-shadow:0 0 10px #f5d85c40,0 0 20px #f5d85c26,0 0 30px #f5d85c1a}50%{box-shadow:0 0 15px #f5d85c59,0 0 35px #f5d85c40,0 0 60px #f5d85c26}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;padding:2rem;border-radius:12px;max-width:500px;width:90%;position:relative;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer;color:#666;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background-color:#f0f0f0;color:#333}.modal-content h2{margin-top:0;margin-bottom:1rem;color:#333;font-size:1.5rem}.modal-mercenary-name{font-weight:700;color:#d4af37;font-size:1.2rem;margin-bottom:1rem}.modal-content p{color:#666;line-height:1.6;margin-bottom:1.5rem}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.modal-btn{flex:1;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s;font-weight:500}.modal-btn-primary{background-color:#d4a976;text-align:center;color:#fff}.modal-btn-primary:hover{background-color:#b8941f;transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.button-none,.nos-missions h3{display:none}p{white-space:pre-line}.image-container{position:relative;display:inline-block}.clickable-zone{position:absolute;top:458px;left:1100px;width:10px;height:10px}.clickable-zone:hover{border-radius:80%;background-color:#ff00004d}
