:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff;color:#1a202c;overflow-y:scroll}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}.background-video-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;overflow:hidden}.background-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;pointer-events:none}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;pointer-events:none}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeOut .5s ease-out forwards;animation-delay:2.5s}.banter-loader{position:absolute;left:50%;top:50%;width:72px;height:72px;margin-left:-36px;margin-top:-36px}.banter-loader__box{float:left;position:relative;width:20px;height:20px;margin-right:6px}.banter-loader__box:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#667eea;border-radius:2px}.banter-loader__box:nth-child(3n){margin-right:0;margin-bottom:6px}.banter-loader__box:nth-child(1):before,.banter-loader__box:nth-child(4):before{margin-left:26px}.banter-loader__box:nth-child(3):before{margin-top:52px}.banter-loader__box:last-child{margin-bottom:0}@keyframes moveBox-1{9.0909090909%{transform:translate(-26px)}18.1818181818%{transform:translate(0)}27.2727272727%{transform:translate(0)}36.3636363636%{transform:translate(26px)}45.4545454545%{transform:translate(26px,26px)}54.5454545455%{transform:translate(26px,26px)}63.6363636364%{transform:translate(26px,26px)}72.7272727273%{transform:translate(26px)}81.8181818182%{transform:translate(0)}90.9090909091%{transform:translate(-26px)}to{transform:translate(0)}}.banter-loader__box:nth-child(1){animation:moveBox-1 4s infinite}@keyframes moveBox-2{9.0909090909%{transform:translate(0)}18.1818181818%{transform:translate(26px)}27.2727272727%{transform:translate(0)}36.3636363636%{transform:translate(26px)}45.4545454545%{transform:translate(26px,26px)}54.5454545455%{transform:translate(26px,26px)}63.6363636364%{transform:translate(26px,26px)}72.7272727273%{transform:translate(26px,26px)}81.8181818182%{transform:translateY(26px)}90.9090909091%{transform:translateY(26px)}to{transform:translate(0)}}.banter-loader__box:nth-child(2){animation:moveBox-2 4s infinite}@keyframes moveBox-3{9.0909090909%{transform:translate(-26px)}18.1818181818%{transform:translate(-26px)}27.2727272727%{transform:translate(0)}36.3636363636%{transform:translate(-26px)}45.4545454545%{transform:translate(-26px)}54.5454545455%{transform:translate(-26px)}63.6363636364%{transform:translate(-26px)}72.7272727273%{transform:translate(-26px)}81.8181818182%{transform:translate(-26px,-26px)}90.9090909091%{transform:translateY(-26px)}to{transform:translate(0)}}.banter-loader__box:nth-child(3){animation:moveBox-3 4s infinite}@keyframes moveBox-4{9.0909090909%{transform:translate(-26px)}18.1818181818%{transform:translate(-26px)}27.2727272727%{transform:translate(-26px,-26px)}36.3636363636%{transform:translateY(-26px)}45.4545454545%{transform:translate(0)}54.5454545455%{transform:translateY(-26px)}63.6363636364%{transform:translateY(-26px)}72.7272727273%{transform:translateY(-26px)}81.8181818182%{transform:translate(-26px,-26px)}90.9090909091%{transform:translate(-26px)}to{transform:translate(0)}}.banter-loader__box:nth-child(4){animation:moveBox-4 4s infinite}@keyframes moveBox-5{9.0909090909%{transform:translate(0)}18.1818181818%{transform:translate(0)}27.2727272727%{transform:translate(0)}36.3636363636%{transform:translate(26px)}45.4545454545%{transform:translate(26px)}54.5454545455%{transform:translate(26px)}63.6363636364%{transform:translate(26px)}72.7272727273%{transform:translate(26px)}81.8181818182%{transform:translate(26px,-26px)}90.9090909091%{transform:translateY(-26px)}to{transform:translate(0)}}.banter-loader__box:nth-child(5){animation:moveBox-5 4s infinite}@keyframes moveBox-6{9.0909090909%{transform:translate(0)}18.1818181818%{transform:translate(-26px)}27.2727272727%{transform:translate(-26px)}36.3636363636%{transform:translate(0)}45.4545454545%{transform:translate(0)}54.5454545455%{transform:translate(0)}63.6363636364%{transform:translate(0)}72.7272727273%{transform:translateY(26px)}81.8181818182%{transform:translate(-26px,26px)}90.9090909091%{transform:translate(-26px)}to{transform:translate(0)}}.banter-loader__box:nth-child(6){animation:moveBox-6 4s infinite}@keyframes moveBox-7{9.0909090909%{transform:translate(26px)}18.1818181818%{transform:translate(26px)}27.2727272727%{transform:translate(26px)}36.3636363636%{transform:translate(0)}45.4545454545%{transform:translateY(-26px)}54.5454545455%{transform:translate(26px,-26px)}63.6363636364%{transform:translateY(-26px)}72.7272727273%{transform:translateY(-26px)}81.8181818182%{transform:translate(0)}90.9090909091%{transform:translate(26px)}to{transform:translate(0)}}.banter-loader__box:nth-child(7){animation:moveBox-7 4s infinite}@keyframes moveBox-8{9.0909090909%{transform:translate(0)}18.1818181818%{transform:translate(-26px)}27.2727272727%{transform:translate(-26px,-26px)}36.3636363636%{transform:translateY(-26px)}45.4545454545%{transform:translateY(-26px)}54.5454545455%{transform:translateY(-26px)}63.6363636364%{transform:translateY(-26px)}72.7272727273%{transform:translateY(-26px)}81.8181818182%{transform:translate(26px,-26px)}90.9090909091%{transform:translate(26px)}to{transform:translate(0)}}.banter-loader__box:nth-child(8){animation:moveBox-8 4s infinite}@keyframes moveBox-9{9.0909090909%{transform:translate(-26px)}18.1818181818%{transform:translate(-26px)}27.2727272727%{transform:translate(0)}36.3636363636%{transform:translate(-26px)}45.4545454545%{transform:translate(0)}54.5454545455%{transform:translate(0)}63.6363636364%{transform:translate(-26px)}72.7272727273%{transform:translate(-26px)}81.8181818182%{transform:translate(-52px)}90.9090909091%{transform:translate(-26px)}to{transform:translate(0)}}.banter-loader__box:nth-child(9){animation:moveBox-9 4s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.hero-header{position:absolute;top:0;left:0;right:0;z-index:10;padding:2rem 3rem;pointer-events:none;background:#0000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0)}.hero-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;pointer-events:auto}.hero-header-nav{display:flex;gap:2rem;align-items:center}.hero-header-link{color:#fff;text-decoration:none;font-size:1rem;font-weight:500;transition:all .3s ease;position:relative;padding:.5rem 0}.hero-header-link:hover{color:#64b5f6;transform:translateY(-2px)}.hero-header-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,#64b5f6,#1976d2);transition:width .3s ease}.hero-header-link:hover:after{width:100%}.hero-header-auth{display:flex;align-items:center;gap:1rem}.hero-header-loading{color:#fff;font-size:1.2rem}.hero-header-buttons{display:flex;gap:1rem;align-items:center}.hero-header-btn{padding:.7rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.hero-header-btn-login{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-header-btn-login:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.hero-header-btn-register{background:linear-gradient(135deg,#64b5f6,#1976d2);border:none;color:#fff;box-shadow:0 4px 15px #64b5f64d}.hero-header-btn-register:hover{transform:translateY(-2px);box-shadow:0 6px 20px #64b5f666;background:linear-gradient(135deg,#42a5f5,#1565c0)}.hero-header-profile-container{position:relative}.hero-header-profile{cursor:pointer;transition:all .3s ease}.hero-header-profile:hover{transform:scale(1.1)}.hero-header-menu{position:absolute;top:calc(100% + 10px);right:0;background:#00000091;border:1px solid rgba(255,255,255,0);border-radius:12px;padding:.8rem 0;min-width:280px;box-shadow:0 8px 32px #0000;z-index:1000;animation:slideDown .3s ease-out}.menu-item-container{position:relative}.menu-item{width:100%;padding:1rem 1.5rem;background:transparent;border:none;color:#fff;text-align:left;cursor:pointer;display:flex;align-items:center;gap:1rem;font-size:1rem;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;position:relative}.menu-item.active{background:#ffffff0d;color:#64b5f6}.menu-arrow{margin-left:auto;font-size:.8rem;transition:transform .2s ease}.menu-item.active .menu-arrow{transform:rotate(90deg)}.menu-item:hover{background:#fff0;color:#64b5f6}.menu-item i{width:24px;text-align:center;font-size:1.1rem}.menu-item-logout{color:#f44336}.menu-item-logout:hover{background:#f443361a;color:#f44336}.menu-submenu{background:#00000059;border-left:0px solid rgba(100,180,246,0);margin-left:.5rem;margin-top:.3rem;margin-bottom:.3rem;border-radius:8px;padding:.5rem 0;animation:slideInRight .2s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.menu-submenu .menu-item{padding:.8rem 1.5rem .8rem 2rem;font-size:.95rem}.menu-submenu .menu-item i{font-size:1rem;width:20px}.menu-divider{height:1px;background:#ffffff56;margin:.5rem 0}.hero-header-avatar{width:50px;height:50px;border-radius:50%;border:3px solid rgba(255,255,255,.5);object-fit:cover;box-shadow:0 4px 15px #0000004d;transition:all .3s ease}.hero-header-profile:hover .hero-header-avatar{border-color:#fffc;box-shadow:0 6px 20px #64b5f666}.hero-header-avatar-placeholder{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#64b5f6,#1976d2);border:3px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 4px 15px #0000004d;transition:all .3s ease}.hero-header-profile:hover .hero-header-avatar-placeholder{border-color:#fffc;box-shadow:0 6px 20px #64b5f666}@media(max-width:768px){.hero-header{padding:1.5rem}.hero-header-nav{gap:1rem}.hero-header-link{font-size:.9rem}.hero-header-btn{padding:.6rem 1.2rem;font-size:.9rem}.hero-header-avatar,.hero-header-avatar-placeholder{width:40px;height:40px}}.hero{position:relative;min-height:100vh;height:100vh;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;z-index:1}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-overlay{position:absolute;inset:0;background:#00000080;z-index:1}.hero-bottom{position:relative;z-index:2;text-align:center;color:#fff;padding:3rem 2rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.hero-coming-soon{font-size:2rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:fadeInUp 1s ease-out;margin:0}.hero-arrow{color:#fff;animation:bounce 2s infinite;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.hero-arrow i{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media(max-width:768px){.hero-coming-soon{font-size:1.5rem;letter-spacing:.1em}.hero-bottom{padding:2rem 1.5rem}}.about{position:relative;height:100vh;width:100vw;padding:0;margin:0;background:transparent;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;z-index:2;pointer-events:auto}.about-bar{position:absolute;left:20.6%;top:25%;transform:translateY(-50%) translate(-100px);width:4px;height:500px;background:#667eea;z-index:1;opacity:0;transform:translateY(-50%) translate(-100px) scaleY(0);transform-origin:center;transition:opacity .3s ease,transform .3s ease}.about-bar.animate{opacity:1;transform:translateY(-50%) translate(-100px) scaleY(1);animation:slideInVertical .8s ease-out forwards;animation-delay:.2s}.about-title{position:absolute;left:calc(20% + 40px);top:22%;transform:translateY(-50%) translate(-100px);font-size:7rem;font-weight:800;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);z-index:2;margin:0;display:flex;flex-direction:column;line-height:1.2;opacity:0;transform:translateY(-50%) translate(-130px);transition:opacity .3s ease,transform .3s ease}.about-title.animate{opacity:1;transform:translateY(-50%) translate(-100px);animation:fadeInLeft .8s ease-out forwards;animation-delay:.4s}.about-title span{display:block;transition:transform .3s ease,opacity .3s ease}.about-title.animate span{animation:fadeInUp .6s ease-out forwards}.about-title.animate span:nth-child(1){animation-delay:.4s}.about-title.animate span:nth-child(2){animation-delay:.5s}.about-title.animate span:nth-child(3){animation-delay:.6s}.about-title.animate span:nth-child(4){animation-delay:.7s}.about-stats-container{position:absolute;right:30%;top:50%;transform:translateY(-50%);width:280px;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;pointer-events:none;opacity:0;transition:opacity .3s ease}.about-stats-container.animate{opacity:1}.about-stat-card{position:relative;width:250px;padding:1.5rem 2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;border:1px solid rgba(255,255,255,.2);text-align:center;opacity:0;transform:translateY(30px);transition:opacity .3s ease,transform .3s ease;box-shadow:0 8px 32px #0000004d}.about-stat-card.animate{opacity:1;transform:translateY(0);animation:fadeInUp .6s ease-out forwards}.stat-icon{font-size:2.5rem;margin-bottom:.8rem;display:block;color:#667eea}.stat-icon i{display:block}.stat-number{font-size:2.8rem;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.3rem;line-height:1}.stat-label{font-size:1rem;color:#fffffff2;font-weight:600;text-transform:uppercase;letter-spacing:.1em;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.container{max-width:1200px;margin:0;margin-left:4rem;position:relative;z-index:2;width:auto;padding:0}.section-title{font-size:3rem;text-align:left;margin-bottom:3rem;color:#fff;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.5);position:relative}.section-title:after{content:"";display:block;width:80px;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);margin:1rem 0;border-radius:2px}.about-content{display:flex;align-items:flex-start;gap:3rem;justify-content:flex-start}.about-text{flex:1}.about-text p{font-size:1.1rem;line-height:1.8;color:#fffffff2;margin-bottom:1.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.about-text strong{color:#667eea;font-weight:700}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.stat-item{text-align:center;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease,box-shadow .3s ease}.stat-item:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000004d;background:#ffffff26}.stat-number{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#09249b,#0986ce);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{font-size:1rem;color:#ffffffe6;font-weight:600;text-transform:uppercase;letter-spacing:.05em}@media(max-width:768px){.about{padding:4rem 0}.container{margin-left:2rem}.section-title{font-size:2rem}.about-content{flex-direction:column}.about-stats{grid-template-columns:1fr;gap:1.5rem}}.scroll-animate{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-animate.visible{opacity:1;transform:translateY(0)}.features{position:relative;min-height:100vh;padding:6rem 2rem;background:transparent;display:flex;align-items:center;justify-content:flex-start}.features-container{max-width:12000px;margin:0;position:relative;z-index:2;text-align:left;width:100%}.features-title{font-size:3rem;text-align:left;margin-bottom:3rem;color:#fff;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.5);width:100%;position:relative}.features-title:after{content:"";display:block;width:100px;height:4px;background:linear-gradient(135deg,#172a7c,#024088);margin-top:1rem;border-radius:2px}.features-grid{display:flex;gap:2rem;margin-top:3rem;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;align-items:center;position:relative;width:100%;cursor:grab;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.features-grid::-webkit-scrollbar{display:none}.features-grid:active{cursor:grabbing}.feature-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;border-radius:0;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);aspect-ratio:1 / 1;width:600px;height:600px;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;box-sizing:border-box}.feature-icon{font-size:6rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;color:#667eea}.feature-icon i{display:block}.feature-title{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:1.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.feature-description{font-size:1.3rem;line-height:1.6;color:#ffffffe6;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@media(max-width:768px){.features{padding:4rem 1.5rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}}.cta{position:relative;min-height:100vh;padding:6rem 2rem;background:transparent;display:flex;align-items:flex-start;justify-content:flex-start;overflow:visible}.container{max-width:100%;margin:0;padding:0 2rem;position:relative;z-index:2;width:100%;height:100%}.cta-content{text-align:left;max-width:100%;width:100%;margin:0;padding:0}.cta-title{font-size:11rem;font-weight:900;margin-bottom:1.5rem;margin-left:-3rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.1;letter-spacing:.02em;width:100%;max-width:100%;text-transform:uppercase;position:relative;opacity:0;transform:translateY(30px);transition:opacity .3s ease,transform .3s ease}.cta-title.animate{opacity:1;transform:translateY(0);animation:fadeInUp .8s ease-out forwards;animation-delay:.2s}.cta-title:after{content:"";display:block;width:940px;height:4px;background:#006eff;margin-top:1rem;border-radius:2px;opacity:0;transform:scaleX(0);transform-origin:left;transition:opacity .3s ease,transform .3s ease}.cta-title.animate:after{opacity:1;transform:scaleX(1);animation:slideInHorizontal .8s ease-out forwards;animation-delay:.6s}.cta-description{font-size:1.3rem;line-height:1.8;margin-bottom:3rem;color:#fffffff2;text-shadow:1px 1px 2px rgba(0,0,0,.5)}#rejoindre .cta-buttons,.cta .cta-buttons{display:flex;gap:1.5rem;justify-content:flex-end;flex-wrap:nowrap;position:absolute;bottom:6rem;right:4rem;z-index:100;pointer-events:auto;opacity:0;visibility:visible;transition:opacity .3s ease,transform .3s ease}#rejoindre .cta-buttons.animate,.cta .cta-buttons.animate{opacity:1;animation:fadeInRight .8s ease-out forwards;animation-delay:.8s}.social-buttons{display:flex;gap:1rem;position:absolute;bottom:5.5rem;left:2rem;z-index:100;opacity:0;transition:opacity .3s ease}.social-buttons.animate{opacity:1;animation:fadeInLeft .8s ease-out forwards;animation-delay:1s}.social-btn{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0);border-radius:50%;color:#ffffff6e;font-size:1.5rem;text-decoration:none;transition:all .3s ease;opacity:0;transform:translateY(20px)}.social-btn.animate{opacity:1;transform:translateY(0);animation:fadeInUp .6s ease-out forwards}.social-btn.animate:nth-child(1){animation-delay:1s}.social-btn.animate:nth-child(2){animation-delay:1.1s}.social-btn.animate:nth-child(3){animation-delay:1.2s}.social-btn.animate:nth-child(4){animation-delay:1.3s}.social-btn:hover{transform:translateY(-3px);color:#fff}.vertical-text-bar{display:flex;align-items:center;gap:1.5rem;position:absolute;bottom:5rem;left:19.5rem;z-index:100;opacity:0;transition:opacity .3s ease}.vertical-text-bar.animate{opacity:1;animation:fadeInLeft .8s ease-out forwards;animation-delay:1.2s}.vertical-bar{width:2px;height:65px;background:#006eff;flex-shrink:0;opacity:0;transform:scaleY(0);transform-origin:bottom;transition:opacity .3s ease,transform .3s ease}.vertical-bar.animate{opacity:1;transform:scaleY(1);animation:slideInVertical .6s ease-out forwards;animation-delay:1.2s}.vertical-text{writing-mode:horizontal-tb;text-orientation:mixed;color:#fff;font-size:.85rem;line-height:1.6;margin:0;max-width:200px;white-space:normal;opacity:0;transform:translate(-20px);transition:opacity .3s ease,transform .3s ease}.vertical-text.animate{opacity:1;transform:translate(0);animation:fadeInLeft .6s ease-out forwards;animation-delay:1.4s}#rejoindre .btn-cta-primary,.cta .btn-cta-primary,.cta-buttons .btn-cta-primary{background:#ffffffb7!important;color:#667eea!important;padding:1.5rem 4rem!important;font-size:1.4rem!important;font-weight:700!important;border-radius:25px!important;text-decoration:none!important;border:none!important;cursor:pointer!important;font-family:inherit!important;transition:all .3s ease!important;box-shadow:0 4px 15px #0003!important;opacity:0;transform:translate(30px);display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}#rejoindre .btn-cta-primary.animate,.cta .btn-cta-primary.animate,.cta-buttons .btn-cta-primary.animate{opacity:1!important;transform:translate(0)!important;animation:fadeInRight .6s ease-out forwards;animation-delay:.8s}#rejoindre .btn-cta-primary:hover,.cta .btn-cta-primary:hover,.cta-buttons .btn-cta-primary:hover{transform:translateY(-3px)!important;box-shadow:0 6px 20px #0000004d!important;background:#f0f0f0!important}#rejoindre .btn-cta-secondary,.cta .btn-cta-secondary,.cta-buttons .btn-cta-secondary{background:transparent!important;color:#0178ff!important;border:2px solid white!important;padding:1.5rem 4rem!important;font-size:1.4rem!important;font-weight:700!important;border-radius:25px!important;text-decoration:none!important;transition:all .3s ease!important;opacity:0;transform:translate(30px);display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}#rejoindre .btn-cta-secondary.animate,.cta .btn-cta-secondary.animate,.cta-buttons .btn-cta-secondary.animate{opacity:1!important;transform:translate(0)!important;animation:fadeInRight .6s ease-out forwards;animation-delay:1s}#rejoindre .btn-cta-secondary:hover,.cta .btn-cta-secondary:hover,.cta-buttons .btn-cta-secondary:hover{background:#fff3!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;transform:translateY(-3px)!important}.cta-info{display:flex;justify-content:flex-start;gap:3rem;flex-wrap:wrap;margin-top:3rem}.info-item{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#ffffffe6;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.info-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center;color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInHorizontal{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes slideInVertical{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@media(max-width:768px){.cta{padding:4rem 1.5rem}.cta-title{font-size:2.5rem}.cta-description{font-size:1.1rem}.cta-buttons{flex-direction:column;align-items:center}.btn-cta-primary,.btn-cta-secondary{width:100%;max-width:300px}.cta-info{flex-direction:column;gap:1rem}}.login-page{position:relative;min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;overflow:hidden;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a)}.login-background{position:fixed;inset:0;z-index:0;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);background-size:400% 400%;animation:gradientShift 20s ease infinite}.login-page-container{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;width:100%;padding:2rem}.login-error{background:#ffe8e6;color:#d1433f;border:1px solid #f5c6cb;padding:10px 12px;border-radius:8px;margin-bottom:8px;font-size:14px}.login-info{background:#e6f4ff;color:#0b6fbf;border:1px solid #b3d8ff;padding:10px 12px;border-radius:8px;margin-bottom:8px;font-size:14px}.forgot-panel{margin-top:16px;padding:12px;border:1px solid #ecedec;border-radius:12px;background:#fafafa;display:flex;flex-direction:column;gap:10px}.forgot-panel .inputForm{width:100%}.forgot-panel .button-submit{margin-top:10px}.register-page{position:relative;min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;overflow:hidden;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a)}.register-background{position:fixed;inset:0;z-index:0;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);background-size:400% 400%;animation:gradientShift 20s ease infinite}.register-page-container{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;width:100%;padding:2rem}.flex-row{display:flex;flex-direction:row;align-items:center;gap:10px;justify-content:space-between}.flex-row>div>label{font-size:14px;color:#000;font-weight:400}.span{font-size:14px;margin-left:5px;color:#2d79f3;font-weight:500;cursor:pointer;text-decoration:none}.span:hover{text-decoration:underline}.p{text-align:center;color:#000;font-size:14px;margin:5px 0}.p.line{margin:15px 0 10px;position:relative}.p.line:before,.p.line:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#ecedec}.p.line:before{left:0}.p.line:after{right:0}.btn{margin-top:10px;width:100%;height:50px;border-radius:10px;display:flex;justify-content:center;align-items:center;font-weight:500;gap:10px;border:1px solid #ededef;background-color:#fff;cursor:pointer;transition:.2s ease-in-out;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.btn:hover:not(:disabled){border:1px solid #2d79f3}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.discord{color:#5865f2}.btn.discord:hover:not(:disabled){border-color:#5865f2;background-color:#f0f0ff}.btn.discord i{font-size:20px}.email-verification-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.email-verification-container{position:relative;font-family:Arial,Helvetica,sans-serif}.form-card{width:400px;height:auto;min-height:450px;border-radius:1.2rem;background-color:#fff;padding:2rem;color:#212121;text-align:center;position:relative;box-shadow:0 .2rem .5rem #14141452}.form-card-title{font-size:1.8rem;margin-bottom:1rem;margin-top:.2rem;font-weight:700}.form-card-prompt{margin-bottom:2.5rem;font-size:15px;color:#666;line-height:1.6}.form-card-prompt strong{color:#212121}.form-card-input{all:unset}.form-card-input-wrapper{position:relative;width:100%;height:3.5rem;display:flex;margin-bottom:1.5rem}.form-card-input{font-size:2rem;font-weight:700;letter-spacing:2.5rem;text-align:start;transform:translate(45px);position:absolute;z-index:3;background-color:transparent;color:#212121}.form-card-input:focus{outline:none}.form-card-input-bg{content:"";width:320px;height:70px;margin:auto;inset:0 0 10px;position:absolute;z-index:1;border-radius:12px;background-color:#cececea9}.call-again{color:#5e5e5e;font-size:14px;margin-bottom:1rem}.underlined{text-decoration:underline;cursor:pointer;color:#2d79f3}.underlined:hover{color:#1a5cd6}.form-card-submit{position:relative;width:220px;margin:auto;color:#fff;border:none;background-color:#212121;font-size:1.3rem;border-radius:.8rem;padding:1rem 3.5rem;bottom:0;left:0;right:0;transition:.2s ease-in-out;cursor:pointer}.form-card-submit:hover:not(:disabled){opacity:.8}.form-card-submit:active:not(:disabled){opacity:.9;transform:scale(95%)}.form-card-submit:disabled{cursor:not-allowed;opacity:.5}.form-card-error{color:#ec5445;font-size:14px;margin-top:-10px;margin-bottom:10px}.user-page{position:relative;min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;padding:80px 0 0;overflow-x:hidden;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a)}.user-background{position:fixed;inset:0;z-index:0;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);background-size:400% 400%;animation:gradientShift 20s ease infinite}.user-main-container{position:relative;z-index:1;width:100%;max-width:1400px;padding:3rem 2rem;display:flex;justify-content:center}.user-white-box{width:100%;background:#fff;box-shadow:0 2px 8px #0000001a;padding:0}.user-box-header{padding:2rem 3rem 0;border-bottom:1px solid #e0e0e0}.user-page-title{color:#000;font-size:1.8rem;font-weight:700;margin:0 0 1.5rem;text-transform:uppercase;letter-spacing:1px}.user-page-tabs{display:flex;gap:0;border-bottom:none}.user-tab{background:transparent;border:none;color:#666;padding:1rem 2rem;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent;margin-bottom:-1px;position:relative}.user-tab:hover{color:#000}.user-tab.active{color:#000;border-bottom-color:#1976d2}.user-content-wrapper{padding:2rem 3rem 3rem}.user-section{width:100%}.user-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.user-left-column{display:flex;flex-direction:column}.user-section-title{color:#000;font-size:1.3rem;font-weight:700;margin:0 0 2rem}.user-avatar-section{margin-bottom:2rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.user-avatar-container{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid #e0e0e0;cursor:pointer;transition:all .3s ease}.user-avatar-container:hover{border-color:#1976d2}.user-avatar-image{width:100%;height:100%;object-fit:cover}.user-avatar-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.user-avatar-container:hover .user-avatar-overlay{opacity:1}.user-avatar-upload-btn{color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.user-avatar-upload-btn:hover{transform:scale(1.1)}.user-avatar-hint{color:#666;font-size:.85rem;text-align:left;margin:0}.user-message{padding:1rem;border-radius:8px;margin-top:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.9rem}.user-message-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#d32f2f}.user-message-success{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#388e3c}.user-save-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #f0f0f0}.user-save-btn{background:#1976d2;color:#fff;border:none;padding:.75rem 2rem;border-radius:4px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .3s ease}.user-save-btn:hover:not(:disabled){background:#1565c0}.user-save-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.purchase-history-table{width:100%;overflow-x:auto;margin-top:1rem}.purchase-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.purchase-table thead{background:#f5f5f5}.purchase-table th{padding:1rem;text-align:left;font-weight:600;font-size:.85rem;color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e0e0e0}.purchase-table td{padding:1rem;border-bottom:1px solid #f0f0f0;font-size:.9rem;color:#333}.purchase-table tbody tr:hover{background:#f9f9f9}.purchase-table tbody tr:last-child td{border-bottom:none}.purchase-product{display:flex;flex-direction:column;gap:.25rem}.purchase-product strong{color:#000;font-weight:600}.purchase-player{font-size:.85rem;color:#666;font-style:italic}.purchase-order{background:#f5f5f5;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-family:Courier New,monospace;color:#666}.purchase-pagination{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.pagination-btn,.pagination-page{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .2s ease;font-size:14px}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-page.active{background:#2d79f3;color:#fff;border-color:#2d79f3}.pagination-btn:hover:not(:disabled),.pagination-page:hover:not(.active){background:#e8e8e8}.activity-stats{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.activity-stat-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;transition:all .3s ease}.activity-stat-card:hover{background:#f5f5f5;border-color:#ccc;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.activity-stat-icon{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,#1976d2,#1565c0);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0}.activity-stat-content{flex:1}.activity-stat-content h3{font-size:.9rem;font-weight:600;color:#666;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.activity-stat-value{font-size:1.5rem;font-weight:700;color:#000;margin:0}.user-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#666}.user-empty-state i{font-size:3rem;margin-bottom:1rem;color:#ccc}.user-empty-state p{margin:0;font-size:.95rem;line-height:1.6}.purchases-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.purchases-summary{background:#f5f5f5;padding:1rem 1.5rem;border-radius:8px;border:1px solid #e0e0e0}.summary-item{display:flex;flex-direction:column;gap:.5rem}.summary-label{font-size:.85rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:1.1rem;color:#000;font-weight:700;display:flex;align-items:baseline;gap:.5rem}.summary-euros{font-size:.9rem;color:#666;font-weight:500}@media(max-width:768px){.purchases-header{flex-direction:column;align-items:stretch}.purchases-summary{width:100%}}.user-account-info{display:flex;flex-direction:column;gap:1.5rem}.user-info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.user-info-row:last-child{border-bottom:none}.user-info-label{color:#666;font-size:.9rem;font-weight:500;min-width:150px}.user-info-value{color:#000;font-size:.9rem;font-weight:500}.user-info-value-group{display:flex;align-items:center;gap:1rem}.user-modify-link{background:none;border:none;color:#666;font-size:.9rem;cursor:pointer;text-decoration:underline;padding:0;transition:color .3s ease}.user-modify-link:hover{color:#1976d2}.user-edit-input{border:1px solid #ddd;border-radius:4px;padding:.5rem .75rem;font-size:.9rem;color:#000;outline:none;width:200px;transition:border-color .3s ease}.user-edit-input:focus{border-color:#1976d2}.user-confirm-btn,.user-cancel-btn{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .3s ease;margin-left:.5rem}.user-confirm-btn{color:#4caf50}.user-confirm-btn:hover{background:#4caf501a}.user-cancel-btn{color:#f44336}.user-cancel-btn:hover{background:#f443361a}.user-right-column{display:flex;flex-direction:column;gap:2rem}.user-right-section{display:flex;flex-direction:column;gap:1rem}.user-right-title{color:#000;font-size:1.1rem;font-weight:700;margin:0}.user-right-text{color:#666;font-size:.9rem;line-height:1.6;margin:0}.user-support-link{color:#1976d2;text-decoration:underline;cursor:pointer}.user-support-link:hover{color:#1565c0}.user-learn-more-btn{background:#7b1fa2;border:none;color:#fff;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;border-radius:4px;transition:background .3s ease;align-self:flex-start;margin-top:.5rem}.user-learn-more-btn:hover{background:#6a1b9a}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.form-error,.form-success{padding:1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.form-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#d32f2f}.form-success{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#388e3c}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#000;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.form-group label i{color:#1976d2}.form-group input{background:#fff;border:1px solid #ddd;border-radius:4px;padding:.75rem 1rem;color:#000;font-size:.9rem;transition:all .3s ease;outline:none}.form-group input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.form-group input::placeholder{color:#999}.settings-section{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;padding:1.5rem;margin-bottom:1.5rem}.settings-section h3{color:#000;font-size:1.1rem;margin:0 0 1rem;font-weight:700}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.cancel-btn{background:#fff;border:1px solid #ddd;color:#000;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease}.cancel-btn:hover{background:#f5f5f5}.save-btn{background:#1976d2;border:none;color:#fff;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.save-btn:hover{background:#1565c0}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease}.history-item:hover{background:#f0f0f0}.history-icon{width:40px;height:40px;border-radius:4px;background:#1976d2;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;flex-shrink:0}.history-content{flex:1}.history-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.history-ip{color:#000;font-size:1rem;font-weight:600;margin:0}.history-date,.history-user-agent{color:#666;font-size:.85rem;margin:0}.empty-state{text-align:center;padding:4rem 2rem;color:#666}.empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.5}.user-loading,.user-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#000;gap:1rem}.user-loading i{font-size:3rem;color:#1976d2}.user-error i{font-size:3rem;color:#d32f2f}.user-error button{background:#1976d2;border:none;color:#fff;padding:.9rem 2rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem}.linked-accounts-list{display:flex;flex-direction:column;gap:1rem}.linked-account-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;transition:all .3s ease}.linked-account-item:hover{background:#f5f5f5;border-color:#ccc}.linked-account-info{display:flex;align-items:center;gap:1.5rem;flex:1}.linked-account-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.linked-account-icon .cfx-logo{width:32px;height:32px;object-fit:contain;border-radius:50%}.linked-account-icon.discord{background:#5865f2}.linked-account-icon.cfx{background:#ff7300}.linked-account-details{flex:1}.linked-account-details h3{color:#000;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.linked-account-status{font-size:.85rem;font-weight:600;margin:.25rem 0}.linked-account-status.connected{color:#4caf50}.linked-account-status.disconnected{color:#999}.linked-account-id,.linked-account-email{font-size:.85rem;color:#666;margin:.25rem 0 0}.linked-account-link-btn,.linked-account-unlink-btn{padding:.75rem 1.5rem;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.linked-account-link-btn{background:#1976d2;color:#fff}.linked-account-link-btn:hover{background:#1565c0}.linked-account-unlink-btn{background:#fff;color:#f44336;border:1px solid #f44336}.linked-account-unlink-btn:hover{background:#f44336;color:#fff}.linked-account-primary{padding:.5rem 1rem;background:#e3f2fd;color:#1976d2;border-radius:4px;font-size:.85rem;font-weight:600}@media(max-width:968px){.user-two-columns{grid-template-columns:1fr;gap:2rem}.user-box-header{padding:1.5rem 1.5rem 0}.user-content-wrapper{padding:1.5rem}.user-page-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.user-tab{padding:1rem 1.5rem;font-size:.8rem;white-space:nowrap}}@media(max-width:768px){.user-main-container{padding:1.5rem 1rem}.user-box-header,.user-content-wrapper{padding:1rem}.form-actions{flex-direction:column}.save-btn,.cancel-btn{width:100%;justify-content:center}}.game-activity-page{position:relative;min-height:100vh;width:100vw;overflow-x:hidden}.game-activity-background{position:fixed;inset:0;z-index:0;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);background-size:400% 400%;animation:gradientShift 20s ease infinite}.game-activity-container{position:relative;z-index:1;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:8rem 2rem 4rem}.game-activity-box{width:100%;max-width:1400px;background:#fff0;border-radius:16px;padding:2.5rem;box-shadow:0 4px 20px #0000}.game-activity-title{font-size:2rem;font-weight:700;color:#000;margin:0 0 2rem;text-transform:uppercase;letter-spacing:1px}.game-activity-content{display:flex;flex-direction:column;gap:2rem}.characters-grid{display:grid;grid-template-columns:repeat(3,minmax(0px,1fr));gap:1.5rem;margin-top:1rem;margin-left:0;align-items:start;margin-bottom:1rem}.character-card{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:0;padding:1rem;transition:all .3s ease;display:flex;flex-direction:row;align-items:flex-start;gap:1rem;height:100%;position:relative;overflow:hidden}.character-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 40px 25px at 15% 20%,rgba(0,0,0,.12) 0%,rgba(0,0,0,.08) 30%,transparent 60%),radial-gradient(ellipse 30px 45px at 85% 75%,rgba(0,0,0,.1) 0%,rgba(0,0,0,.06) 35%,transparent 65%),radial-gradient(ellipse 25px 35px at 45% 60%,rgba(0,0,0,.08) 0%,rgba(0,0,0,.05) 40%,transparent 70%),radial-gradient(ellipse 35px 20px at 8% 85%,rgba(0,0,0,.09) 0%,rgba(0,0,0,.06) 30%,transparent 55%),radial-gradient(ellipse 28px 40px at 92% 15%,rgba(0,0,0,.11) 0%,rgba(0,0,0,.07) 35%,transparent 60%),radial-gradient(ellipse 20px 30px at 60% 10%,rgba(0,0,0,.07) 0%,rgba(0,0,0,.04) 40%,transparent 65%),linear-gradient(135deg,transparent 0%,transparent 15%,rgba(0,0,0,.05) 20%,rgba(0,0,0,.08) 25%,transparent 30%),linear-gradient(225deg,transparent 0%,transparent 15%,rgba(0,0,0,.04) 20%,rgba(0,0,0,.07) 25%,transparent 30%);pointer-events:none;z-index:0}.character-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.03) 45%,rgba(0,0,0,.05) 50%,rgba(0,0,0,.03) 55%,transparent 100%) 0% 30% / 100% 2px no-repeat,linear-gradient(90deg,transparent 0%,rgba(0,0,0,.02) 40%,rgba(0,0,0,.04) 50%,rgba(0,0,0,.02) 60%,transparent 100%) 0% 70% / 100% 1.5px no-repeat,radial-gradient(circle 8px at 25% 45%,rgba(0,0,0,.1) 0%,transparent 50%),radial-gradient(circle 6px at 70% 55%,rgba(0,0,0,.08) 0%,transparent 50%),radial-gradient(circle 5px at 35% 80%,rgba(0,0,0,.09) 0%,transparent 50%);pointer-events:none;z-index:0}.character-card>*{position:relative;z-index:1}.character-card.clickable{cursor:pointer}.character-card:hover:not(.empty){background:#f5f5f5;border-color:#1976d200;transform:translateY(-4px);box-shadow:0 4px 12px #307fce00}.character-card.empty{background:#e0e0e0;border:2px solid #bdbdbd;opacity:.7;cursor:default}.character-card.empty:hover{background:#e0e0e0;border-color:#bdbdbd;transform:none;box-shadow:none}.character-mugshot-empty{opacity:.5}.character-mugshot-question{font-size:4rem;font-weight:700;color:#999;background:#d0d0d0}.character-header{display:none}.character-slot{font-size:.65rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .3rem}.character-mugshot{width:120px;height:120px;border-radius:8px;overflow:hidden;border:3px solid #1976d200;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:flex-start}.character-mugshot img{width:100%;height:100%;object-fit:cover}.character-mugshot-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1976d2,#1565c0);display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem}.character-info{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.character-name-container{display:flex;flex-direction:column;gap:.1rem;margin-bottom:.4rem}.character-firstname,.character-lastname{font-size:.8rem;font-weight:700;color:#000;margin:0}.character-stats{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.character-progress-container{width:100%;margin-top:.5rem;position:relative}.character-progress-header{position:relative}.character-progress-bar{width:100%;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden}.character-progress-fill{height:100%;background:linear-gradient(90deg,#1976d2,#1565c0);border-radius:3px;transition:width .3s ease}.character-percentage{position:absolute;top:-1.2rem;right:0;font-size:.7rem;font-weight:700;color:#1976d2;white-space:nowrap}.character-stat{display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.character-stat i{color:#1976d2;font-size:.7rem;width:14px}.character-stat span{font-size:.7rem;font-weight:600;color:#000;white-space:nowrap}.character-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#999}.character-empty i{font-size:3rem;margin-bottom:1rem;opacity:.5}.character-empty p{font-size:.95rem;margin:0}.game-activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#666}.game-activity-empty i{font-size:4rem;margin-bottom:1.5rem;opacity:.5;color:#1976d2}.game-activity-empty p{font-size:1.1rem;margin-bottom:1.5rem}.game-activity-btn{background:#1976d2;color:#fff;border:none;padding:.9rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.game-activity-btn:hover{background:#1565c0;transform:translateY(-2px);box-shadow:0 4px 12px #1976d24d}.game-activity-loading,.game-activity-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff;gap:1rem}.game-activity-loading i{font-size:3rem;color:#1976d2}.game-activity-error i{font-size:3rem;color:#d32f2f}.game-activity-error button{background:#1976d2;border:none;color:#fff;padding:.9rem 2rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem}@media(max-width:1024px){.characters-grid{grid-template-columns:1fr;gap:1.5rem}.character-card{flex-direction:column;align-items:center;text-align:center}.character-info{align-items:center}.character-stat{justify-content:center}}@media(max-width:768px){.game-activity-container{padding:6rem 1rem 2rem}.game-activity-box{padding:1.5rem}.game-activity-title{font-size:1.5rem}.characters-grid{grid-template-columns:1fr;gap:1.5rem}.character-mugshot{width:100px;height:100px}.character-mugshot-placeholder{font-size:2.5rem}}.stats-card-bottom{margin-top:.5rem;width:100%;max-width:1400px;margin-left:auto;margin-right:auto;background:#0000;border:1px solid rgba(255,255,255,0);border-radius:0;box-shadow:0 4px 20px #0000;display:flex;flex-direction:column;animation:fadeIn .3s ease;color:#fff;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.character-card.selected{border-color:#1976d2;box-shadow:0 0 0 2px #1976d24d}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.stats-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,0);background:#0000;z-index:10}.stats-card-header h2{font-size:1.8rem;font-weight:700;color:#fff;margin:0;text-transform:uppercase;letter-spacing:1px}.stats-card-close{background:#fff0;border:none;font-size:1.5rem;color:#fff;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;width:36px;height:36px}.stats-card-close:hover{background:#fff3;color:#fff}.stats-card-content{padding:1.5rem;background:#0000;width:100%}.stats-full-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:2rem;grid-template-areas:"criminal criminal criminal" "weapon competition money" "activity activity activity"}.stats-section{display:flex;flex-direction:column;gap:1rem;background:#0006;padding:1rem;border:1px solid rgba(255,255,255,.1)}.stats-section:nth-child(1){grid-area:criminal}.stats-section:nth-child(2){grid-area:weapon}.stats-section:nth-child(3){grid-area:competition}.stats-section:nth-child(4){grid-area:money}.stats-section:nth-child(5){grid-area:activity}.stats-section-title{font-size:1.2rem;font-weight:400;color:#fff;margin:0 0 1rem;text-transform:none;letter-spacing:0;font-style:italic;font-family:Georgia,Times New Roman,serif;text-shadow:0 1px 2px rgba(0,0,0,.5)}.criminal-record-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;padding:0}.skills-column{display:flex;flex-direction:column;gap:1.5rem}.skill-item{display:flex;flex-direction:column;gap:.6rem}.skill-label{font-size:.8rem;font-weight:500;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;font-family:Arial,sans-serif}.skill-bar-container{position:relative;width:100%;height:22px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:0;overflow:hidden;display:flex;align-items:center}.skill-bar-fill{height:100%;background:#2196f3;border-radius:0;transition:width .3s ease;box-shadow:inset 0 0 10px #2196f34d}.skill-bar-value{position:absolute;right:10px;font-size:.7rem;font-weight:500;color:#fff;z-index:1;font-family:Arial,sans-serif}.stats-numbers-column{display:flex;flex-direction:column;gap:1.2rem}.stat-number-item{display:flex;flex-direction:column;gap:.4rem}.stat-number-label{font-size:.7rem;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-family:Arial,sans-serif;line-height:1.2}.stat-number-value{font-size:1.05rem;font-weight:600;color:#fff;font-family:Arial,sans-serif}.stats-left-section{display:flex;flex-direction:column;gap:2rem}.stats-main-info,.stats-job-section,.stats-health-section{display:flex;flex-direction:column;gap:1rem}.stat-main-item{display:flex;flex-direction:column;gap:.5rem}.stat-main-label{font-size:.75rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:1px}.stat-main-value{font-size:1.5rem;font-weight:700;color:#fff}.weapon-section{display:flex;flex-direction:column;gap:1.5rem;align-items:start}.weapon-image-container{display:flex;justify-content:flex-start;align-items:center;width:100%}.weapon-image-placeholder{width:180px;height:120px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;color:#ffffff80;position:relative}.weapon-image-placeholder i{font-size:3.5rem}.weapon-name{font-size:.95rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:#ffffffe6;font-family:Arial,sans-serif}.weapon-stats-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.weapon-stats{display:flex;flex-direction:column;gap:1.2rem}.weapon-stat-item{display:flex;flex-direction:column;gap:.6rem}.weapon-stat-label{font-size:.8rem;font-weight:500;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;font-family:Arial,sans-serif}.weapon-stat-bar-container{width:100%;height:18px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:0;overflow:hidden;position:relative}.weapon-stat-bar-fill{height:100%;background:#ffffff80;border-radius:0;transition:width .3s ease;box-shadow:inset 0 0 8px #fff3}.weapon-numbers{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem}.weapon-number-item{display:flex;flex-direction:column;gap:.4rem}.weapon-number-label{font-size:.7rem;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-family:Arial,sans-serif}.weapon-number-value{font-size:1rem;font-weight:600;color:#fff;font-family:Arial,sans-serif}.competition-section{display:flex;align-items:center;gap:1.5rem;justify-content:center;padding:.5rem 0}.competition-icons-left,.competition-icons-right{display:flex;flex-direction:column;gap:.8rem}.competition-icon{width:45px;height:45px;border-radius:50%;background:#00000080;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#fff6;font-size:1.1rem;transition:all .3s ease}.competition-icon.active{background:#2196f333;border-color:#2196f3;color:#2196f3}.competition-chart-container{display:flex;flex-direction:column;align-items:center;gap:1.8rem}.competition-donut-chart{display:flex;flex-direction:column;align-items:center;gap:.8rem}.donut-chart-circle{width:180px;height:180px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.donut-chart-circle:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:#000c;z-index:1}.donut-chart-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff}.donut-chart-label{font-size:.95rem;font-weight:500;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px;font-family:Arial,sans-serif}.donut-chart-percentage{font-size:2.2rem;font-weight:600;color:#fff;line-height:1;font-family:Arial,sans-serif}.donut-chart-label-small{font-size:.75rem;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;margin-top:.3rem;font-family:Arial,sans-serif}.competition-stats{display:flex;gap:2.5rem}.competition-stat-item{display:flex;flex-direction:column;align-items:center;gap:.6rem}.competition-stat-label{font-size:.7rem;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-family:Arial,sans-serif}.competition-stat-value{font-size:1.4rem;font-weight:600;color:#fff;font-family:Arial,sans-serif}.competition-stat-value.blue{color:#2196f3}.competition-stat-value.red{color:#d32f2f}.money-section{display:flex;flex-direction:column;gap:1.5rem;align-items:center;padding:.5rem 0}.money-chart-container{display:flex;justify-content:center}.money-donut-chart{display:flex;flex-direction:column;align-items:center;gap:.6rem}.money-donut-chart .donut-chart-circle{width:180px;height:180px}.money-donut-chart .donut-chart-circle:before{width:120px;height:120px}.money-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;max-width:100%}.money-breakdown-left,.money-breakdown-right{display:flex;flex-direction:column;gap:1.2rem}.money-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;background:transparent;border-bottom:1px solid rgba(255,255,255,.1);border-radius:0}.money-breakdown-label{font-size:.8rem;font-weight:500;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;font-family:Arial,sans-serif}.money-breakdown-value{font-size:1.05rem;font-weight:600;color:#fff;font-family:Arial,sans-serif}.money-totals{display:flex;gap:2.5rem;margin-top:1rem}.money-total-item{display:flex;flex-direction:column;align-items:center;gap:.6rem}.money-total-label{font-size:.8rem;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-family:Arial,sans-serif}.money-total-value{font-size:1.6rem;font-weight:600;color:#fff;font-family:Arial,sans-serif}.recent-activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:1rem 0}.activity-medal{display:flex;flex-direction:column;align-items:center;gap:.8rem}.medal-icon{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#ff9800,#f57c00);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.2rem;box-shadow:0 4px 15px #ff980066;border:2px solid rgba(255,255,255,.1)}.medal-icon:nth-child(1) .activity-medal:nth-child(1) .medal-icon,.activity-medal:nth-child(1) .medal-icon{background:linear-gradient(135deg,#ff9800,#f57c00)}.activity-medal:nth-child(2) .medal-icon{background:linear-gradient(135deg,#8b4513,#654321)}.activity-medal:nth-child(3) .medal-icon{background:linear-gradient(135deg,#4dd0e1,#26c6da)}.activity-medal:nth-child(4) .medal-icon{background:linear-gradient(135deg,#4dd0e1,#26c6da)}.medal-label{font-size:.75rem;font-weight:500;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;text-align:center;font-family:Arial,sans-serif}.stats-right-section{display:flex;flex-direction:column}.stats-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-detail-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s ease}.stat-detail-item:hover{background:#ffffff1a;border-color:#fff3}.stat-detail-icon{width:40px;height:40px;border-radius:8px;background:#1976d24d;display:flex;align-items:center;justify-content:center;color:#1976d2;font-size:1.2rem;flex-shrink:0}.stat-detail-content{flex:1}.stat-detail-label{font-size:.7rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.stat-detail-value{font-size:.95rem;font-weight:600;color:#fff}.stats-loading,.stats-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#fffc;gap:1rem}.stats-loading i{font-size:2.5rem;color:#1976d2}.stats-error i{font-size:2.5rem;color:#d32f2f}@media(max-width:1024px){.stats-layout{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:768px){.stats-card-bottom{max-height:80vh}.stats-card-header{padding:1rem 1.5rem}.stats-card-header h2{font-size:1.2rem}.stats-card-content{padding:1.5rem}.stats-details-grid{grid-template-columns:1fr}.stat-main-value{font-size:1.2rem}}.status-page{min-height:100vh;width:100%;position:relative;padding-top:80px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);background-attachment:fixed}.status-container{max-width:1000px;margin:0 auto;padding:3rem 2rem;z-index:10;position:relative}.status-header{text-align:center;margin-bottom:3rem}.status-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.status-subtitle{font-size:1.2rem;color:#fffc}.status-all-operational{background:linear-gradient(135deg,#4caf4fb6,#42a545b6);border:1.5px solid rgba(76,175,80,.5);border-radius:10px;padding:1rem;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .5s ease-out;box-shadow:0 2px 10px #4caf4f00}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.status-all-operational-content{display:flex;align-items:center;gap:1rem}.status-all-operational-icon{font-size:2rem;color:#4caf50;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.status-all-operational-text{flex:1}.status-all-operational-title{font-size:1.2rem;font-weight:700;color:#4caf50;margin:0 0 .3rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.status-all-operational-subtitle{font-size:.8rem;color:#ffffffe6;margin:0}.status-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.status-item{background:#0009;border-radius:10px;padding:1rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;flex-wrap:wrap;gap:.6rem}.status-item-title{display:flex;align-items:center;gap:1rem}.status-item-title i{font-size:1.1rem;color:#64b5f6}.status-item-title h2{font-size:1rem;color:#fff;margin:0;font-weight:600}.status-item-title>div{display:flex;flex-direction:column;gap:.3rem}.status-server-name{font-size:.7rem;color:#ffffffb3;margin:0;font-weight:400}.status-item-badge{display:flex;align-items:center;gap:.4rem}.status-icon{font-size:1rem}.status-icon.online{color:#4caf50}.status-icon.offline{color:#f44336}.status-icon.checking{color:#ff9800}.status-text{font-weight:600;font-size:.8rem}.status-text.online{color:#4caf50}.status-text.offline{color:#f44336}.status-text.checking{color:#ff9800}.status-history-chart-inline{display:flex;gap:1px;align-items:flex-end;height:60px;margin-bottom:.8rem;padding:.6rem;background:#0000004d;border-radius:6px;overflow-x:auto;overflow-y:hidden}.history-bar-inline{flex:1;min-width:3px;border-radius:2px 2px 0 0;transition:all .3s ease;cursor:pointer}.history-bar-inline.online{background:linear-gradient(180deg,#4caf50,#66bb6a);height:100%;box-shadow:0 0 5px #4caf504d}.history-bar-inline.offline{background:linear-gradient(180deg,#f44336,#e57373);height:20%;box-shadow:0 0 5px #f443364d}.history-bar-inline:hover{opacity:.8;transform:scaleY(1.1)}.status-history-empty-inline{display:flex;align-items:center;justify-content:center;height:100%;color:#ffffff80;font-size:.9rem}.status-details{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.6rem;padding:.6rem;background:#ffffff0d;border-radius:5px}.status-detail-item{display:flex;align-items:center;gap:.5rem;color:#ffffffe6;font-size:.75rem}.status-detail-item i{color:#64b5f6;width:20px;text-align:center}.status-last-check{display:flex;align-items:center;gap:.4rem;color:#fff9;font-size:.7rem;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.1)}.status-last-check i{color:#ffffff80}.status-loading{text-align:center;padding:2rem;color:#fffc}.status-loading i{font-size:2rem;margin-bottom:1rem;color:#64b5f6}.status-loading p{margin:0;font-size:1rem}@media(max-width:768px){.status-container{padding:2rem 1rem}.status-title{font-size:2rem}.status-subtitle{font-size:1rem}.status-item{padding:1.5rem}.status-item-header{flex-direction:column;align-items:flex-start}.status-item-title h2{font-size:1.3rem}.status-history-chart-inline{height:100px;gap:1px;padding:.5rem}.history-bar-inline{min-width:2px}.status-all-operational{padding:.8rem;margin-bottom:1rem}.status-all-operational-content{flex-direction:column;text-align:center;gap:.8rem}.status-all-operational-icon{font-size:1.5rem}.status-all-operational-title{font-size:1rem}.status-all-operational-subtitle{font-size:.75rem}}.faq-page{min-height:100vh;position:relative;padding-top:80px}.faq-background{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000,#1a1a1a,#2d2d2d,#1a1a1a,#000);z-index:-1}.faq-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(74,158,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(74,158,255,.08) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(100,100,100,.1) 0%,transparent 50%);z-index:0}.faq-container{max-width:1200px;margin:0 auto;padding:40px 20px;position:relative;z-index:1}.faq-header{text-align:center;margin-bottom:50px}.faq-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:15px}.faq-title i{color:#4a9eff;font-size:2.5rem}.faq-subtitle{font-size:1.2rem;color:#a0aec0;font-weight:300}.faq-categories{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:40px}.faq-category-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#a0aec0;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.faq-category-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-2px)}.faq-category-btn.active{background:linear-gradient(135deg,#4a9eff,#357abd);border-color:#4a9eff;color:#fff;box-shadow:0 4px 15px #4a9eff4d}.faq-category-btn i{font-size:1rem}.faq-content{margin-bottom:60px}.faq-list{display:flex;flex-direction:column;gap:15px}.faq-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.faq-item:hover{background:#ffffff0d;border-color:#fff3;box-shadow:0 4px 20px #0000004d}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 25px;background:transparent;border:none;color:#fff;font-size:1.1rem;font-weight:600;text-align:left;cursor:pointer;transition:all .3s ease}.faq-question:hover,.faq-question.open{color:#4a9eff}.faq-question-text{flex:1;padding-right:20px}.faq-chevron{font-size:.9rem;color:#4a9eff;transition:transform .3s ease;flex-shrink:0}.faq-chevron.rotated{transform:rotate(180deg)}.faq-answer{padding:0 25px 25px;color:#cbd5e0;font-size:1rem;line-height:1.8;animation:slideDown .3s ease}.faq-answer p{margin:0}.faq-link{color:#4a9eff;text-decoration:none;font-weight:600;transition:all .3s ease;border-bottom:1px solid transparent}.faq-link:hover{color:#5aaeff;border-bottom-color:#5aaeff}.faq-empty{text-align:center;padding:60px 20px;color:#a0aec0}.faq-empty i{font-size:4rem;margin-bottom:20px;opacity:.5}.faq-empty p{font-size:1.2rem}.faq-footer{margin-top:60px;padding:40px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.faq-footer-content h3{font-size:1.5rem;color:#fff;margin-bottom:10px;font-weight:600}.faq-footer-content p{color:#a0aec0;margin-bottom:30px;font-size:1rem}.faq-footer-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.faq-footer-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#4a9eff,#357abd);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 15px #4a9eff4d}.faq-footer-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4a9eff66;background:linear-gradient(135deg,#5aaeff,#458acd)}.faq-footer-btn i{font-size:1.1rem}@media(max-width:768px){.faq-title{font-size:2rem}.faq-title i{font-size:1.8rem}.faq-subtitle{font-size:1rem}.faq-categories{gap:10px}.faq-category-btn{padding:10px 16px;font-size:.85rem}.faq-question{padding:16px 20px;font-size:1rem}.faq-answer{padding:0 20px 20px;font-size:.95rem}.faq-footer{padding:30px 20px}.faq-footer-buttons{flex-direction:column}.faq-footer-btn{width:100%;justify-content:center}}.support-page{min-height:100vh;position:relative;padding-top:80px}.support-background{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000,#1a1a1a,#2d2d2d,#1a1a1a,#000);z-index:-1}.support-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(74,158,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(74,158,255,.08) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(100,100,100,.1) 0%,transparent 50%);z-index:0}.support-container{max-width:1000px;margin:0 auto;padding:40px 20px;position:relative;z-index:1}.support-header{text-align:center;margin-bottom:50px}.support-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:15px}.support-title i{color:#4a9eff;font-size:2.5rem}.support-subtitle{font-size:1.2rem;color:#a0aec0;font-weight:300}.support-content{display:flex;flex-direction:column;gap:30px}.support-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.info-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:25px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.info-card:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-2px)}.info-card i{font-size:2.5rem;color:#4a9eff;margin-bottom:15px}.info-card h3{font-size:1.2rem;color:#fff;margin-bottom:10px;font-weight:600}.info-card p{color:#a0aec0;font-size:.95rem;margin:0}.support-form{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.support-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:15px;margin-bottom:25px;display:flex;align-items:center;gap:10px;color:#f87171}.support-error i{font-size:1.2rem}.form-group input,.form-group textarea{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;font-family:inherit;transition:all .3s ease}.btn-cancel,.btn-submit{display:flex;align-items:center;gap:10px;padding:14px 28px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none}.btn-cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#a0aec0}.btn-cancel:hover{background:#ffffff1a;color:#fff}.btn-submit{background:linear-gradient(135deg,#4a9eff,#357abd);color:#fff;box-shadow:0 4px 15px #4a9eff4d}.support-alternatives{margin-top:40px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1)}.support-alternatives h3{color:#fff;font-size:1.5rem;margin-bottom:25px;text-align:center}.alternatives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.alternative-link{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:25px;text-align:center;text-decoration:none;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;gap:10px}.alternative-link:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-2px)}.alternative-link i{font-size:2rem;color:#4a9eff}.alternative-link span{font-weight:600;font-size:1.1rem}.alternative-link small{color:#a0aec0;font-size:.9rem}.support-success{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:60px 40px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.support-success h2{color:#fff;font-size:2rem;margin-bottom:15px}.support-success p{color:#a0aec0;font-size:1.1rem;margin-bottom:10px}@media(max-width:768px){.support-title{font-size:2rem}.support-title i{font-size:1.8rem}.support-subtitle{font-size:1rem}.support-form{padding:25px 20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%;justify-content:center}.alternatives-grid{grid-template-columns:1fr}}.ticket-detail-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);padding:40px 20px}.ticket-detail-container{max-width:900px;margin:0 auto;background:#1a1a1a;border-radius:12px;padding:30px;box-shadow:0 8px 32px #0000004d}.ticket-loading,.ticket-error{text-align:center;padding:60px 20px;color:#fff}.ticket-loading i,.ticket-error i{font-size:48px;margin-bottom:20px;color:#4a9eff}.ticket-loading p,.ticket-error p{font-size:18px;margin-bottom:20px}.ticket-back-btn{background:#2a2a2a;color:#fff;border:1px solid #3a3a3a;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;margin-bottom:20px}.ticket-back-btn:hover{background:#3a3a3a;border-color:#4a9eff}.ticket-detail-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px;flex-wrap:wrap}.ticket-detail-title{color:#fff;font-size:28px;font-weight:600;margin:0}.ticket-admin-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#e0e0e0;font-size:.9rem;cursor:pointer;transition:all .2s ease;font-weight:500}.admin-action-btn:hover:not(:disabled){background:#3a3a3a;border-color:#4a4a4a;color:#fff}.admin-action-btn:disabled{opacity:.5;cursor:not-allowed}.admin-action-btn.claim-btn:hover:not(:disabled){background:#1a3a5a;border-color:#2a5a7a;color:#4a9eff}.admin-action-btn.close-btn:hover:not(:disabled){background:#4a1a1a;border-color:#5a2a2a;color:#ff4a4a}.status-dropdown{position:relative}.status-dropdown-menu{position:absolute;top:calc(100% + 5px);right:0;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;min-width:180px;box-shadow:0 4px 12px #0000004d;z-index:1000;overflow:hidden;animation:slideDown .2s ease}.status-btn .fa-chevron-down{transition:transform .2s ease}.status-btn .fa-chevron-down.rotated{transform:rotate(180deg)}.status-dropdown-menu button{width:100%;display:flex;align-items:center;gap:10px;padding:12px 16px;background:transparent;border:none;color:#e0e0e0;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:left}.status-dropdown-menu button:hover:not(:disabled){background:#3a3a3a;color:#fff}.status-dropdown-menu button:disabled{opacity:.5;cursor:not-allowed;background:#1a1a1a}.status-dropdown-menu button i{font-size:.7rem}.ticket-detail-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;padding:20px;background:#2a2a2a;border-radius:8px;margin-bottom:30px}.ticket-info-item{display:flex;flex-direction:column;gap:5px}.ticket-info-label{color:#888;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.ticket-info-value{color:#fff;font-size:14px;font-weight:500}.ticket-reason-section{background:#2a2a2a;border-radius:8px;padding:20px;margin-bottom:30px;border:1px solid #3a3a3a}.ticket-reason-label{color:#888;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.ticket-reason-content{color:#fff;font-size:14px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.ticket-messages{margin-bottom:30px}.ticket-messages-title{color:#fff;font-size:20px;font-weight:600;margin-bottom:20px}.messages-container{background:#1a1a1a;border-radius:12px;padding:20px;min-height:400px;max-height:600px;overflow-y:auto;border:1px solid #2a2a2a}.messages-list{display:flex;flex-direction:column;gap:20px}.message-bubble{display:flex;gap:12px;max-width:75%;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user{align-self:flex-end;flex-direction:row-reverse;margin-left:auto}.message-staff{align-self:flex-start;margin-right:auto}.message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;overflow:hidden}.message-user .message-avatar{background:linear-gradient(135deg,#4a9eff,#357abd);color:#fff}.message-user .message-avatar .avatar-image{width:100%;height:100%;object-fit:cover;display:block}.message-user .message-avatar .avatar-loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a9eff,#357abd);color:#fff}.message-staff .message-avatar{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.message-content-wrapper{flex:1;display:flex;flex-direction:column;gap:5px}.message-user .message-content-wrapper{align-items:flex-end}.message-staff .message-content-wrapper{align-items:flex-start}.message-header{display:flex;align-items:center;gap:10px;margin-bottom:5px}.message-user .message-header{flex-direction:row-reverse}.message-sender{color:#fff;font-weight:600;font-size:13px}.message-time{color:#888;font-size:11px}.message-content{padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;margin-bottom:8px}.message-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.message-image{max-width:200px;max-height:200px;border-radius:8px;cursor:pointer;object-fit:cover;border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.message-image:hover{transform:scale(1.05);border-color:#ffffff4d;box-shadow:0 4px 12px #0000004d}.image-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.image-modal-close{position:absolute;top:-40px;right:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .3s ease;z-index:10001}.image-modal-close:hover{background:#fff3;border-color:#fff6;transform:rotate(90deg)}.image-modal-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #00000080;animation:zoomIn .3s ease}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.message-user .message-content{background:linear-gradient(135deg,#4a9eff,#357abd);color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 8px #4a9eff4d}.message-staff .message-content{background:#2a2a2a;color:#ddd;border:1px solid #3a3a3a;border-bottom-left-radius:4px;box-shadow:0 2px 8px #0003}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.messages-container::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.ticket-reply{margin-top:30px}.ticket-reply-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:15px}.ticket-error-message{background:#f443361a;border:1px solid #f44336;border-radius:8px;padding:12px 15px;margin-bottom:15px;display:flex;align-items:center;gap:10px;color:#ff6b6b;font-size:14px;animation:slideDown .3s ease-out}.ticket-error-message i{font-size:16px;color:#f44336}.ticket-error-message span{flex:1}.ticket-error-close{background:transparent;border:none;color:#ff6b6b;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ticket-error-close:hover{background:#ffffff1a}.ticket-reply-form{display:flex;flex-direction:column;gap:15px}.ticket-reply-input{width:100%;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;padding:15px;color:#fff;font-size:14px;font-family:inherit;resize:vertical;min-height:100px;transition:all .3s ease}.ticket-reply-input:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff1a}.ticket-reply-input::placeholder{color:#666}.ticket-reply-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.ticket-attach-btn{background:#2a2a2a;color:#fff;border:1px solid #3a3a3a;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.ticket-attach-btn:hover:not(:disabled){background:#3a3a3a;border-color:#4a9eff;color:#4a9eff}.ticket-attach-btn:disabled{opacity:.5;cursor:not-allowed}.image-previews{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.image-preview-item{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;border:2px solid #3a3a3a}.image-preview-item img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:5px;right:5px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .3s ease}.remove-image-btn:hover{background:#f44336e6;transform:scale(1.1)}.ticket-reply-btn{background:linear-gradient(135deg,#4a9eff,#357abd);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 8px #4a9eff4d}.ticket-reply-btn:hover:not(:disabled){background:linear-gradient(135deg,#5aaeff,#4580cd);transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff66}.ticket-reply-btn:active:not(:disabled){transform:translateY(0)}.ticket-reply-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ticket-closed-notice{margin-top:30px;padding:20px;background:#2a2a2a;border-radius:8px;text-align:center;color:#888}.ticket-closed-notice i{font-size:32px;margin-bottom:10px;color:#666}.ticket-closed-notice p{margin:0;font-size:14px}.tickets-list{display:flex;flex-direction:column;gap:15px}.ticket-item{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:20px;transition:all .3s ease}.ticket-item.active{border-color:#4a9eff;cursor:pointer}.ticket-item.active:hover{background:#2a3a4a;transform:translate(5px)}.ticket-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.ticket-id{background:#4a9eff;color:#fff;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600}.ticket-subject{color:#fff;font-size:16px;font-weight:600;flex:1}.ticket-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.ticket-status,.ticket-priority,.ticket-category,.ticket-date{font-size:12px;padding:4px 10px;border-radius:4px;background:#1a1a1a;color:#888}.ticket-status,.ticket-priority{font-weight:600}.ticket-action{display:flex;align-items:center;gap:8px;color:#4a9eff;font-size:14px;font-weight:500;margin-top:10px}.ticket-item.active:hover .ticket-action{color:#5aaeff}.candidature-staff-page{min-height:100vh;position:relative;padding-top:80px}.candidature-staff-background{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000,#1a1a1a,#2d2d2d,#1a1a1a,#000);z-index:-1}.candidature-staff-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(74,158,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(74,158,255,.08) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(100,100,100,.1) 0%,transparent 50%);z-index:0}.candidature-staff-container{max-width:1000px;margin:0 auto;padding:40px 20px;position:relative;z-index:1}.candidature-staff-header{text-align:center;margin-bottom:50px}.candidature-staff-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:15px}.candidature-staff-title i{color:#4a9eff;font-size:2.5rem}.candidature-staff-subtitle{font-size:1.2rem;color:#a0aec0;font-weight:300}.candidature-staff-content{display:flex;flex-direction:column;gap:30px}.candidature-staff-form{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.candidature-staff-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:15px;margin-bottom:25px;display:flex;align-items:center;gap:10px;color:#f87171}.candidature-staff-error i{font-size:1.2rem}.form-group{margin-bottom:25px}.form-group label{display:flex;align-items:center;gap:8px;color:#fff;font-weight:600;margin-bottom:10px;font-size:1rem}.form-group label i{color:#4a9eff;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;font-family:inherit;transition:all .3s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4a9eff;background:#ffffff14;box-shadow:0 0 0 3px #4a9eff1a}.custom-select-wrapper{position:relative;width:100%}.custom-select-button{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;text-align:left}.custom-select-button:hover{background:#ffffff14;border-color:#fff3}.custom-select-button:focus{outline:none;border-color:#4a9eff;background:#ffffff14;box-shadow:0 0 0 3px #4a9eff1a}.custom-select-button span{display:flex;align-items:center;gap:10px}.custom-select-button i.fa-chevron-down{font-size:.8rem;color:#a0aec0;transition:transform .3s ease}.custom-select-button i.fa-chevron-down.rotated{transform:rotate(180deg)}.custom-select-menu{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#141414fa;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px;z-index:1000;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-height:300px;overflow-y:auto;animation:slideDown .2s ease}.custom-select-menu::-webkit-scrollbar{display:none}.custom-select-menu{-ms-overflow-style:none;scrollbar-width:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{width:100%;padding:12px 16px;background:transparent;border:none;border-radius:6px;color:#fff;font-size:.95rem;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease;text-align:left}.custom-select-option:hover{background:#ffffff1a}.custom-select-option.selected{background:#4a9eff26;color:#4a9eff}.custom-select-option i:first-child{width:20px;text-align:center}.custom-select-option span{flex:1}.custom-select-option i.fa-check{color:#4a9eff;margin-left:auto}.form-group input::placeholder,.form-group textarea::placeholder{color:#6b7280}.form-group textarea{resize:vertical;min-height:150px}.char-count{text-align:right;color:#6b7280;font-size:.85rem;margin-top:5px}.form-hint{display:block;color:#6b7280;font-size:.85rem;margin-top:5px;font-style:italic}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.btn-submit{display:flex;align-items:center;gap:10px;padding:14px 28px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none;background:linear-gradient(135deg,#4a9eff,#357abd);color:#fff;box-shadow:0 4px 15px #4a9eff4d}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4a9eff66;background:linear-gradient(135deg,#5aaeff,#458acd)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.candidature-staff-success{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:60px 40px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.success-icon{font-size:5rem;color:#4ade80;margin-bottom:25px}.candidature-staff-success h2{color:#fff;font-size:2rem;margin-bottom:15px}.candidature-staff-success p{color:#a0aec0;font-size:1.1rem;margin-bottom:10px}.success-redirect{color:#4a9eff!important;font-weight:600}.session-progress{margin-top:15px;color:#4a9eff;font-weight:600;font-size:.9rem}.question-hint{background:#4a9eff1a;border-left:3px solid #4a9eff;padding:10px 15px;margin-bottom:10px;border-radius:4px;display:flex;align-items:center;gap:8px;color:#a0aec0;font-size:.9rem}.question-hint i{color:#4a9eff}.question-examples{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:12px 15px;margin-bottom:10px;border-radius:6px;color:#a0aec0;font-size:.9rem}.question-examples strong{color:#fff;display:block;margin-bottom:8px}.question-examples ul{margin:0;padding-left:20px}.question-examples li{margin-bottom:4px}.form-group label .required{color:#f87171}.radio-group{display:flex;flex-direction:column;gap:12px;margin-top:10px}.radio-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease}.radio-option:hover{background:#ffffff14;border-color:#fff3}.radio-option input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:#4a9eff}.radio-option input[type=radio]:checked+span{color:#4a9eff;font-weight:600}.radio-option:has(input[type=radio]:checked){background:#4a9eff26;border-color:#4a9eff}.radio-option span{color:#fff;flex:1}.btn-back{display:flex;align-items:center;gap:10px;padding:14px 28px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#a0aec0}.btn-back:hover:not(:disabled){background:#ffffff1a;color:#fff}.btn-back:disabled{opacity:.6;cursor:not-allowed}.candidature-staff-loading{text-align:center;padding:60px 20px;color:#fff}.candidature-staff-loading i{font-size:48px;margin-bottom:20px;color:#4a9eff}.candidature-staff-loading p{font-size:18px;margin-bottom:20px}.application-info{background:#4a9eff1a;border:1px solid rgba(74,158,255,.3);border-radius:12px;padding:20px;margin:25px 0;text-align:left}.application-id{color:#4a9eff!important;font-weight:600;font-size:1.1rem;margin:10px 0;display:flex;align-items:center;gap:10px}.application-status{color:orange!important;font-weight:600;font-size:1rem;margin:10px 0;display:flex;align-items:center;gap:10px}.application-status i{font-size:1.2rem}.application-status-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.application-details{margin-top:20px;text-align:left;background:#ffffff0d;border-radius:8px;padding:20px}.application-details p{color:#a0aec0;margin:10px 0;font-size:.95rem}.application-details strong{color:#fff;margin-right:8px}.application-response{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.application-response strong{color:#4a9eff;display:block;margin-bottom:10px}.application-response p{color:#a0aec0;line-height:1.6;background:#ffffff0d;padding:15px;border-radius:8px;margin-top:10px}.form-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.form-actions .btn-back,.form-actions .btn-submit{flex:0 0 auto}@media(max-width:768px){.candidature-staff-title{font-size:2rem}.candidature-staff-title i{font-size:1.8rem}.candidature-staff-subtitle{font-size:1rem}.candidature-staff-form{padding:25px 20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-back,.btn-submit{width:100%;justify-content:center}}.admin-panel-page{min-height:100vh;display:flex;background:#0f0f0f;color:#e0e0e0}.admin-sidebar{width:260px;background:#1a1a1a;border-right:1px solid #2a2a2a;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:1000}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.sidebar-item{width:100%;display:flex;align-items:center;gap:12px;padding:14px 20px;background:transparent;border:none;color:#b0b0b0;font-size:.95rem;cursor:pointer;transition:all .2s ease;position:relative;text-align:left}.sidebar-item:hover{background:#252525;color:#fff}.sidebar-item.active{background:#2a2a2a;color:#4a9eff;border-left:3px solid #4a9eff}.sidebar-item i{width:20px;font-size:1.1rem}.sidebar-badge{margin-left:auto;background:#4a9eff;color:#fff;font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:600}.sidebar-footer{padding:20px;border-top:1px solid #2a2a2a;position:relative}.sidebar-user{display:flex;align-items:center;gap:12px;cursor:pointer;padding:10px;border-radius:8px;transition:all .2s ease;position:relative}.sidebar-user:hover{background:#252525}.sidebar-user i.fa-chevron-up{margin-left:auto;font-size:.75rem;color:#888;transition:transform .2s ease}.sidebar-user i.fa-chevron-up.rotated{transform:rotate(180deg)}.sidebar-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#4a9eff,#6b7ae8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem;flex-shrink:0;overflow:hidden}.sidebar-user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:.9rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.75rem;color:#888;text-transform:capitalize}.sidebar-user-menu{position:absolute;bottom:100%;left:10px;right:10px;margin-bottom:10px;background:#1f1f1f;border:1px solid #2a2a2a;border-radius:8px;overflow:hidden;animation:slideUp .2s ease;z-index:1000;min-width:180px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar-user-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 15px;background:transparent;border:none;color:#e0e0e0;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:left}.sidebar-user-menu-item:hover{background:#252525;color:#fff}.sidebar-user-menu-item i{width:18px;font-size:.9rem;color:#888}.sidebar-user-menu-item:hover i{color:#4a9eff}.sidebar-user-menu-item-danger{color:#f44336;border-top:1px solid #2a2a2a}.sidebar-user-menu-item-danger:hover{background:#f443361a;color:#f44336}.sidebar-user-menu-item-danger i,.sidebar-user-menu-item-danger:hover i{color:#f44336!important}.admin-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh;background:#0f0f0f}.admin-content{flex:1;padding:30px;overflow-y:auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:25px;display:flex;align-items:center;gap:20px;transition:all .3s ease}.stat-card:hover{border-color:#3a3a3a;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.stat-card-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.stat-card-icon.tickets{background:#ffa5001a;color:orange}.stat-card-icon.applications{background:#4a9eff1a;color:#4a9eff}.stat-card-icon.users{background:#4ade801a;color:#4ade80}.stat-card-content{flex:1;min-width:0}.stat-card-label{font-size:.85rem;color:#888;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-card-value{font-size:2rem;font-weight:700;color:#fff;margin-bottom:12px}.stat-card-details{display:flex;flex-direction:column;gap:6px}.stat-detail-item{display:flex;justify-content:space-between;font-size:.85rem}.stat-detail-label{color:#888}.stat-detail-value{font-weight:600}.stat-detail-value.open{color:orange}.stat-detail-value.progress{color:#4a9eff}.stat-detail-value.pending{color:orange}.stat-detail-value.review{color:#4a9eff}.stat-detail-value.active{color:#4ade80}.stat-detail-value.staff{color:#6b7ae8}.recent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.recent-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;overflow:hidden}.recent-card-header{padding:20px;border-bottom:1px solid #2a2a2a;background:#1f1f1f}.recent-card-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:10px}.recent-card-header i{color:#4a9eff}.recent-card-body{padding:20px}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table thead{background:#1f1f1f}.data-table th{padding:12px;text-align:left;color:#888;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #2a2a2a}.data-table td{padding:12px;color:#e0e0e0;border-bottom:1px solid #2a2a2a}.data-table tbody tr:hover{background:#1f1f1f}.data-table tbody tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-open{background:#ffa50033;color:orange}.badge-in_progress{background:#4a9eff33;color:#4a9eff}.badge-resolved{background:#4ade8033;color:#4ade80}.badge-closed{background:#9e9e9e33;color:#9e9e9e}.badge-pending{background:#ffa50033;color:orange}.badge-under_review{background:#4a9eff33;color:#4a9eff}.badge-accepted{background:#4ade8033;color:#4ade80}.badge-rejected{background:#f4433633;color:#f44336}.badge-active{background:#4ade8033;color:#4ade80}.badge-inactive,.badge-user{background:#9e9e9e33;color:#9e9e9e}.badge-user{background:#9e9e9e33;color:#9e9e9e}.badge-moderateur{background:#ffa50033;color:orange}.badge-admin{background:#4a9eff33;color:#4a9eff}.badge-super_admin{background:#9333ea33;color:#9333ea}.badge-gerant_legal{background:#22c55e33;color:#22c55e}.badge-gerant_illegal{background:#ef444433;color:#ef4444}.badge-C\.M{background:#a855f733;color:#a855f7}.badge-fondateur{background:#ffd70033;color:gold}.no-data{text-align:center;color:#888;padding:40px 20px;font-style:italic}.admin-section{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:40px}.tickets-header{margin-bottom:30px}.tickets-header h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:10px}.tickets-header h2 i{color:#4a9eff}.tickets-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px;padding:20px;background:#151515;border-radius:8px;border:1px solid #2a2a2a}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:.85rem;color:#888;font-weight:500}.filter-select,.filter-input{padding:10px 12px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;color:#e0e0e0;font-size:.9rem;transition:all .2s ease}.filter-select:focus,.filter-input:focus{outline:none;border-color:#4a9eff;background:#1f1f1f}.filter-search{grid-column:1 / -1}.filter-input{width:100%}.tickets-table-container{background:#151515;border-radius:8px;border:1px solid #2a2a2a;overflow-x:auto}.tickets-table{width:100%;border-collapse:collapse}.tickets-table thead{background:#1a1a1a}.tickets-table th{padding:15px;text-align:left;font-weight:600;color:#fff;font-size:.9rem;border-bottom:2px solid #2a2a2a;white-space:nowrap}.tickets-table td{padding:15px;border-bottom:1px solid #2a2a2a;color:#b0b0b0;font-size:.9rem}.tickets-table tbody tr{transition:background .2s ease}.tickets-table tbody tr:hover{background:#1f1f1f}.tickets-table tbody tr:last-child td{border-bottom:none}.ticket-subject{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-category{background:#2a2a2a;color:#e0e0e0;padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:500}.badge-priority{padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:500}.badge-priority-low{background:#2a4a2a;color:#4aff4a}.badge-priority-medium{background:#4a4a2a;color:#ffff4a}.badge-priority-high{background:#4a2a2a;color:#ff4a4a}.badge-priority-urgent{background:#4a1a1a;color:#ff1a1a;font-weight:600}.action-btn{padding:6px 12px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#e0e0e0;cursor:pointer;transition:all .2s ease;font-size:.85rem;display:inline-flex;align-items:center;gap:6px}.action-btn:hover{background:#3a3a3a;border-color:#4a4a4a;color:#fff}.view-btn:hover{background:#1a3a5a;border-color:#2a5a7a;color:#4a9eff}.admin-loading{text-align:center;padding:100px 20px;color:#888}.admin-loading i{font-size:3rem;margin-bottom:20px;color:#4a9eff}.admin-panel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#0f0f0f;color:#888}.admin-panel-loading i{font-size:3rem;margin-bottom:20px;color:#4a9eff}.sidebar-nav::-webkit-scrollbar,.admin-content::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track,.admin-content::-webkit-scrollbar-track{background:#1a1a1a}.sidebar-nav::-webkit-scrollbar-thumb,.admin-content::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover,.admin-content::-webkit-scrollbar-thumb:hover{background:#4a4a4a}@media(max-width:768px){.admin-sidebar{width:70px}.sidebar-logo span,.sidebar-item span,.sidebar-user-info{display:none}.admin-main{margin-left:70px}.stats-grid,.recent-grid{grid-template-columns:1fr}.admin-content{padding:20px 15px}}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#1e1e1e;border-radius:10px;padding:0;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080;width:100%;max-width:600px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;color:#fff;font-size:1.5em}.modal-close{background:none;border:none;color:#888;font-size:1.5em;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#fff}.modal-body{padding:20px}.set-password-page{position:relative;min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;overflow:hidden;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a)}.set-password-background{position:fixed;inset:0;z-index:0;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);background-size:400% 400%;animation:gradientShift 20s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.set-password-page-container{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;width:100%;padding:2rem}.form{display:flex;flex-direction:column;gap:10px;background-color:#fff;padding:30px;width:450px;border-radius:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.form-title{text-align:center;color:#151717;font-size:24px;font-weight:700;margin-bottom:5px}.form-subtitle{text-align:center;color:#666;font-size:14px;margin-bottom:20px}::placeholder{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.form button{align-self:flex-end}.flex-column>label{color:#151717;font-weight:600}.inputForm{border:1.5px solid #ecedec;border-radius:10px;height:50px;display:flex;align-items:center;padding-left:10px;transition:.2s ease-in-out}.inputForm.error{border-color:#f44336}.input{margin-left:10px;border-radius:10px;border:none;width:85%;height:100%}.input:focus{outline:none}.inputForm:focus-within{border:1.5px solid #2d79f3}.button-submit{margin:20px 0 10px;background-color:#151717;border:none;color:#fff;font-size:15px;font-weight:500;border-radius:10px;height:50px;width:100%;cursor:pointer;transition:.2s ease-in-out}.button-submit:hover:not(:disabled){background-color:#252727}.button-submit:disabled{opacity:.6;cursor:not-allowed}.login-error{background-color:#fee;color:#c33;padding:10px;border-radius:8px;margin-bottom:10px;font-size:14px;text-align:center}.field-error{color:#f44336;font-size:12px;margin-top:-5px;margin-bottom:5px;display:block}@media(max-width:768px){.form{width:100%;max-width:400px;padding:20px}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-y:scroll}html::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none}body{margin:0;padding:0;overflow-x:hidden}.gradient-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,110,255,.3) 0%,rgba(0,110,255,.1) 30%,transparent 60%);pointer-events:none;z-index:1}.stars-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;background-image:radial-gradient(1px 1px at 5% 10%,white,transparent),radial-gradient(1px 1px at 10% 20%,white,transparent),radial-gradient(2px 2px at 15% 30%,white,transparent),radial-gradient(1px 1px at 20% 40%,white,transparent),radial-gradient(1px 1px at 25% 50%,white,transparent),radial-gradient(2px 2px at 30% 60%,white,transparent),radial-gradient(1px 1px at 35% 70%,white,transparent),radial-gradient(1px 1px at 40% 80%,white,transparent),radial-gradient(2px 2px at 45% 90%,white,transparent),radial-gradient(1px 1px at 50% 15%,white,transparent),radial-gradient(1px 1px at 55% 25%,white,transparent),radial-gradient(2px 2px at 60% 35%,white,transparent),radial-gradient(1px 1px at 65% 45%,white,transparent),radial-gradient(1px 1px at 70% 55%,white,transparent),radial-gradient(2px 2px at 75% 65%,white,transparent),radial-gradient(1px 1px at 80% 75%,white,transparent),radial-gradient(1px 1px at 85% 85%,white,transparent),radial-gradient(2px 2px at 90% 95%,white,transparent),radial-gradient(1px 1px at 12% 5%,white,transparent),radial-gradient(1px 1px at 22% 15%,white,transparent),radial-gradient(2px 2px at 32% 25%,white,transparent),radial-gradient(1px 1px at 42% 35%,white,transparent),radial-gradient(1px 1px at 52% 45%,white,transparent),radial-gradient(2px 2px at 62% 55%,white,transparent),radial-gradient(1px 1px at 72% 65%,white,transparent),radial-gradient(1px 1px at 82% 75%,white,transparent),radial-gradient(2px 2px at 92% 85%,white,transparent),radial-gradient(1px 1px at 8% 25%,white,transparent),radial-gradient(1px 1px at 18% 35%,white,transparent),radial-gradient(2px 2px at 28% 45%,white,transparent),radial-gradient(1px 1px at 38% 55%,white,transparent),radial-gradient(1px 1px at 48% 65%,white,transparent),radial-gradient(2px 2px at 58% 75%,white,transparent),radial-gradient(1px 1px at 68% 85%,white,transparent),radial-gradient(1px 1px at 78% 95%,white,transparent),radial-gradient(2px 2px at 88% 5%,white,transparent),radial-gradient(1px 1px at 3% 45%,white,transparent),radial-gradient(1px 1px at 13% 55%,white,transparent),radial-gradient(2px 2px at 23% 65%,white,transparent),radial-gradient(1px 1px at 33% 75%,white,transparent),radial-gradient(1px 1px at 43% 85%,white,transparent),radial-gradient(2px 2px at 53% 95%,white,transparent),radial-gradient(1px 1px at 63% 5%,white,transparent),radial-gradient(1px 1px at 73% 15%,white,transparent),radial-gradient(2px 2px at 83% 25%,white,transparent),radial-gradient(1px 1px at 93% 35%,white,transparent);background-repeat:repeat;background-size:100% 200%;animation:fallingStars 15s linear infinite,twinkle 3s ease-in-out infinite;opacity:.6}@keyframes twinkle{0%,to{opacity:.4}50%{opacity:.9}}@keyframes fallingStars{0%{background-position:0% 0%;transform:translateY(0)}to{background-position:0% 100%;transform:translateY(100vh)}}main{margin-top:0;position:relative;z-index:2}#root{width:100%;margin:0;padding:0}