@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:'Ubuntu',sans-serif}html{scroll-behavior:smooth}body{background:linear-gradient(to bottom,#12131a,#171722);color:#fff;font-size:16px}header{text-align:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#0bd3fb,#ea0fd6);border-radius:15px}::-webkit-scrollbar{background:linear-gradient(#12131a,#171722)}.principale{padding:1.25rem 10rem;display:flex;position:relative;gap:1.25rem;justify-content:center;align-items:center;z-index:999}.principale ul li a,.dropdown a{font-size:16px;color:rgb(255 255 255 / 50%);text-decoration:none;font-weight:500;margin:0 15px;display:flex;align-items:center;transition:color 0.3s}.principale a:hover{color:#fff}.nav-list{display:flex;list-style:none;margin:0;padding:0}.nav-list li.active a,.nav-list .dropdown.active>a{color:#fff}.nav-toggle{display:none;background:none;border:none;cursor:pointer}.nav-toggle i{color:#fff;font-size:24px}.bar{display:block;width:25px;height:3px;background-color:#fff;margin:5px auto;transition:background-color 0.3s ease-in-out}.presentation{text-align:center;padding:1.25rem;position:relative}.logo{display:flex;align-items:center;color:#fff;filter:drop-shadow(2px 4px 6px linear);font-size:24px;font-weight:600;letter-spacing:1px}.logo img{width:80px}.presentation{padding:80px 0;margin-top:5rem}.title-gradient{font-size:100px;background:linear-gradient(90deg,#0bd3fb 40%,#ea0fd6 60%);filter:drop-shadow(0 0 80px rgb(45 128 235 / .5));-webkit-background-clip:text;background-clip:text;color:#fff0;-webkit-text-stroke:rgb(0 0 0 / 10%);-webkit-text-stroke-width:1px;margin-bottom:1.25rem}.tagline{font-size:18px;color:#babdcc;margin-bottom:40px;text-align:center}.buttons{gap:1rem;display:flex;align-items:center;justify-content:center}.cta-button{background-image:linear-gradient(45deg,#5865f2,#1ac7f9);background-size:100% 100%;border:1px solid rgb(255 255 255 / 10%);color:#fff;padding:10px 1.25rem;border-radius:8px;font-size:14px;letter-spacing:1px;text-decoration:none;transition:0.2s ease-in-out;overflow:hidden;position:relative}.cta-button:hover{filter:brightness(1.1);color:#fff;background-size:400% 400%}.cta-button::before{content:'';position:absolute;width:100px;height:100px;top:0;left:-100px;background-image:linear-gradient(120deg,#fff0 30%,rgb(250 250 250 / 80%),#fff0 60%)}.cta-button#button1::before{animation:shine 3s infinite}.cta-button#button2{border:1px solid #555;background:#fff0}.cta-button#button2:hover{background-color:#55555550;border:1px solid #55555550}.cta-button#button2:hover::before{animation:shine 2s linear}ul{list-style-type:none;display:flex}.stat{display:flex;justify-content:center;align-items:center;padding-bottom:10rem;flex-direction:column;position:relative}.stat h2{color:#fff;font-size:18px;filter:drop-shadow(0 -10px 40px #5865f2cc);padding:0 5px;border-radius:3px}.stat h2 span{color:#fff0;background-clip:text;background-image:linear-gradient(45deg,#1ac7f9 30%,#5865f2 70%)}.functionality-scroll{display:flex;gap:9rem;flex-direction:column;align-items:center;padding:14rem 10rem;position:relative}.functionality-scroll::before{background-image:conic-gradient(#fff 75%,hsl(0 0% 100% / .2) 75%,#fff 75%);border-radius:50%;content:"";display:block;opacity:.03;padding-top:70%;position:absolute;width:70%;top:50%;left:50%;filter:blur(16px);transform:translate(-50%,-50%);z-index:-1}.functionality{display:flex;margin:1.25rem 0;align-items:center;justify-content:space-around;filter:drop-shadow(0 3px 6px rgb(0 0 0 / 30%));padding:1.25rem;border-radius:15px}.functionality:nth-child(odd) .functionality-image{order:2}.functionality-image,.functionality-text{flex-basis:45%;max-width:1000px;position:relative}.functionality-image i{position:absolute;font-size:15rem;z-index:-1;top:50%;color:#fff;transform:translateY(-50%)}.functionality-text i{text-align:center;color:#2d80eb}.functionality-text h2{font-size:35px;margin-bottom:10px}.functionality-text p{font-size:16px;color:rgb(255 255 255 / 60%)}.commands,.contact,.pdc,.cgu,.staff{padding:0 10rem;margin-top:6rem}.staff{margin-bottom:14rem}.commands-text h2,.contact-text h2,.pdc-text h2,.cgu-text h2,.staff-text h2{font-size:30px}.commands-text p,.contact-text p,.pdc p,.cgu p,.staff-text p{font-size:16px;color:#9195ab}.staff-image img{width:60px;border-radius:50%;border:1px solid rgb(250 250 250 / 10%)}.staff-container{overflow:hidden;position:relative}.cgu-list a,.pdc-list a{color:#5865f2;transition:.3s}.cgu-list a:hover,.pdc-list a:hover{color:#2d80eb;filter:brightness(1.1)}.commands-list,.pdc-list,.cgu-list{display:flex;padding:40px 60px;flex-direction:column;gap:1.7rem}.staff-list{display:grid;grid-template-columns:repeat(3,1fr);padding:40px 60px;gap:1.7rem}.command-container,.staff-container{background:#171821;border:1px solid #1f2129;border-radius:8px;display:flex;align-items:center;padding:1.25rem;gap:1rem;transition:.3s}.staff-container{background:rgb(255 255 255 / 10%);border:1px solid rgb(255 255 255 / 10%)}.command-container:hover,.staff-container:hover{background:#1f2129;border:1px solid #5865f2;cursor:pointer}.staff-container:hover:before{content:'';position:absolute;width:100px;height:120px;top:0;left:-120px;background-image:linear-gradient(120deg,#fff0 30%,rgb(250 250 250 / 80%),#fff0 60%);animation:shine 3s}.command-container:hover .command-icon path{fill:#5865f2;transition:fill .3s}.command-icon path{display:flex;transition:.3s}h5.command-title,h5.staff-name{font-size:18px;font-weight:600}span.command-text,span.staff-role{font-size:14;color:#9195ab}.end-footer{display:flex;justify-content:center;margin:1.25rem 0}.end-footer a{background:#fff0;border:1px solid #fff0;color:#fff;padding:5px;border-radius:50%;height:40px;width:40px;display:flex;align-items:center;justify-content:center;transition:.3s}.contact{padding:80px 1.25rem;text-align:center;color:#fff}.contact h2{font-size:36px;margin-bottom:1.25rem}.contact p{color:#9195ab;font-size:18px;margin-bottom:40px}.support-section{margin:20px;display:flex;justify-content:center}.support{padding:1.25rem;border-radius:10px;max-width:1024px;background:#5865f2;text-align:center;box-shadow:0 2px 10px rgb(0 0 0 / .1);transition:transform 0.3s,box-shadow 0.3s}.support:hover{transform:translateY(-10px)}.support img{width:60px;height:100%}.support p{color:#fff}.support a{text-align:center}.support h2{color:#fff}.contact-options{display:flex;flex-direction:column;align-items:center}.contact a{color:#fff}.contact i{font-size:30px;margin:0 10px}.contact-options a{color:#fff;font-size:18px;align-items:center;text-decoration:none;margin:10px;transition:color 0.3s;display:flex}.contact-options a:hover{color:#2d80eb}.container{margin-top:6rem;padding:0 10rem;display:flex;justify-content:space-between}.left,.right{flex-basis:calc(50% - 1.25rem);display:flex;flex-direction:column;padding:1.25rem;align-items:center}.title{font-size:30px;font-weight:700;margin-top:60px;text-align:center}.description{margin-top:100px}.description p{margin:1.25rem 0}.logo2{width:100%;max-width:250px;margin-bottom:1.25rem}.members-list{align-items:center;text-align:center;display:flex;flex-direction:column}.list{margin-bottom:1.25rem}.am-discord{display:flex}.am-discord a{align-items:center}.am-discord a img{width:50px}.am-discord a h2{font-size:1.25rem;font-weight:bolder;margin:0;letter-spacing:0;color:#D4af37;transition:.3s}.am-discord a:hover h2{letter-spacing:1px}.am-discord a{display:flex;gap:1.25rem;background:repeating-linear-gradient(45deg,black,transparent 150px);padding:10px;box-shadow:0 0 10px #000;border-radius:15px;align-items:center}h2{font-size:18px;font-weight:700;margin-bottom:10px}.right ul{list-style-type:none;padding:0;display:block}li{font-size:16px;margin-bottom:5px;position:relative}.list h2 span{color:#fff;border-radius:10px;font-weight:400;font-size:18px;padding:0 5px;border-radius:0}.end-footer a:hover{background-color:#55555550;border:1px solid #55555550;color:#fff}footer{text-align:center;align-items:center;padding:1.25rem 10rem;color:#999;display:flex;justify-content:space-between}a{text-decoration:none;transition:.3s;color:#5865f2}a:hover{color:#2d80eb;filter:brightness(1.1)}.footer-links p{margin:0 5px}.footer-links{display:flex}.background,.team-background{padding:0;position:absolute;z-index:-99;width:100%;filter:blur(200px);height:100%;border-radius:100%;left:0;top:100%;background:linear-gradient(90deg,rgb(0 0 0 / 10%),#e81cff,#40c9ff,rgb(0 0 0 / 10%) 105%);opacity:.95}.team-background{width:50%;height:50%;border-radius:100%;left:50%;top:50%;transform:translate(-50%,-50%)}.server{background:rgb(255 255 255 / 5%);border:1px solid rgb(255 255 255 / 5%);display:flex;border-radius:1.25rem;gap:10px;padding:1.25rem;width:250px}.servers{display:grid;margin:40px 0 80px;gap:1.25rem;grid-template-columns:repeat(3,1fr)}.server .image{width:60px;height:60px;border-radius:15px}.server .name{font-size:18px}.infos{text-align:left;display:flex;flex-direction:column;gap:5px}.server .infos .members{font-size:16px;color:rgb(255 255 255 / 80%)}.functionality-image img{border-radius:15px;max-width:500px;min-width:350px;width:100%}.mobile{display:none}.nav-list a i{margin-left:5px;font-size:12px}.dropdown:hover .dropdown-menu{opacity:1;top:30px}.dropdown{position:relative}.dropdown-menu{display:flex;position:absolute;flex-direction:column;gap:5px;padding:10px;background:rgb(0 0 0 / 10%);border:1px solid rgb(250 250 250 / 5%);border-radius:10px;opacity:0;top:20px;transition:.2s ease}.functionality-image{display:flex;justify-content:center}@keyframes shine{0%{left:-100px}20%{left:100%}100%{left:100%}}#particles-js{position:absolute;width:100%;height:100%}.staff-card{display:flex;flex-direction:column;gap:5px}span.staff-role{text-align:center}span.staff-role{padding:1px 5px;border-radius:5px;width:fit-content}