body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0;padding:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5;background:#fff!important}ul[role=list],ol[role=list]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body.theme-dark{background:#181818!important;color:#fff!important;transition:background .3s,color .3s}body.theme-light{background:#fff!important;color:#181818!important;transition:background .3s,color .3s}.app,.main-content,.content-area,.gamification-container,.gaming-contenue-container,.gaming-affichage-container,.gaming-connexes-container{background:inherit!important;color:inherit!important;transition:background .3s,color .3s}body.theme-dark .gamification-card,body.theme-dark .gaming-contenue-container,body.theme-dark .gaming-affichage-container,body.theme-dark .gaming-connexes-container{background:#232323!important;color:#fff!important;border-color:#333!important}body.theme-dark .gamification-section,body.theme-dark .gaming-contenue-block,body.theme-dark .gaming-affichage-block,body.theme-dark .gaming-connexes-block{background:#232323!important;color:#fff!important}body.theme-dark input,body.theme-dark select,body.theme-dark textarea{background:#232323!important;color:#fff!important;border-color:#444!important}body.theme-dark .footer-item,body.theme-dark .nav-item{color:#fff!important}body.theme-dark .gamification-card,body.theme-dark .main-content,body.theme-dark .content-area,body.theme-dark .gaming-contenue-container,body.theme-dark .gaming-affichage-container,body.theme-dark .gaming-connexes-container,body.theme-dark .profile-post-card,body.theme-dark .posts-section,body.theme-dark .stories-section,body.theme-dark .modal-content,body.theme-dark .logout-popup-content{color:#fff!important;background:#232323!important}body.theme-dark .gamification-card h2,body.theme-dark .gamification-card h3,body.theme-dark .gamification-card p,body.theme-dark .main-content h2,body.theme-dark .main-content h3,body.theme-dark .main-content p,body.theme-dark .content-area h2,body.theme-dark .content-area h3,body.theme-dark .content-area p,body.theme-dark .profile-post-card,body.theme-dark .profile-post-card *{color:#fff!important}body.theme-dark .gamification-card input,body.theme-dark .main-content input,body.theme-dark .content-area input,body.theme-dark .profile-post-card input{background:#232323!important;color:#fff!important;border-color:#444!important}@font-face{font-family:TWK Everett;src:url(/assets/TWKEverett-BlackItalic-BvfN0cZU.woff2) format("woff2"),url(/assets/TWKEverett-BlackItalic-DN1xnTpG.woff) format("woff");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:TWK Everett;src:url(/assets/TWKEverett-Black-Bi_fDx6B.woff2) format("woff2"),url(/assets/TWKEverett-Black-BbjYUjtQ.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:TWK Everett;src:url(/assets/TWKEverett-Bold-BJDOzSVx.woff2) format("woff2"),url(/assets/TWKEverett-Bold-0eaT3oQY.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:TWK Everett Hairline;src:url(/assets/TWKEverett-HairlineItalic-CIIUwrEv.woff2) format("woff2"),url(/assets/TWKEverett-HairlineItalic-DuOBmXd0.woff) format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:TWK Everett Hairline;src:url(/assets/TWKEverett-Hairline-K85pIcEX.woff2) format("woff2"),url(/assets/TWKEverett-Hairline-C6T-qxZz.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:TWK Everett;src:url(/assets/TWKEverett-BoldItalic-Csbb7DhS.woff2) format("woff2"),url(/assets/TWKEverett-BoldItalic-BxzXoBYj.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:TWK Everett;src:url(/assets/TWKEverett-Ultralight-Cr3LKBZi.woff2) format("woff2"),url(/assets/TWKEverett-Ultralight-xrhjw_BO.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:TWK Everett;src:url(/assets/TWKEverett-RegularItalic-DKXqQq_D.woff2) format("woff2"),url(/assets/TWKEverett-RegularItalic-Dh4G6aZM.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:TWK Everett;src:url(/assets/TWKEverett-Regular-TzWwIiP-.woff2) format("woff2"),url(/assets/TWKEverett-Regular-COgE7ovu.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TWK Everett;src:url(/assets/TWKEverett-UltralightItalic-1_Wulcfv.woff2) format("woff2"),url(/assets/TWKEverett-UltralightItalic-Pt8OxJ34.woff) format("woff");font-weight:200;font-style:italic;font-display:swap}:root{--grey-900: #040912;--gray-800: #1A1A1A;--gray-700: #2A2A2A;--gray-600: #3C3C3C;--gray-500: #4E4E4E;--gray-400: #B0B0B0;--gray-300: #D1D1D1;--gray-200: #EAEAEA;--gray-100: #F5F5F5;--blue-900: #001f3f;--blue-800: #003366;--blue-700: #004080;--blue-650: #061888;--blue-600: #00509e;--blue-500: #007bff;--blue-400: #66b2ff;--blue-300: #99ccff;--blue-200: #cce5ff;--blue-100: #e6f7ff;--lemon-900: #394900;--lemon-500: #CBF300;--lemon-400: #E0E0E0;--lemon-300: #F5F5F5;--lemon-200: #F9F9F9}*,*:before,*:after{box-sizing:border-box}#root,html{background-color:#fcfcfc}body{font-family:TWK Everett,apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px}h1,h2,h3,h4,h5,h6{font-family:TWK Everett,apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:700;color:#333;margin:0 0 10px;line-height:1.2}h1{font-size:6rem}h2{font-size:3.75rem}h3{font-size:18px}h4{font-size:16px}h5{font-size:1.5rem}h6{font-size:1.25rem}p{font-size:1rem;margin:0 0 10px;color:#555;line-height:1.6}.page-container{overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:20px;border:1px solid #d1ff00;background-color:#fff}.logo-container{z-index:10}.floating-box{position:absolute;background:linear-gradient(to right,#d1ff00,#c3ff00);display:flex;align-items:center;gap:10px;color:#083cc3;font-weight:700;padding:12px 20px;border-radius:16px;z-index:10;opacity:0;transform:translateY(20px);transition:all .5s ease-in-out;pointer-events:none}.athlete-img{max-height:300px;width:auto}.form-box{max-width:450px;width:450px;background-color:#fff;padding:40px 30px;box-shadow:0 4px 30px #0000000d;border:1px solid #e0e0e0;z-index:2;display:flex;flex-direction:column;background:#ffffff52;border:1px solid rgba(203,243,0,.48);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:32px}.form-title{padding-bottom:40px;font-weight:500;font-style:"Regular";font-size:24px;line-height:100%;letter-spacing:0%;text-align:center;color:#000;width:375.25;height:20;opacity:1}.form-group{position:relative;margin-bottom:15px}.form-group label{display:block;text-align:left;font-size:14px;font-weight:500;margin-bottom:5px;color:#000}input,select,textarea,.input-field{width:100%;padding:16px 40px 16px 16px;border:1px solid #e0e0e0;background-color:#fcfcfc;border-radius:16px;transition:all .2s}input:focus,.input-field:focus{background-color:var(--gray-100);transition:all .2s}input .field-icon,.input-field:hover .field-icon,.input-field:focus .field-icon{background-color:var(--blue-100);border:1px solid var(--blue-100);transition:all .2s}.field-icon:hover{background-color:var(--blue-100);border:1px solid var(--blue-200);transition:all .2s}.field-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:1px solid var(--gray-200);cursor:pointer;color:#666;padding:0;display:flex;align-items:center;border-radius:12px}.field-icon:hover svg{color:#083cc3}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.input-wrapper{position:relative;display:flex;align-items:center}.field-icon svg{width:20px;height:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-row{display:flex;gap:16px;justify-content:space-between}input,select,textarea{border-radius:8px;padding:10px 12px;outline:none;transition:all .2s}textarea{resize:vertical}.double-input-switcher{position:relative;margin-bottom:20px;overflow:hidden;min-height:90px}.input-container{position:absolute;width:100%;transition:transform .3s ease,opacity .3s ease}.input-container.email{transform:translate(0);opacity:1}.input-container.email.hidden,.input-container.phone{transform:translate(100%);opacity:0}.input-container.phone.visible{transform:translate(0);opacity:1}.indicator{display:block;color:var(--blue-500);font-size:14px;cursor:pointer;text-decoration:underline;transition:all .2s ease;position:relative;text-align:end;top:0;right:0}.indicator:hover{color:var(--blue-600);text-decoration:none}.indicator:focus{outline:none;border-radius:4px}.code-inputs{width:100%;height:auto;display:flex;flex-direction:row;gap:12px;padding:32px}.instructions,.resend-link{text-align:center}.resend-link button{padding:4px 8px;border-radius:8px;border:1px solid var(--blue-200);background:var(--blue-200);cursor:pointer}.resend-link button:hover{color:#fff;border:1px solid var(--blue-300);background:var(--blue-500)}.code-inputs .code-input{font-size:30px;text-align:center}.password-requirements{margin:16px 0;padding:12px;background-color:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px}.requirement{display:flex;align-items:center;font-size:10px;color:#666}.requirement input[type=radio]{margin-right:4px;width:16px;height:16px;accent-color:var(--blue-500)}.requirement input[type=radio]:checked+label{color:var(--blue-500);font-weight:500}.requirement label{cursor:pointer;-webkit-user-select:none;user-select:none}.disclaimer{font-size:11px;color:#666;margin:20px 0;text-align:center;line-height:1.5;width:80%;align-self:center;justify-self:center}.disclaimer a{color:#007bff;text-decoration:none;font-weight:500}.disclaimer a:hover{text-decoration:underline}.terms-link{color:#007bff;font-weight:500;text-decoration:none;transition:color .2s}.terms-link:hover{color:#0056b3;text-decoration:underline}.btn{display:flex;justify-content:center;align-items:center;width:100%;max-width:350px;margin:0 auto;padding:14px;background-color:var(--lemon-500);color:var(--grey-900);border:none;border-radius:8px 16px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s}.btn:hover{background-color:#000;color:#fff}.btn:active{transform:scale(.98)}.btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.btn:disabled:hover{background-color:#ccc}.selection-card{background-color:#7f807818;border-radius:20px;box-shadow:0 8px 30px #0000000d;overflow:hidden;position:relative;display:flex;flex-direction:column;border:1px solid rgba(215,234,0,.5);z-index:1}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:30px;overflow:visible;padding:8px 0}.option-item{border-radius:24px;padding:10px;cursor:pointer;transition:all .2s ease;position:relative;color:#fff;overflow:hidden;height:98px;background-size:cover;background-position:center;transition:transform .2s;display:flex}.option-item:hover{transform:translateY(-3px)}.option-item-1{background-image:url(/assets/boy2-DqwprHFn.jpg)}.option-item-2{background-image:url(/assets/boy3-CXiJIyQi.jpg)}.option-item-3{background-image:url(/assets/girl1-DQNXjmzL.jpg)}.option-item-4{background-image:url(/assets/boy1-Idv2NanG.jpg)}.option-item-5{background-image:url(/assets/girl1-DQNXjmzL.jpg)}.option-item-6{background-image:url(/assets/boy3-CXiJIyQi.jpg)}.option-item-7{background-image:url(/assets/boy3-CXiJIyQi.jpg)}.option-item-8{background-image:url(/assets/boy3-CXiJIyQi.jpg)}.option-bg-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0016a3cc;transition:background-color .2s ease}.option-item.selected .option-bg-overlay{background-color:#d7ea00cc}.option-item label{display:flex;align-items:flex-end;cursor:pointer;width:100%;height:100%;position:relative;z-index:2}.option-item input[type=radio]{position:absolute;opacity:0;cursor:pointer}.option-item label .radio-circle{height:20px;width:20px;border-radius:50%;border:2px solid white;background-color:transparent;display:inline-block;margin-right:10px;position:relative;flex-shrink:0}.option-item.selected .radio-circle{border-color:var(--blue-500)}.option-item input[type=radio]:checked~.radio-circle:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff}.option-item.selected input[type=radio]:checked~.radio-circle:after{background:#0f66e9}.option-text{font-size:13px;position:relative;z-index:1;text-align:left}.option-item.selected .option-text{color:#0c57d7}.next-button{background-color:#d7ea00;color:#333;border:none;border-radius:25px;padding:12px 40px;font-size:16px;font-weight:600;cursor:pointer;width:100%;max-width:250px;outline:none}.next-button:hover{background-color:#c5d700;border:none}.athlete-image{position:absolute;right:20px;top:190px;width:403px;height:287px;background-image:url(../src/assets/professional.svg);background-size:cover;background-position:center;z-index:2}selection-container{width:100%;max-width:1200px;display:flex;margin:14px}.profile-left{display:flex;flex-direction:column;align-items:center;left:100px}.profile-right{width:236px;display:flex;flex-direction:column;align-items:center;position:absolute;right:100px;top:10px}.sports-selection-card{flex:1;background-color:#fefbe5;border-radius:20px;box-shadow:0 8px 30px #0000000d;overflow:hidden;position:relative;display:flex;flex-direction:column;border:1px solid rgba(215,234,0,.5);z-index:1;margin:0 20px}.logo-container{padding:20px;display:flex;justify-content:center;align-items:center}.content{padding:20px 30px 40px;text-align:center}h1{color:#333;font-size:24px;margin-bottom:10px;font-weight:600}.subtitle{color:#666;font-size:15px;margin-bottom:30px;max-width:500px;margin-left:auto;margin-right:auto}.sports-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px;padding:6px}.sport-item{border-radius:15px;overflow:hidden;cursor:pointer;position:relative;height:120px;transition:transform .2s;background-color:#fefbe5}.sport-item:hover{transform:translateY(-3px)}.sport-image{width:100%;height:74%;overflow-y:hidden}.sport-image img{width:100%;height:100%;object-fit:cover}.sport-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d}.sport-selection{position:absolute;top:10px;left:10px;z-index:2}.radio-circle{height:22px;width:22px;border-radius:50%;border:2px solid white;background-color:#0000004d;display:flex;justify-content:center;align-items:center}.radio-dot{width:12px;height:12px;border-radius:50%;background-color:#d7ea00}.sport-item.selected .radio-circle{border-color:#d7ea00;background-color:#fff}.sport-name{position:absolute;bottom:4px;left:0;right:0;text-align:center;color:#fff;font-weight:500;z-index:2;margin-top:0}.view-more{margin-bottom:30px}.view-more-button{background-color:#d3d1d1;border:none;border-radius:24px;padding:10px 20px;font-size:14px;color:#666;cursor:pointer;width:100%;max-width:250px}.view-more-button:hover{color:#333;border:none}.next-btn:disabled{opacity:.7;cursor:not-allowed}.view-more-button:disabled{opacity:.6;cursor:not-allowed}.next-btn{background-color:#d7ea00;color:#333;border:none;padding:12px 40px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s;width:100%;max-width:250px;outline:#c5d700;border-top-right-radius:24px;border-bottom-left-radius:24px}.next-btn:hover{background-color:#c5d700}.profile-card{display:flex;flex-direction:column;align-items:center;margin-top:226%;margin-left:-122px}.profil-card{display:flex;flex-direction:column;align-items:center;margin-top:66%;margin-left:42px}.profile-image{overflow:hidden}.profile-image img{width:100%;height:100%;object-fit:cover}.profile-info{margin-top:10px;text-align:center}.profile-info h3{font-size:14px;font-weight:600;margin-bottom:2px}.profile-tag{font-size:12px;color:#666}.decoration-stripes{position:absolute;right:0;bottom:100px;width:100px;height:150px;background:repeating-linear-gradient(45deg,#d7ea00,#d7ea00 10px,#d7ea00b3 10px,#d7ea00b3 20px);opacity:.5;border-radius:10px}@media (max-width: 768px){.sports-selection-container{flex-direction:column;margin:0}.sports-selection-card{margin:0}}@media (max-width: 576px){.sports-grid{grid-template-columns:1fr}.content{padding:20px 15px 30px}.sports-selection-card{border-radius:0}h1{font-size:20px}.subtitle{font-size:14px}.sport-item{height:174px}.sport-name{top:138px}}.divider{margin:20px 0;display:flex;align-items:center;justify-content:center;font-size:16px;width:100%}.divider hr{border-top:1px solid var(--gray-200);width:20%}.divider span{padding:0 10px;font-size:12px;color:var(--gray-400)}.social-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:20px 0}.social-btn{background-color:#f5f5f5;border:none;width:94px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s}.social-btn svg{width:20px;height:20px;fill:#000}.social-btn img{width:30px;height:30px}.social-btn.apple{background-color:#fff;border:1px solid #ccc}.social-btn.facebook{background-color:#1877f2}.social-btn.facebook svg{fill:#fff}.social-btn.google{background-color:#fff;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;gap:5px;width:auto;height:50px;padding:5px 10px 5Px;border-radius:50px}.social-btn.microsoft,.social-btn.twitter{background-color:#000}.social-btn.playstation{background-color:#003791}.social-btn.playstation svg{fill:#fff}.social-btn.google:hover,.social-btn.apple:hover{background-color:#fbfbfb}.social-btn.facebook:hover{background-color:#0d6cf0}.social-btn.playstation:hover{background-color:#004db1}.create-link{display:block;margin-top:15px;font-size:16px;color:#000;text-align:center;text-decoration:none}.create-link:hover{color:#000}.emp{color:#007bff;text-decoration:underline;font-weight:600}@media (max-width: 768px){.athlete{display:none}.form-box{padding:30px 20px;box-shadow:none}.password-rules{flex-direction:column;align-items:flex-start;gap:5px}}.page-container{overflow:hidden;display:flex;align-items:center;background-color:#fff}.page-container form{display:flex;flex-direction:column;align-items:stretch}.page-container:before,.page-container:after{content:"";position:absolute;width:220px;height:200px;border-radius:100%;filter:blur(160px);z-index:0}.page-container:before{background:#f00c;top:550px;left:26%}.page-container:after{background:#14c81499;bottom:400px;right:20%}.app-login:before,.app-login:after{content:"";position:absolute;width:220px;height:200px;border-radius:100%;filter:blur(160px);z-index:0}.app-login:before{background:#f00c;top:550px;left:26%}.app-login:after{background:#14c81499;bottom:400px;right:20%}.floating-box{position:absolute;background:linear-gradient(to right,#d1ff00,#c3ff00);display:flex;align-items:center;gap:10px;color:#083cc3;font-weight:700;padding:12px 20px;border-radius:16px;z-index:10;opacity:0}.floating-box.show{opacity:1}.soccer{top:20px;left:20px}.basket{bottom:20px;right:20px}.social-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin:20px 0}.social-btn{width:100px;height:50px}.social-btn svg{width:28px;height:28px}.floating-box{opacity:0;transform:translateY(20px);transition:all .5s ease-in-out;pointer-events:none}.floating-box.show{opacity:1;transform:translateY(0)}.floating-box{position:absolute;background:linear-gradient(to right,#d1ff00,#c3ff00);display:flex;align-items:center;gap:10px;color:#083cc3;font-weight:700;padding:12px 20px;border-radius:16px;z-index:10}.top-right{top:80px;right:20px}.bottom-left{bottom:20px;left:20px}.floating-icon{font-size:24px}@media (max-width: 992px){.page-container{padding:20px}.page-container:before,.page-container:after{width:180px;height:180px}.page-container:before{top:450px;left:15%}.page-container:after{bottom:350px;right:15%}.form-box{box-shadow:none}.athlete{display:flex}}@media (max-width: 768px){.page-container{flex-direction:column;height:auto;min-height:100vh;box-shadow:none}.athlete{opacity:.4;z-index:0}.soccer{top:30px;left:-40px;transform:scale(.8)}.basket{bottom:30px;right:-40px;transform:scale(.8)}.form-box{width:90%;max-width:570px;margin:40px auto;padding:25px 20px;z-index:2;box-shadow:none}.logo-container{margin-bottom:20px}.floating-box{padding:10px 15px;font-size:14px}.top-right{top:20px;right:20px}.bottom-left{bottom:20px;left:20px}.floating-icon{font-size:18px}.page-container:before,.page-container:after{filter:blur(120px)}.page-container:before{top:400px}.page-container:after{bottom:300px}.athlete{display:flex;z-index:1}}@media (max-width: 576px){.page-container{padding:15px;height:100vh;border-radius:0}.athlete{display:flex;filter:blur(2px);opacity:.2;z-index:1}.soccer{top:5%;left:-60px;transform:scale(.65)}.basket{bottom:5%;right:0;transform:scale(.65)}.form-box{width:100%;padding:20px 15px;margin:20px auto;box-shadow:none}.password-requirements{flex-direction:column;align-items:flex-start}.requirement{margin-right:0;margin-bottom:8px}.floating-box{display:none}.submit-btn{padding:10px;font-size:14px}.form-title{font-size:18px;margin-bottom:20px}}@media (max-width: 375px){.form-box{padding:15px 12px}.page-container:before,.page-container:after{width:120px;height:120px;filter:blur(80px)}.code-inputs .code-input{font-size:10px;text-align:center}}@media (max-width: 300px){.form-box{padding:15px 12px}.input-field{padding:5px 20px 5px 6px}.page-container:before,.page-container:after{width:120px;height:120px;filter:blur(80px)}}.error-message{background-color:#ffebee;color:#c62828;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center;border:1px solid #ef9a9a}.app-login{min-height:100vh;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;color:#000;position:relative;background-color:#fff;padding-left:20px;padding-right:20px}.page-container{overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:20px;border:1px solid #d1ff00;background-color:#fff;position:relative}.label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.label-row label{font-weight:500}.label-row .phone-email{font-size:.9rem;color:#007bff;cursor:pointer;white-space:nowrap}.form-groupe{margin-bottom:5px;position:relative}@media (max-width: 768px){.points-badge{font-size:12px}}@media (max-width: 480px){.points-badge{font-size:12px}}body{margin:0;padding:0;display:block;background:#fff}.page-wrapper{height:100vh;display:flex;justify-content:center;align-items:center}.age-verification-box{border:1px solid #e6ff00;border-radius:16px;padding:2rem;width:500px;text-align:center;background:radial-gradient(circle at 20% 70%,#ffdcf9 0%,transparent 30%),radial-gradient(circle at 80% 10%,#e8ffae 0%,transparent 30%);box-shadow:0 0 20px #0000000d}.logo{color:#000;display:inline-block;padding:.3rem 1rem;font-weight:700;border-radius:5px;font-family:monospace;font-size:1.3rem;margin-bottom:1rem}.age-verification-box h2{font-size:1.2rem;margin:1rem 0}.age-verification-box p{font-size:.9rem;margin-bottom:1rem}.dob-select{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.4rem .6rem}.dob-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent url("data:image/svg+xml,%3Csvg fill='black' height='14' viewBox='0 0 24 24' width='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 10px center;background-size:14px 14px;padding:.6rem 2rem .6rem .6rem;font-size:1rem;border-right:1px solid #ccc;border:1px solid #ccc;border-radius:0;cursor:pointer}.dob-select select:last-child{border-right:none}.button-group{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.back-btn{background:#000;color:#fff;padding:14px;border:none;font-size:12px;cursor:pointer;border-radius:12px 24px;outline-style:none}.back-btn:hover{background-color:#3d3d3d}.button-group .continue-btn{background:#e6ff00;color:#000;font-size:20px;border:none;cursor:pointer;outline-style:none;border-radius:12px 24px}.continue-btn:hover{background-color:#d6f783}@media (max-width: 768px){.dob-select{flex-direction:row;align-items:stretch;padding:.8rem;gap:.8rem;border:none}.dob-select select{border-right:none;border:1px solid #ccc;border-radius:6px;width:100%;background-position:right 12px center;padding:.6rem 2rem .6rem .6rem;background-color:#fff}.age-verification-box{width:100%;padding:1.5rem;border-radius:0;height:100vh;justify-content:center;display:flex;flex-direction:column}}@media (max-width: 480px){.age-verification-box{width:100%;padding:1.5rem;height:100vh;justify-content:center;display:flex;flex-direction:column}.button-group{flex-direction:column;gap:1rem}.back-btn,.continue-btn{width:100%}.side-graphic{display:none}}.terms-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a172f80;display:flex;align-items:center;justify-content:center;z-index:1100}.terms-modal{width:90%;max-width:640px;background:#fff;border-radius:10px;padding:20px 22px;box-shadow:0 12px 30px #02061740;box-sizing:border-box}.terms-modal h3{margin:0 0 10px;font-size:18px;color:#0f172a}.terms-content{max-height:320px;overflow-y:auto;color:#374151;font-size:14px;line-height:1.5;margin-bottom:12px;padding-right:6px}.terms-checkbox{display:flex;align-items:center;gap:10px;font-size:14px;color:#111827;margin-bottom:10px}.terms-checkbox input[type=checkbox]{width:16px;height:16px}.terms-error{color:#b91c1c;background:#fff5f5;padding:8px 10px;border-radius:6px;margin-bottom:10px;font-size:13px}.terms-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.btn-ghost{background:transparent;border:1px solid #e6eefc;color:#0f172a;padding:8px 12px;border-radius:8px}.logo-container{text-align:center;margin-bottom:20px}.logo-container img{width:235.84px;height:58.23px}.input-field.input-error{border-color:red;outline:none}.error-messages{color:red;font-size:13px;margin-top:4px;text-align:left}.athlete{position:absolute;z-index:1}.athlete-img{width:100%;height:auto}.athlete.soccer{top:0;left:0;width:45%}.athlete.basket{bottom:0;right:0;width:40%}.country-select-wrapper{position:relative;width:100%}.custom-select{width:100%;padding:12px 80px 12px 15px;font-size:14px;border:1px solid var(--gray-200);border-radius:16px;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;height:56px}.countrycode{font-weight:700;color:var(--blue-500)}.select-icon{position:absolute;right:8px;top:50%;background:none;border:1px solid var(--gray-200);cursor:pointer;color:#666;padding:8px;display:flex;align-items:center;border-radius:12px}.selected-flag{width:20px;height:20px;border-radius:2px;object-fit:cover;display:flex;align-items:center}.selected-flag svg{width:100%;height:auto;object-fit:cover}.custom-select:focus+.select-icon svg[name=chevron-down]{transform:rotate(180deg)}.custom-select:hover{border-color:var(--gray-300)}.custom-select:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 2px #007bff1a}@supports (-webkit-appearance: none) or (-moz-appearance: none){.custom-select{-webkit-appearance:none;-moz-appearance:none}}.selected-country{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:8px;cursor:pointer;background:#fff}.country-flag{width:24px;height:24px;overflow:hidden;border-radius:50%}.country-flag img{width:100%;height:100%;object-fit:cover}.country-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-top:4px;box-shadow:0 2px 10px #0000001a;z-index:1000}.country-search{padding:12px;border-bottom:1px solid #e0e0e0}.country-search input{width:100%;padding:8px;border:1px solid #e0e0e0;border-radius:4px}.country-options-list{max-height:250px;overflow-y:auto}.country-option{display:flex;align-items:center;padding:12px;cursor:pointer;transition:background-color .2s}.country-option:hover{background-color:#f5f5f5}.country-option .country-flag{margin-right:12px}.no-results{padding:12px;text-align:center;color:#666}.sport-in-container{background-color:#fefbe5;padding:20px;min-height:100vh}.sport-in-wrapper{max-width:1200px;margin:0 auto}.sport-in-logo{display:flex;justify-content:center;margin-bottom:30px}.sport-in-logo-box h1{margin:0;font-size:24px;font-weight:700;color:#000}.sport-in-header{text-align:center;margin-bottom:30px}.sport-in-header h2{font-size:22px;font-weight:500;color:#333;margin:0}.sport-in-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.sport-in-card{display:flex;background-color:#fef9c3;border-radius:10px;overflow:hidden}.card-left{width:40%;display:flex;align-items:center;justify-content:center;overflow:hidden}.sport-logo{width:100%;height:100%;object-fit:cover}.card-right{width:60%;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.users-count{font-size:24px;font-weight:500;color:#444;margin-bottom:10px}.description{font-size:20px;color:#666;margin-bottom:20px;line-height:1.5}.subscribe-button{background-color:#d9f73a;border:none;padding:8px 25px;border-radius:20px;font-weight:500;font-size:14px;cursor:pointer;align-self:flex-start;box-shadow:0 2px 4px #0000001a;transition:background-color .2s}.subscribe-button:hover{background-color:#c5e230}.sport-in-footer{display:flex;flex-direction:column;gap:15px}.see-more-button{background-color:#e5e7eb;text-align:center;padding:12px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s}.see-more-button:hover{background-color:#d1d5db}.skip-button{background-color:#d9f73a;text-align:center;padding:12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;color:#000;transition:background-color .2s}.skip-button:hover{background-color:#c5e230;text-decoration:none;color:#000}@media (max-width: 1024px){.sport-in-grid{gap:15px}.sport-in-card{height:170px}}@media (max-width: 768px){.sport-in-grid{grid-template-columns:1fr;gap:20px}.sport-in-card{height:auto}.card-left{width:30%}.card-right{width:70%}.sport-in-header h2{font-size:18px}}@media (max-width: 480px){.sport-in-container{padding:15px}.sport-in-card{flex-direction:column;height:auto}.card-left,.card-right{width:100%}.sport-in-logo-box h1{font-size:20px}.sport-in-header h2{font-size:16px}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f5f5}body.theme-dark .main-content,body.theme-dark .content-area{background:#181818!important;color:#fcfcfc!important}body.theme-light .main-content,body.theme-light .content-area{background:#fcfcfc!important;color:#181818!important}.app{display:grid;grid-template-columns:250px 1fr;background-color:#fff;height:100vh}.app-home{display:flex;width:auto;min-height:0;min-width:0;background:#fafbfc}a:not([class]){text-decoration-skip-ink:auto;text-decoration:none;color:#616161}.logo-section{padding:20px;border-bottom:1px solid #e0e0e0}.nav-item{display:flex;align-items:center;padding:12px 20px;cursor:pointer}.nav-item:hover{background-color:#000;color:#cbf300;border-radius:8px;border-left:4px solid #CBF300}.sidebar-footer{border-top:1px solid #e0e0e0;padding:10px 0}.footer-item{display:flex;align-items:center;padding:10px 16px;cursor:pointer}.footer-item:hover{background-color:#f5f5f5}.main-content{display:flex;flex-direction:column;background:#fff!important}.search-bar{position:relative;width:40%}.search-bar input{width:100%;padding:8px 12px 8px 36px;border:1px solid #e0e0e0;border-radius:20px;outline:none}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9e9e9e}.header-icons{display:flex;align-items:center;gap:10px}.points-badge{display:flex;align-items:center;background-color:#000;color:#cbf300;padding:4px 10px;border-radius:20px;font-weight:700;width:auto;cursor:pointer}.icon-badge{position:relative}.badge-count{position:absolute;top:-5px;right:-5px;background-color:#f44336;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px}.user-avatar{width:32px;height:32px;border-radius:50%}.create-post{background-color:#fff;border-radius:20px;margin-bottom:20px;border:1px solid #e0e0e075;border-bottom:none!important;box-shadow:1px 1px 3px #f5f5f5}.post-author,.post-options{border-bottom:none!important}.post-author{display:flex;align-items:center;padding:12px}.author-avatar{width:40px;height:40px;overflow:hidden;margin-right:12px}.post-author input{flex:1;padding:10px 16px;border:none;border-radius:20px;outline:none;background-color:#fff}.post-author input:focus{border:none;outline:none;box-shadow:none}.post-options{display:flex;background-color:#fcfeeb}.post-option{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;height:60px;border-radius:8px;background:none;border:none;cursor:pointer;color:#616161;font-size:16px;text-decoration:none;transition:background .2s,color .2s}.post-option svg{width:20px;height:20px;display:block}.post-option span{font-size:16px;font-weight:500}.post-text-icon{display:flex;align-items:center;gap:"4px";flex-direction:row;font-size:14px}.post-option:hover{background-color:#cbf300;color:#111}.opt{display:flex;flex:1}.post-submit{width:60px;height:60px;background-color:#cbf300;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;border-bottom-right-radius:20px}.posts-section{border-radius:8px;padding-top:16px;margin-bottom:20px;border:none;box-shadow:1px 1px 3px #f5f5f5}.stories-section{background-color:#fff;border-radius:8px;padding:16px;margin-bottom:20px;border:none;box-shadow:1px 1px 3px #f5f5f5}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-heads{display:flex;flex-direction:column;border-radius:6px;margin-bottom:44px}.section-heads img{width:150px}.see-more{color:#4caf50;font-size:14px;font-weight:500;background:none;border:none;cursor:pointer}.carousel-container{position:relative}.carousel-content{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;scrollbar-width:none;-ms-overflow-style:none;padding:10px 0}.carousel-content::-webkit-scrollbar{display:none}.carousel-item{scroll-snap-align:start;flex-shrink:0}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background-color:#fff;box-shadow:0 2px 8px #0000001a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.carousel-button.prev,.carousel-button.next{display:none}.post-card{border-radius:8px;overflow:hidden;margin-bottom:16px;width:auto;background-color:#fff;padding:10px;box-shadow:0 2px 4px #0000001a}.post-header{display:flex;justify-content:space-between;align-items:center;padding-top:16px;padding-bottom:16px}.post-author-info{display:flex;align-items:center}.author-name{display:flex;align-items:center;font-weight:500}.verified-icon{color:#2196f3;margin-left:4px}.post-time{font-size:12px;color:#9e9e9e}.post-more{border-radius:50%;border:none;display:flex;height:35px;width:35px;align-items:center;justify-content:center;cursor:pointer;color:#9e9e9e}.post-more:hover{background:pink}.post-content{padding:0 20px!important}.post-hashtag{color:#2196f3}.image-wrapper{border-radius:8px;margin-left:auto;margin-right:auto}.post-image{display:grid;gap:4px;border-radius:8px;overflow:hidden;cursor:pointer}.post-image-1{grid-template-columns:1fr}.post-image-1 img{width:100%;height:auto;max-height:500px;object-fit:contain;border-radius:8px}.post-image-2{grid-template-columns:1fr 1fr}.post-image-2 img{width:100%;height:100%;object-fit:cover}.post-image-3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.post-image-3 .image-wrapper:nth-child(1){grid-row:1 / 3}.post-image-3 img{width:100%;height:100%;object-fit:cover}.post-image-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.post-image-4 img{width:100%;height:100%;object-fit:cover}.post-image-5,.post-image-6,.post-image-7,.post-image-8,.post-image-9,.post-image-10{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr 1fr}.post-image-5 .image-wrapper:nth-child(1),.post-image-6 .image-wrapper:nth-child(1),.post-image-7 .image-wrapper:nth-child(1),.post-image-8 .image-wrapper:nth-child(1),.post-image-9 .image-wrapper:nth-child(1),.post-image-10 .image-wrapper:nth-child(1){grid-row:1 / 4}.post-image-5 img,.post-image-6 img,.post-image-7 img,.post-image-8 img,.post-image-9 img,.post-image-10 img{width:100%;height:100%;object-fit:cover}.image-overlay-container{position:relative}.image-overlay-container img{width:100%;height:100%;object-fit:cover}.image-overlay-container .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0009;color:#fff;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center}.post-stats{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}.selected-reaction{font-size:20px;margin-right:8px}.commentaires{color:#6e767d;font-size:14px;margin-right:12px}.reactions-count{color:#6e767d;font-size:14px}.post-container{margin-bottom:1rem;border-radius:.5rem;background-color:#fff;box-shadow:0 1px 3px #0000001a}.post-stats{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc}.reactions-display{display:flex;align-items:center}.reaction-icons{display:flex;align-items:center;margin-right:1px}.reaction-icon{margin-right:1px;font-size:1.25rem;position:relative}.reaction-count,.commentaires,.reactions-count{font-size:12px;color:#64748b}.post-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:5px 0}.profile-action-button,.profile-reaction-button{display:flex;align-items:center;gap:6px;padding:6px 10px;border:none;background:transparent;cursor:pointer;font-size:12px;flex:1;justify-content:center}.post-actions img.big{border-radius:50%;object-fit:cover}@media (max-width: 992px){.post-actions{justify-content:center;gap:8px}.profile-action-button{flex:0 1 45%}}@media (max-width: 576px){.post-actions{justify-content:center;gap:8px}.profile-action-button{flex:0 1 45%}}.reaction-container{position:relative;display:flex;justify-content:flex-start;align-items:center}.selected-reaction{font-size:1.25rem}.action-button{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;border-radius:.5rem;transition:background-color .2s ease;font-size:.875rem;cursor:pointer}.action-button:hover{background-color:#f3f4f6}.profile-container{position:relative;display:flex;align-items:center}.profile-dropdown{font-size:.75rem;margin-left:.25rem;color:#64748b}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reactions-popup{animation:fadeIn .2s ease-out}.stories-section{margin:12px 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stories-wrapper{position:relative}.stories-container{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.stories-container::-webkit-scrollbar{display:none}.story-card{flex:0 0 auto;width:clamp(120px,30vw,185px);height:clamp(180px,45vw,313px);border-radius:12px;overflow:hidden;background-color:#f2f7c9;position:relative;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;box-shadow:1px 1px 3px #ccc}.story-card img{width:100%;height:100%;object-fit:cover}.add-story-card{flex-direction:column;justify-content:flex-start;padding:10px;background:linear-gradient(135deg,#fcfeeb,#fcfeeb);cursor:pointer;transition:all .2s ease-in-out;box-shadow:1px 1px 3px #ccc}.add-story-card:hover{border-color:#d4f300;background:#d4f300}.add-story-card .profile-picture{width:100%;height:100%;border-radius:10px 10px 0 0;overflow:hidden;margin-bottom:10px}.add-story-card .profile-picture .not-profile-picture{width:100%;height:100%;border-radius:10px 10px 0 0;overflow:hidden;margin-bottom:10px;background-color:#000}.add-story-card .profile-picture img{width:100%;height:100%;object-fit:cover}.add-icon{position:absolute;bottom:38px;left:50%;transform:translate(-50%);background-color:#1877f2;color:#f2f7c9;font-size:20px;font-weight:700;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #f3f8ca}.label{font-size:14px;font-weight:700;text-align:center;padding-bottom:8px;padding-top:8px;color:#333}.stories-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#fcfeeb;border:none;box-shadow:0 2px 6px #0000001f;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:10}.stories-arrow.visible{opacity:1;pointer-events:auto}.stories-arrow.left{left:8px}.stories-arrow.right{right:8px}.stories-arrow:hover{transform:translateY(-50%) scale(1.06)}.app{display:grid;grid-template-columns:250px 1fr;background-color:#fff;height:100vh;overflow:hidden}.main-content{display:flex;flex-direction:column;height:100vh;overflow:hidden}.content-area{display:grid;grid-template-columns:1fr;gap:20px;min-width:0;overflow:hidden}.left-content::-webkit-scrollbar{display:none}.main-header{background-color:#fcfcfc;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:200;border-bottom:1px solid #e0e0e0}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}@media (max-width: 1200px){.content-area{grid-template-columns:1fr}}@media (max-width: 768px){.app{grid-template-columns:1fr}.left-sidebar{display:none}.label{font-size:12px}}.dropdown-menus{position:absolute;right:0;top:120%;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;z-index:200;overflow:hidden;margin-top:12px;animation:dropdown-fade-in .18s cubic-bezier(.4,0,.2,1);box-shadow:none!important}.profile-actions-button{display:flex;align-items:center;gap:6px;background:none;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;color:#65676b;transition:background-color .2s;font-weight:600;flex:1;justify-content:center}.profile-actions-button:hover{background-color:#f0f8ff;color:#94b7f3}.profile-actions-button span{font-size:14px;margin-right:2px}.skeleton{background-color:#fff;border-radius:8px;padding:12px;margin-bottom:16px;box-shadow:0 2px 6px #0000000d}.skeleton-box{background-color:#e0e0e0;border-radius:4px;margin-bottom:8px;height:12px;width:100%;animation:pulse 1.5s infinite}.skeleton-box.text-line.short{width:60%}.post-image.skeleton-box{height:200px;width:100%;margin:12px 0}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@media (max-width: 768px){.logo-section{padding:5px}.post-text-icon{flex-direction:column}}@media (max-width: 480px){.logo-section{padding:5px}.post-text-icon{flex-direction:column}.reaction-icon{margin-right:1px;font-size:13px;position:relative}}.reaction-wrapper{position:relative;display:inline-flex}.popup-points-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000002e;z-index:1000;display:flex;justify-content:center}.popup-points-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000002e;padding:32px 24px 24px;min-width:420px;max-width:920px;width:100%;position:relative}.popup-close-btn{position:absolute;top:18px;right:24px;background:none;border:none;font-size:2rem;color:#888;cursor:pointer;z-index:2}.popup-title{font-size:1.2rem;font-weight:700;margin-bottom:18px;color:#222;text-align:left}.popup-points-cards{display:flex;gap:18px;margin-bottom:18px}.popup-points-card{flex:1;background:#f8fbe6;border-radius:8px;padding:18px 8px 12px;text-align:center;position:relative}.popup-points-card .popup-points-label{font-size:1rem;font-weight:600;color:#222;background:#f6ffb0;border-radius:6px 6px 0 0;padding:2px 0 2px 8px;margin-bottom:8px;display:block}.popup-points-value{font-size:2.5rem;font-weight:700;color:#111}.popup-points-total{background:#e6ff00}.popup-points-total-value{color:#1a73e8}.popup-objectives-section{background:#1563d6;border-radius:12px;padding:18px 12px 12px;margin-top:18px}.popup-objectives-header{display:flex;align-items:center;justify-content:space-between;color:#fff;font-weight:600;font-size:1.1rem;margin-bottom:10px}.popup-objectives-list{list-style:none;padding:0;margin:0 0 12px}.popup-objectives-list .popup-objective-item{background:#1877f2;color:#fff;border-radius:8px;margin-bottom:8px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:500;border-bottom:1px solid #1563d6}.popup-objectives-list .popup-objective-item:last-child{border-bottom:none}.popup-objective-text{flex:1;display:flex;align-items:center;text-align:left;gap:20px}.popup-objective-points{color:#e6ff00;font-weight:700;margin-left:12px;text-align:right;min-width:60px;display:flex;align-items:center;gap:10px}.popup-see-more-btn{display:block;margin:0 auto;background:#e6ff00;color:#222;border:none;border-top-left-radius:24px;border-bottom-right-radius:24px;font-size:1rem;font-weight:600;padding:10px 32px;cursor:pointer;box-shadow:0 2px 8px #0000000a}.popup-see-more-btn:hover{background:#f6ffb0}@media (max-width: 768px){.popup-points-modal{top:60px}}.left-content{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;box-shadow:0 8px 32px #3c3c3c14;background:#fff}.post-detail{display:flex;flex-direction:column}.post-author-detail{display:flex;padding:24px 32px 0;align-items:center;border-bottom:none}.author-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:12px;flex-shrink:0}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-info{flex:1}.author-name-container{display:flex;align-items:center}.author-name{font-weight:700;font-size:15px;margin:0 5px 0 0}.verified-badge{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background-color:#1d9bf0;border-radius:50%}.author-bio{margin:4px 0 0;font-size:14px;color:#536471}.post-content{display:flex;flex-direction:column;padding:16px}.post-text{margin:0 0 12px;font-size:15px;line-height:1.5;color:#0f1419}.post-image{margin:5px 0;border-radius:12px;overflow:hidden}.main-post-image{width:100%;max-height:500px;object-fit:cover}.post-stats{display:flex;justify-content:space-between;padding:5px 0;border-top:none;border-bottom:2px solid #0076ff24}.likes-count{display:flex;align-items:center;gap:6px;font-size:14px;color:#536471}.comments-reposts{display:flex;gap:12px;font-size:14px;color:#536471}.post-actions{display:flex;justify-content:space-between}.action-button{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;font-size:12px;color:#536471;padding:8px;border-radius:20px;cursor:pointer;transition:background-color .2s}.action-button:hover{background-color:#1d9bf01a}.action-button.active{color:#f91880}.comments-section{padding:16px;border-top:none}.comment{display:flex;margin-bottom:24px}.comment-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:12px;flex-shrink:0}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-content{flex:1}.comment-header{display:flex;justify-content:space-between;margin-bottom:4px}.comment-author{display:flex;align-items:center;gap:8px}.comment-author-name{font-weight:600;font-size:14px}.comment-time{font-size:13px;color:#536471}.comment-like-button{background:none;border:none;cursor:pointer;color:#536471}.comment-text{margin:0 0 8px;font-size:14px;line-height:1.5}.comment-actions{display:flex;align-items:center;gap:16px;margin-bottom:4px}.comment-likes{font-size:13px;color:#536471}.comment-reply-button{background:none;border:none;cursor:pointer;color:#536471;font-weight:600;font-size:13px;padding:0}.comment-replies{font-size:13px;color:#1d9bf0;cursor:pointer}.commentsSection{margin-left:40px}@media (max-width: 1024px){.content-area{grid-template-columns:1fr}}@media (max-width: 600px){.author-avatar{width:40px;height:40px}p{font-size:13px}span{font-size:12px}h6{font-size:15px}.commentsSection{margin-left:0}}.linkedin-post-container{width:100%;border-radius:8px;background-color:#fff;box-shadow:none;padding:16px;position:relative;margin-top:96px;border:none}.user-info{display:flex;align-items:center;margin-bottom:20px}.avatar-container{margin-right:12px}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.user-details{flex-grow:1}.username-container{display:flex;align-items:center}.username{font-weight:600;font-size:16px;margin-right:4px}.verified-badge{color:#fff;background-color:#0077b5;border-radius:50%;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;margin-left:4px}.visibility-selector{position:relative;cursor:pointer;overflow:hidden}.visibility{font-size:14px;color:#666}.visibility-menu{position:absolute;top:100%;left:0;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;z-index:100;width:200px;margin-top:5px}.menu-item{padding:12px 16px;font-size:14px;cursor:pointer;transition:background-color .2s}.menu-item:hover{background-color:#f3f6f8}.dropdown-button{background:none;border:none;cursor:pointer;font-size:16px;padding:8px;color:#666;transition:transform .2s;margin-left:22px}.post-input .textarea:focus,.post-input input:focus,.post-input textarea:focus{border:none;outline:none;box-shadow:none}.post-textarea{width:100%;min-height:150px;border:none;resize:none;font-size:16px;outline:none;font-family:inherit;background-color:#fff}.textarea:focus{border:1px solid #fff}.media-preview{margin-bottom:20px;display:flex;flex-wrap:wrap;gap:10px}.media-item{background-color:#f3f6f8;border-radius:4px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;max-width:100%}.file-name{font-size:14px;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-file{background:none;border:none;color:#666;cursor:pointer;font-size:18px;margin-left:8px;display:flex;align-items:center;justify-content:center;height:24px;width:24px;border-radius:50%}.remove-file:hover{background-color:#e0e0e0}.media-button,.opportunity-button{flex:1;height:194px;border:none;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:12px;transition:transform .2s,box-shadow .2s}.media-button:hover,.opportunity-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.media-button:active,.opportunity-button:active{transform:translateY(0)}.media-button{background-color:#c3f90c;color:#000}.opportunity-button{background-color:#0a66c2;color:#fff}.button-icon,.handshake-icon{font-size:24px;margin-bottom:8px}.button-text-container{display:flex;flex-direction:column;align-items:center}.button-title{font-weight:600;font-size:14px;text-align:center;color:#fff}.button-subtitle{font-size:12px;opacity:.8;margin-top:4px}.publish-container{display:flex;justify-content:flex-end}.publish-button{background-color:#c3f90c;color:#000;border:none;border-radius:10px 20px;padding:10px 24px;font-weight:600;cursor:pointer;font-size:16px;transition:background-color .2s,transform .2s}.publish-button:hover{background-color:#b3e60d;transform:translateY(-2px)}.publish-button:active{transform:translateY(0)}.publish-button.submitting{opacity:.7;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.visibility-menu{animation:fadeIn .2s ease-out}@media (max-width: 1024px){.content-container{padding:0 10px}.right-sidebar{width:200px}.main-content{margin:0 15px}}@media (max-width: 768px){.content-container{flex-direction:column}.right-sidebar{width:100%;margin:10px 0}.main-content{margin:10px 0}.action-buttons{flex-direction:column}.media-button,.opportunity-button{height:100px}}.media-preview{display:flex;flex-wrap:wrap;gap:10px}.media-item{position:relative}.preview-image,.preview-video{max-width:150px;max-height:150px;border-radius:8px;object-fit:cover}.remove-file{position:absolute;top:5px;right:5px;background:#00000080;color:#fff;border:none;border-radius:50%;cursor:pointer}.left-conten{width:100%;height:auto;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.profile-left .profile-photo{width:243px;height:243px;object-fit:cover;border-radius:0 48px;margin-left:auto;margin-right:auto;flex-shrink:0}.profile-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px;background-color:#fff;padding:20px;border-radius:0 48px;border:1px solid #ccc;margin-bottom:20px}.profile-middle{flex:1;display:flex;flex-direction:column;justify-content:center}.top-line{display:flex;align-items:center;gap:5px}.profile-name{margin:0;font-size:24px;font-weight:700}.verified-badge{width:22px;height:22px}.username{color:gray;margin-top:4px;margin-bottom:8px}.stats{display:flex;gap:20px;margin-bottom:10px}.stats div{text-align:center}.infos{font-size:14px;line-height:1.6}.infos img{width:16px;vertical-align:middle;margin-right:6px}.suit{display:flex;align-items:center}.suit a{text-decoration:none;color:#007bff;display:flex;margin-left:14px;align-items:center}.bold{font-weight:700}.icons{display:flex;flex-wrap:wrap;justify-content:normal;align-items:center;gap:10px;margin-top:15px}.icons>div{display:flex;gap:8px;align-items:center}.btn-icon{border:none;cursor:pointer;padding:8px;border-radius:24px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;transition:all .2s ease}.btn-icon img{width:20px;height:20px}.btn-icon.blue{background-color:#0c57d7;border-radius:10px}.btn-icon.gray{background-color:#dee2e6}.btn-icon:hover{transform:scale(1.1)}.follow-btn{background-color:#cbf300;color:#000;border:none;border-top-left-radius:24px;border-bottom-right-radius:24px;padding:8px 13px;font-size:14px;cursor:pointer;width:auto;transition:background .3s ease}.follow-btn:hover{background-color:#0c57d7;color:#fff}.follow-btn-not{background-color:transparent;color:#000;border:1px solid #000;border-top-left-radius:24px;border-bottom-right-radius:24px;padding:8px 16px;font-size:14px;cursor:pointer;width:auto;transition:background .3s ease}.follow-btn-not:hover{background-color:#cbf300;color:#000}.blues{background-color:#0c57d7;color:#fff;border:none;border-radius:20px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background .3s ease}.blues:hover{background-color:#0849b7}.tabs{display:flex;justify-content:space-around;margin-top:15px;border-bottom:1px solid #ddd}.tab-button{padding:8px 16px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-weight:700;color:#555}.tab-button.active{border-color:#007bff;color:#007bff}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.gallery-item{width:100%;overflow:hidden;border-radius:8px;position:relative}.gallery-item img{width:100%;height:100%;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .2s ease-in-out}.gallery-item img:hover{transform:scale(1.05)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background:#fff;padding:20px;border-radius:12px;position:relative;max-width:90%;max-height:90%;text-align:center;overflow:auto}.modal-content img{max-width:100%;max-height:110vh;border-radius:8px}.close-button{position:absolute;top:8px;right:12px;font-size:24px;cursor:pointer}.profile-posts-section{margin-top:20px}.profile-posts-container{display:flex;flex-direction:column;gap:20px}.profile-post-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:16px;padding:16px;max-width:890px}.profile-post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.profile-post-author-info{display:flex;align-items:center;gap:12px}.profile-author-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.profile-author-name{display:flex;align-items:center;gap:4px;font-weight:600;font-size:15px;color:#1c1e21}.profile-verified-icon img{width:16px;height:16px}.profile-post-time{font-size:13px;color:#65676b;margin-top:2px}.profile-post-more{background:none;border:none;font-size:20px;color:#65676b;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s}.profile-post-more:hover{background-color:#f2f2f2}.profile-post-content{margin-bottom:12px}.profile-post-content p{margin:0;font-size:15px;line-height:1.33;color:#1c1e21}.profile-post-hashtag{color:#1877f2;cursor:pointer}.profile-post-hashtag:hover{text-decoration:underline}.profile-post-image{margin-bottom:12px;border-radius:8px;overflow:hidden}.profile-post-image img{display:block;width:100%}.join{display:flex;gap:12px}.profile-post-stats{display:flex;justify-content:space-between;align-items:center;padding:8px 0;margin-bottom:8px;font-size:13px;color:#65676b;border-bottom:2px solid #0076ff24}.profile-reactions-display{display:flex;align-items:center;gap:6px}.profile-reaction-icons{display:flex;align-items:center;gap:-2px}.profile-reaction-icon{font-size:16px;margin-right:-2px}.profile-selected-reaction{font-size:16px}.profile-reaction-count,.profile-commentaires,.profile-reactions-count{cursor:pointer}.profile-reaction-count:hover,.profile-commentaires:hover,.profile-reactions-count:hover{text-decoration:underline}.profile-post-actions{display:flex;align-items:center;gap:4px;position:relative}.tof{display:flex;align-items:center;margin-right:8px}.arrow{display:flex;align-items:center;gap:4px;background-color:#d8e1f1;border-radius:24px;padding:3px}.arrow .big{border-radius:50%;border:1px solid rgb(49,49,236)}.arrow .small{color:#65676b}.profile-reaction-container{overflow:visible;position:relative;z-index:100;flex:1}.profile-reaction-button{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:6px;background:none;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;color:#65676b;transition:background-color .2s;font-weight:600}.profile-reaction-button:hover{background-color:#f0f8ff}.profile-reaction-button.has-reaction{color:inherit}.profile-reaction-button img{width:18px;height:18px}.profile-selected-reaction-display{display:flex;align-items:center;font-size:16px}.profile-dropdown-arrow{font-size:14px}.profile-reaction-option-hover:hover{transform:scale(1.3);background-color:#f2f2f2}.profile-reaction-container:hover .profile-reactions-popup-hover{opacity:1;visibility:visible;pointer-events:auto}.reaction-emoji{font-size:20px;display:block}p{margin:0}.profile-action-button{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;padding:5px;border-radius:6px;cursor:pointer;font-size:14px;color:#65676b;transition:background-color .2s;flex:1;justify-content:center}.profile-action-button:hover{background-color:#f0f8ff;color:#94b7f3}.profile-action-button span{font-size:13px}.profile-reaction-container{position:relative;display:inline-block}.profile-reactions-popup-hover{position:absolute;bottom:100%;left:0;display:flex;gap:10px;padding:8px 12px;border-radius:24px;box-shadow:0 8px 24px #00000026;z-index:50;-webkit-backdrop-filter:blur(32.0950927734375px);backdrop-filter:blur(32.0950927734375px);border:2.29px solid #0000001F;background:#1212121a;transform:translateY(6px) scale(.95);transition:opacity .2s ease,transform .2s ease;transition-delay:.15s;pointer-events:none}.profile-reaction-option-hover{background:transparent;border:none;font-size:24px;cursor:pointer;width:34px;height:34px;transition:transform .2s}.profile-reaction-option-hover:hover{transform:scale(1.3);border-radius:50%}@media (max-width: 768px){.profile-reactions-popup-hover{bottom:90%;left:10%;padding:10px;gap:14px;border-radius:32px}}.reaction-name-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#fff;color:#fff;padding:4px 8px;filter:blur();font-size:12px;border-radius:4px;white-space:nowrap;margin-bottom:6px}.tooltip-arrow{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:20%;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333}.follow-btne{border-top-left-radius:24px;border-bottom-right-radius:24px;border:1px solid #0C57D7;background-color:#fff;padding:8px 13px;color:#0c57d7;cursor:pointer}.no-content{align-items:center;display:flex;justify-content:center;margin-top:22px}.dropdown-items{width:100%;padding:18px 28px;background:none;text-align:left;cursor:pointer;font-size:15px;color:#222;display:flex;align-items:center;transition:background .18s,color .18s;border:none;font-weight:600;gap:6px}.dropdown-items:hover,.dropdown-items:focus{background:#f3f4f6;color:#1563d6}.dropdown-items:not(:last-child){border-bottom:1px solid #f0f0f0}@media (max-width: 520px){.hide-on-mobiler{display:none!important}}@media (min-width: 1200px) and (max-width: 1300px){.hide-on-tablet{display:none!important}}.show-on-mobile{display:none}@media (max-width: 520px){.show-on-mobile{display:inline-flex}}@media (min-width: 1200px) and (max-width: 1300px){.show-on-tablet{display:inline-flex}}.no-video,.no-photos,.no-posts{display:flex;justify-content:center;align-items:center;height:200px;background-color:#f5f5f5;border:2px dashed #ccc;border-radius:8px;font-size:1.2rem;color:#888;text-align:center;margin:16px 0}@media (max-width: 600px){.profile-header{align-items:flex-start;padding:15px;border-radius:0 20px;gap:10px}.profile-left .profile-photo{width:140px;height:140px;border-radius:0 20px}.profile-name{font-size:20px}.username{font-size:14px}.stats{gap:25px}.stats div strong{font-size:12px}.infos{font-size:13px;line-height:1.4}.btn-icon{width:34px;height:34px}.follow-btn-not,.follow-btne{width:100%;max-width:260px;text-align:center}.icons>div{justify-content:center;gap:3px}.icons{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;width:100%}.follow-btn{font-size:12px;border-top-left-radius:16px;border-bottom-right-radius:16px;padding:8px 10px}}@media (max-width: 420px){.profile-header{align-items:flex-start;padding:10px;border-radius:0 20px;gap:10px}.profile-left .profile-photo{width:80px;height:90px}.stats{gap:18px}.infos{font-size:12px}.follow-btn{font-size:12px;border-top-left-radius:16px;border-bottom-right-radius:16px;padding:8px 10px}.follow-btn-not,.follow-btne{max-width:220px}.profile-name{font-size:16px}}.profile-skeleton{pointer-events:none}@keyframes profileSkeletonPulse{0%{opacity:1}50%{opacity:.45}to{opacity:1}}.profile-skeleton-photo{width:243px;height:243px;border-radius:0 48px;background:#e5e7eb;animation:profileSkeletonPulse 1.4s ease-in-out infinite}.profile-skeleton-name{width:180px;height:22px;background:#e5e7eb;border-radius:6px;animation:profileSkeletonPulse 1.4s infinite}.profile-skeleton-badge{width:18px;height:18px;border-radius:50%;background:#d1d5db;animation:profileSkeletonPulse 1.4s infinite}.profile-skeleton-username{width:120px;height:14px;background:#e5e7eb;border-radius:6px;margin:6px 0 10px;animation:profileSkeletonPulse 1.4s infinite}.profile-skeleton-stat{width:60px;height:30px;background:#e5e7eb;border-radius:8px;animation:profileSkeletonPulse 1.4s infinite}.profile-skeleton-info{width:90%;height:14px;background:#e5e7eb;border-radius:6px;margin-top:6px;animation:profileSkeletonPulse 1.4s infinite}.profile-skeleton-info.short{width:60%}.profile-skeleton-btn{background:#e5e7eb;animation:profileSkeletonPulse 1.4s infinite}.profile-skeleton-btn.circle{width:40px;height:40px;border-radius:24px}.profile-skeleton-btn.pill{width:120px;height:34px;border-radius:24px}@media (max-width: 600px){.profile-skeleton-photo{width:140px;height:140px;border-radius:0 20px}.profile-skeleton-name{width:140px;height:18px}.profile-skeleton-stat{width:50px;height:26px}}@media (max-width: 420px){.profile-skeleton-photo{width:80px;height:90px}.profile-skeleton-name{width:110px}}.photo-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:#e5e7eb;border-radius:8px;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.45}to{opacity:1}}.edit-profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.edit-profile-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000040;padding:32px 24px;width:100%;max-width:850px;display:flex;flex-direction:column;position:relative}.close-btn{position:absolute;top:18px;right:24px;background:none;border:none;font-size:2rem;color:#666;cursor:pointer}.modal-title{font-size:20px;font-weight:700;margin-bottom:40px;color:#888}.modal-form{display:flex;gap:32px;flex-wrap:wrap}.modal-left,.modal-right{flex:1;display:flex;flex-direction:column;gap:16px}.profilePicture-upload-box{background:#fcfeeb;border-radius:12px;min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1.5px dashed #e6ff00;padding:12px;width:80%;margin:auto}.profilePicture-preview{width:100%;height:100%;object-fit:cover;border-radius:12px;border:1px solid #e0e0e0;margin-bottom:12px}.profilePicture-upload-label{display:flex;flex-direction:column;align-items:center;color:#0c57d7;font-weight:500;cursor:pointer;font-size:1.1rem;text-align:center}.profilePicture-upload-plus{font-size:2rem;color:#0c57d7;margin-bottom:4px}.modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.save-btn{background:#e6ff00;color:#222;border:none;font-size:1.1rem;font-weight:600;padding:12px 0;cursor:pointer;transition:background .2s;border-radius:8px 18px}.save-btn:hover{background:#d4f300}.cancel-btn{background:none;color:#333;border:none;font-size:1rem;text-decoration:underline;cursor:pointer;padding:8px 0}@media (max-width: 900px){.modal-form{flex-direction:column;gap:18px}.edit-profile-modal{max-width:95vw;padding:20px 16px}.modal-actions{flex-direction:column}.save-btn{width:100%}}.form-groups{display:flex;flex-direction:column;gap:6px;position:relative;width:100%}.form-groups label{display:block;text-align:left;font-size:14px;font-weight:500;margin-bottom:5px;color:#000}select{width:auto}.profilePicture-upload-group label{margin-bottom:10px;display:flex;justify-content:center;font-weight:600}.premium-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.premium-modal{position:relative;width:380px;padding:28px 24px;border-radius:20px;background:linear-gradient(180deg,#0c57d7,#0a3f9d);color:#000;box-shadow:0 25px 60px #00000059;animation:fadeUp .35s ease;background:#ffffff52;border:1px solid rgba(203,243,0,.48);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#fcfeeb;box-shadow:0 4px 30px #0000000d}.close-btn{position:absolute;top:14px;right:14px;background:#ffffff26;border:none;border-radius:50%;width:32px;height:32px;color:#fff;cursor:pointer}.premium-header{text-align:center;margin-bottom:24px}.premium-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#fcfeeb,#cbf300);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#000}.premium-header h2{margin:0;font-size:22px;font-weight:700}.premium-header p{margin-top:6px;font-size:14px;opacity:.85}.premium-features{display:flex;flex-direction:column;gap:14px;margin-bottom:22px}.feature-item{display:flex;align-items:center;gap:12px;font-size:14px}.feature-item svg{color:#007bff}.feature-item.highlight{background:#1f293730;padding:10px 12px;border-radius:12px}.premium-price{text-align:center;margin-bottom:20px}.premium-price .trial{display:block;font-size:20px;font-weight:700}.premium-price .after{font-size:13px;opacity:.8}.premium-btn{width:100%;padding:14px;border-radius:14px;border:none;background:linear-gradient(135deg,#cbf300,#cbf300);color:#000;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.premium-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000004d}.premium-footer{margin-top:14px;text-align:center;font-size:12px;opacity:.7}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.opportunity-container{max-width:900px;margin:0 auto;padding:20px;box-sizing:border-box}.profile-heade{display:flex;align-items:center;margin-bottom:20px}.profile-image-container{width:60px;height:60px;border-radius:50%;overflow:hidden;margin-right:10px}.profile-image{width:100%;height:100%;object-fit:cover}.profile-info{display:flex;flex-direction:column}.profile-names{font-weight:700;font-size:18px;display:flex;align-items:center}.verified-badg{color:#fff;border-radius:50%;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;margin-left:5px}.visibility{font-size:14px;color:#555;text-align:left}.opportunity-form{width:100%}.form-row{display:flex;margin-bottom:15px;gap:15px}.form-field{flex:1;position:relative}.full-width{width:100%}.form-field input,.form-field textarea,.form-field select{width:100%;border-radius:5px;font-size:14px;box-sizing:border-box;background:#fff}.form-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff}.form-field textarea{height:180px;resize:none}.dropdown-field{position:relative}.dropdown-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#777;font-size:12px;pointer-events:none}.dropdown-icon-user{color:#777;font-size:12px;cursor:pointer;padding:8px;transition:transform .2s;margin-left:22px}.date-field,.friends-field{position:relative}.calendar-icon,.friends-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#777;pointer-events:none}.description-field{flex:2}.image-upload-container{flex:1}.image-upload{height:180px;border:1px solid #ddd;border-radius:5px;display:flex;align-items:center;justify-content:center;background-color:#fff;cursor:pointer;overflow:hidden}.image-upload{margin-top:10px}.upload-text{color:#777;font-size:14px}.preview-image{width:100%;height:100%;object-fit:cover}.photos-preview{margin-bottom:20px}.photos-preview h4{margin-bottom:10px;font-size:16px;color:#333}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.photo-item{height:120px;border-radius:5px;overflow:hidden;border:1px solid #ddd}.photo-item img{width:100%;height:100%;object-fit:cover}.action-buttons{display:flex;gap:15px;margin-bottom:20px}.upload-button,.create-button{flex:1;height:160px;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;padding:20px}.upload-button{background-color:#06f}.upload-button:hover{background-color:#05c}.create-button{background-color:#cf0;color:#333}.create-button:hover{background-color:#be0}.button-content{display:flex;flex-direction:column;align-items:center;text-align:center}.plus-icon{font-size:24px;margin-bottom:10px}.handshake-icon{font-size:24px;margin-bottom:10px;color:#000}.button-text{font-size:16px}.sub-text{font-size:12px;opacity:.8;margin-top:5px}.publish-container{display:flex}.publish-buttons{background-color:#cf0;border:none;color:#000;padding:15px 25px;border-radius:8px 18px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;transition:all .3s ease}.publish-buttons:hover{background-color:#be0;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.coins{margin-left:10px;display:flex}@media (max-width: 768px){.form-row{flex-direction:column}.action-buttons{flex-direction:row}}@media (max-width: 768px){.dropdown-icon,.calendar-icon,.friends-icon{right:10px}}.select-error .ant-select-selector{border-color:red!important}.has-error.ant-picker{border-color:#ff4d4f!important}.ant-picker-input>input::placeholder{color:#777!important}.custom-selecte .ant-select-selection-placeholder{color:#757575!important;font-weight:450;font-size:14px}.input-error{border-color:red;outline:none}.editor-main{min-height:150px;border:1px solid #ccc;border-radius:4px;padding:8px;background-color:#fff;outline:none;overflow-y:auto;font-size:14px;line-height:1.5}.tox .tox-tinymce{height:165px!important}.form-field input{padding:13px 15px}.rewards-section{background-color:#0c57d7;border-top-left-radius:20px;border-bottom-right-radius:20px;padding:16px;margin-bottom:20px;margin-top:15px;box-shadow:0 4px 7px #1f29378c}.highlighted-text{background-color:#c8e6c9;padding:4px 8px;border-radius:4px}.section-description{font-size:14px;color:#616161;margin-bottom:16px}.opprtunities-section{margin-bottom:22px;background-color:#fff;border:1px solid #c3f90c;padding:10px 10px 0;border-radius:24px}.opportunities-content h4{font-weight:700;font-size:15px;margin-bottom:8px}.groupe{padding:8px}.selection-description{font-size:14px;color:#616161;margin-bottom:16px}.results-badge{font-size:14px;font-weight:600;margin-bottom:16px}.job-opportunity{padding:10px;border-radius:8px;position:relative;margin-bottom:12px}.job-opportunity h5{font-size:13px}.close-button{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;background-color:#ccc;border-radius:50%;width:36px;color:#000}.job-meta{display:flex;gap:8px;margin:8px 0;font-size:14px}.job-type{background-color:#cbf300;color:#000;padding:2px 8px;border-radius:14px}.job-time{font-size:12px;color:#9e9e9e;margin-bottom:8px}.job-applications{font-size:12px;font-weight:500;color:#0c57d7;font-weight:700}.job-description{display:flex;gap:16px;justify-content:space-between}.company-opportunity{display:flex;align-items:center;padding-top:12px;border:none;justify-content:space-between}.line{border:1px solid #ccc;margin:24px 0}.company-logo{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:12px;background-color:#f5f5f5}.company-logo img{width:100%;height:100%;object-fit:cover}.company-info{flex:1}.company-name{display:flex;align-items:center;font-weight:600}.company-description{font-size:14px;color:#616161}.contact-button{width:32px;height:32px;border-radius:50%;background-color:#f5f5f5;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:8px}.see-more-button{width:60%;display:flex;align-items:center;justify-content:center;padding:10px;background-color:#f3f8c5;border:none;border-top-left-radius:24px;border-bottom-right-radius:24px;font-weight:500;cursor:pointer;margin:18px auto;color:#000}.see-more-button:hover{background-color:#daea88;color:#000!important}.see-more-butt{width:60%;display:flex;align-items:center;justify-content:center;padding:10px;background-color:#066de3;border:1px solid #cccccc94;border-top-left-radius:24px;border-bottom-right-radius:24px;color:#fff;font-weight:500;cursor:pointer;margin:0 auto}.see-more-butt:hover{background-color:#0c56d794}.rewards-section h4{display:flex;align-items:center;margin-bottom:16px;color:#fff}.trophy-icon{margin-right:8px;color:#fff}.reward-card{background-color:#066de3;color:#fff;padding:16px;border-radius:18px;margin-bottom:8px;text-align:center;display:flex;align-items:center;justify-content:space-around;border:1px solid #dedcdc93}.reward-card h5{margin-bottom:12px;font-weight:500;display:contents}.reward-points{font-weight:700;font-size:12px;display:flex;color:#cbf300;align-items:center;justify-content:center}.reward-points .points-icon{margin-left:4px;font-size:20px}.advertisement-carousel{position:relative;width:100%;border-top-right-radius:20px;border-bottom-left-radius:20px;max-width:317px;height:100px;overflow:hidden;background:#fff;display:flex;object-fit:cover;height:189px;align-items:center;justify-content:center}.carousel-image{width:100%;height:100%;object-fit:fill;display:block}.carousel-indicators{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:6px}.dot{width:8px;height:8px;border-radius:50%;background:#ccc;transition:background .2s}.dot.active{background:#cbf300}.right-content{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;height:100%;padding-right:5px}.right-content::-webkit-scrollbar{display:none}.right-sidebar .contact-button,.right-sidebar .close-button,.right-sidebar .see-more-button,.right-sidebar .see-more-butt{transition:color .2s,background .2s}.right-sidebar .contact-button:hover svg,.right-sidebar .close-button:hover svg,.right-sidebar .see-more-button:hover,.right-sidebar .see-more-butt:hover{color:#000!important;fill:#cbf300!important}.right-sidebar .contact-button:active svg,.right-sidebar .close-button:active svg,.right-sidebar .see-more-button:active,.right-sidebar .see-more-butt:active{color:#000!important;fill:#cbf300!important}.right-sidebar .contact-button:hover,.right-sidebar .close-button:hover{background-color:#e6ff00;color:#cbf300}.right-sidebar .contact-button:active,.right-sidebar .close-button:active{background-color:#d8ff00;color:#cbf300}.right-sidebar .company-name span:hover,.right-sidebar .company-name span.active{cursor:pointer}.right-sidebar svg{transition:color .2s,fill .2s}.right-sidebar svg:hover,.right-sidebar svg.active{color:#cbf300!important;fill:#cbf300!important}.opportunities-section{padding:16px;background-color:#fff;border-radius:20px;box-shadow:1px 1px 3px #f5f5f5}.main-header{background-color:#fcfcfc;padding:10px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:200;border-bottom:none;overflow:hidden;width:100%;gap:10px}.search-bar{display:flex;align-items:center;flex:1;min-width:200px;max-width:720px;padding:8px 12px;border-radius:18px;background-color:#fcfeeb;margin-right:30px}.search-bar .search-icon{margin-right:8px;color:#9e9e9e;flex-shrink:0}.search-bar input{flex:1;border:none;outline:none;background:transparent;font-size:14px}.header-icons{display:flex;align-items:center;flex-wrap:nowrap;min-width:0}.points-badge{display:flex;align-items:center;background-color:#000;color:#cbf300;padding:4px 10px;font-weight:700;white-space:nowrap;border-radius:10px 0;width:70px;cursor:pointer}.points-icon{margin-left:4px}.icon-badge{position:relative;display:flex;align-items:center;justify-content:center}.icon-badge img{width:22px;height:22px;object-fit:contain;display:block}.search-separator{height:22px;width:1px;background:#e0e0e0;margin:0 10px 0 34px;display:inline-block;vertical-align:middle}.badge-count{position:absolute;top:1px;right:1px;background-color:#0c57d7;color:#fff;border-radius:50%;width:12px;height:12px;display:flex;align-items:center;justify-content:center;font-size:10px;z-index:10;line-height:1;font-weight:700;box-shadow:0 2px 6px #00000014}.user-avatar{width:36px;height:36px;border-radius:50%;border:2px solid #0C57D7}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.left-sidebar{background-color:#fcfeeb;height:100%;position:fixed;padding:14px;top:0;display:flex;flex-direction:column;border-right:none;margin:12px;border-radius:18px;border-top:none;overflow:hidden;border-bottom:none}.left-sidebar-mobile{background-color:#fcfeeb;height:100%;position:sticky;top:0;display:flex;flex-direction:column;border-right:none;margin:12px;border-radius:18px;border-top:none;overflow:hidden;border-bottom:none}.logo-section{padding:20px;border-bottom:none;display:block}@media (max-width: 768px){.logo-section{padding:5px}}@media (max-width: 480px){.logo-section{padding:5px}}.logo{font-size:24px;font-weight:700}.logo-part1{background-color:#a5d6a7;padding:2px 5px;border-radius:4px}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.nav-icon{margin-right:12px;color:#616161}.nav-icon:hover,.nav-icon.active{color:#e6ff00}.nav-label{font-size:15px}.sidebar-footer{border-top:none;padding:10px 0}.footer-item{display:flex;align-items:center;padding:10px 16px;cursor:pointer;text-decoration:none;color:#444}.footer-item:hover{background:#111;color:#e6ff00;border-left:4px solid #e6ff00;border-radius:8px;box-shadow:0 2px 8px #0000000a}.footer-item.active{background:#111;color:#e6ff00;border-left:4px solid #e6ff00;padding:16px;font-size:16px;box-shadow:0 2px 8px #0000000a}.footer-icon{margin-right:12px;color:#616161}.footer-chevron{margin-left:auto;color:#9e9e9e}.language-selector{display:flex;align-items:center;width:100%}.language-tags{display:flex;margin-left:auto;gap:5px}.language-tag{padding:2px 8px;border-radius:4px;font-size:12px;background-color:#e0e0e0;cursor:pointer}.language-tag.active{background-color:#4caf50;color:#fff}.nav-item{display:flex;align-items:center;padding:10px 16px;color:#444;text-decoration:none;border-radius:10px}.nav-item.active{color:#d8ff00;border-left:4px solid #e6ff00;border-radius:8px;box-shadow:0 2px 8px #0000000a;background-color:#000}.nav-item:hover{background:#111;color:#e6ff00;border-left:4px solid #e6ff00;border-radius:8px;box-shadow:0 2px 8px #0000000a;background-color:#000}.logout-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:1000}.logout-popup-content{background:#fff;border-radius:12px;padding:32px 28px;box-shadow:0 2px 16px #0000001f;text-align:center}.logout-btn{margin:12px 8px 0;padding:10px 22px;border-radius:8px;border:none;font-weight:700;cursor:pointer;font-size:1rem}.logout-btn.confirm{background:#e53935;color:#fff}.logout-btn.cancel{background:#e0e0e0;color:#222}.logout-btn.confirm:hover{background:#b71c1c}.logout-btn.cancel:hover{background:#bdbdbd}body.theme-dark{background:#181818}body.theme-dark .left-sidebar,body.theme-dark .left-sidebar-mobile{background:#232323;color:#f5f5f5;border-right:1px solid #333}body.theme-dark .sidebar-footer,body.theme-dark .logo-section{border-color:#333}body.theme-dark .nav-item,body.theme-dark .footer-item{color:#f5f5f5}body.theme-dark .nav-item.active,body.theme-dark .footer-item:hover{background:#333;color:#e6ff00}body.theme-dark .logout-popup-content{background:#232323;color:#fff}.footer-item .footer-icon-right{margin-right:16px;margin-left:12px}.footer-item .footer-icon{margin-right:12px}.header{background-color:#fff;padding:24px}.app-container{background-color:#fcfcfc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ronde{background-color:#fff;border-radius:4px;padding:10px;height:230px}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;gap:130px}.header-left{flex:1;opacity:.6}.header-title{font-size:28px;font-weight:600;color:#000;margin-bottom:8px}.header-subtitle{color:#6b7280;font-size:14px;line-height:1.5}.header-right{display:flex;align-items:center;gap:16px}.search-container{position:relative}.search-input{width:320px;padding:8px 48px 8px 16px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-size:14px;opacity:.6}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icons{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#9ca3af}.create-btn{background-color:#cbf300;color:#000;font-weight:500;padding:8px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px}.create-btn:hover{background-color:#84cc16}.tab-btn{padding:.7rem 1.2rem;border:none;background:none;font-weight:500;font-size:14px;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}.tab-btn:hover{color:#374151}.tab-active{color:#000!important}.main-wrapper{max-width:1280px;margin:0 auto 50px;display:grid;grid-template-columns:412px 1fr 412px;gap:24px;min-height:calc(100vh - 200px);background-color:transparent}.center-section,.right-section{display:flex;flex-direction:column}.opportunities-list{display:flex;flex-direction:column;gap:16px}.opportunity-card{background-color:#fff;border-radius:12px;padding:15px;cursor:pointer}.opportunity-card:hover{box-shadow:0 4px 6px -1px #0000001a}.opportunity-header{margin-bottom:10px}.opportunity-title{font-size:18px;font-weight:600;color:#1f2937;flex:1;margin:0;padding-right:40px}.opportunity-title-row{position:relative;padding:8px 0}.close-btn{position:absolute;top:8px;right:1px;background:none;border:none;cursor:pointer;color:#9ca3af}.close-btn:hover{color:#6b7280}.opportunity-meta{display:flex;align-items:center;gap:8px;margin-bottom:12px}.type-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;background-color:#cbf300;color:#000}.location{color:#6b7280;font-size:14px}.opportunity-stats{display:flex;align-items:center;gap:16px;font-size:14px;justify-content:space-between}.time-ago{color:#6b7280}.posted{color:#6b7280;font-size:12px}.publisher-title{font-weight:700}.candidates{color:#3b82f6;font-weight:500}.opportunity-footer{display:flex;align-items:center;justify-content:space-between}.publisher-info{display:flex;align-items:center;gap:12px}.publisher-avatar{width:40px;height:40px;background-color:#dc2626;border-radius:50%;display:flex;align-items:center;justify-content:center}.avatar-text{color:#fff;font-weight:700;font-size:14px}.publisher-details{display:flex;flex-direction:column}.publisher-name{display:flex;align-items:center;gap:4px;font-weight:500;color:#1f2937}.verified-icon{width:16px;height:16px;color:#3b82f6}.publisher-type{color:#6b7280;font-size:14px}.mail-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:8px}.mail-btn:hover{color:#6b7280}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px}.pagination-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:8px}.pagination-btn:hover{color:#6b7280}.pagination-number{width:32px;height:32px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:500;color:#6b7280;background:none}.pagination-number:hover{background-color:#f3f4f6}.pagination-number.active{background-color:#000;color:#fff}.details-section{display:flex;flex-direction:column}.details-card{overflow:hidden}.details-header-image{height:230px;width:100%;background:#000;border-radius:18px}.details-content{margin-top:40px;gap:24px}.details-title{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:8px}.details-meta{display:flex;align-items:center;gap:8px;margin-bottom:12px}.details-stats{display:flex;align-items:center;gap:16px;font-size:14px;justify-content:space-between}.details-columns{flex:1;display:flex;flex-direction:column;margin-bottom:32px}.rond{border:1px solid #ccc;border-radius:18px;padding:8px;margin-top:8px}.section-title{font-size:18px;font-weight:600;margin-bottom:16px;color:#1f2937}.description-subtitle{font-weight:600;margin-bottom:8px;color:#1f2937;font-size:18px}.description-text{color:#374151;font-size:14px;line-height:1.6;white-space:pre-line}.requirements-list{display:flex;flex-direction:column}.requirement-item{color:#374151;font-size:13px;line-height:1.6}.team-section{gap:16px;display:flex;flex-direction:column}.team-title{font-weight:700;margin-bottom:10px;color:#1f2937;font-size:12px}.team-members{display:flex;flex-direction:column;gap:12px}.team-member{display:flex;align-items:center;justify-content:space-between}.member-info{display:flex;align-items:center;gap:12px}.member-avatar{width:40px;height:40px;background-color:#dc2626;border-radius:50%;display:flex;align-items:center;justify-content:center}.member-details{display:flex;flex-direction:column}.member-name{display:flex;align-items:center;gap:4px;font-weight:500;color:#1f2937}.member-role{color:#6b7280;font-size:14px}.right-info-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:16px}.right-info-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:16px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}.info-item:last-child{border-bottom:none}.info-label{color:#6b7280;font-size:14px}.info-value{color:#1f2937;font-weight:500;font-size:14px}.bottom-section{max-width:1280px;margin:44px auto 0;padding:0 24px 24px;display:flex;justify-content:center}.suivant-btn{color:#000;font-weight:500;padding:12px 30px;background-color:#cbf300;border:none;border-radius:24px 8px;cursor:pointer;font-size:16px}.suivant-btn:hover{background-color:#b7e177}@media (max-width: 1024px){.main-wrapper{grid-template-columns:1fr;gap:16px}.details-columns{grid-template-columns:1fr;gap:24px}.header-content{flex-direction:column;gap:16px;align-items:stretch}.header-right{justify-content:space-between}.search-input{width:100%}}.avatar-img{width:40px;height:40px;object-fit:cover;border-radius:50%}.custom-pagination{display:flex;align-items:center;gap:12px;justify-content:center;margin:32px 0 0}.pagination-arrow{width:40px;height:40px;border-radius:50%;border:2px solid #111;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border .2s,background .2s}.pagination-arrow:disabled{opacity:.4;cursor:not-allowed}.pagination-page{width:40px;height:40px;border-radius:8px;border:none;background:#fff;color:#111;font-size:20px;font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s}.pagination-page.active{background:#111;color:#fff}.pagination-empty{width:40px;height:40px;display:inline-block}.app-container{width:100%;margin:0 auto;font-family:Inter,sans-serif;box-sizing:border-box}.header{background-color:#fcfcfc;padding:1.5rem 0}.header-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.header-left{flex:1;min-width:250px}.header-title{font-size:23px;margin-bottom:.5rem}.header-subtitle{color:#666;font-size:16px;max-width:600px}.header-right{display:flex;align-items:center;gap:1rem}.search-container{position:relative;flex:1;min-width:200px}.search-input{width:100%;padding:.7rem 2.5rem .7rem 1rem;border:1px solid #ccc;border-radius:8px}.search-icons{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);color:#888}.create-btn{background-color:#cbf300;color:#000;border:none;font-weight:600;padding:.7rem 1.2rem;border-radius:8px;cursor:pointer;transition:background .3s ease}.create-btn:hover{background-color:#0056b3;color:#fff}.tab-active{border-bottom:3px solid #007bff;color:#007bff}.main-wrapper{display:grid;grid-template-columns:2fr 3fr;gap:1.5rem;margin-top:2rem}.left-section{background:#fcfcfc;border-radius:10px}.team-section{background:#f9f9f9;border-radius:10px}.details-main{display:grid;align-items:flex-start;gap:24px;grid-template-columns:2fr 3fr}.description-wrapper{text-align:justify;max-height:600px;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent;scroll-behavior:smooth}@media (max-width: 1024px){.main-wrapper{grid-template-columns:1fr 1fr}.team-section{grid-column:span 2}}@media (max-width: 768px){.header-content{flex-direction:column;align-items:flex-start}.main-wrapper{grid-template-columns:1fr}.tabs-nav{gap:.5rem}.header-title{font-size:1.5rem}.header-subtitle{font-size:.9rem}.search-container,.create-btn{width:100%}}@media (max-width: 390px){.header-right{display:block;width:100%}.create-btn{margin-top:20px}}@media (max-width: 500px){.tabs-nav{display:flex;flex-wrap:nowrap;gap:.75rem;justify-content:start;width:340px;overflow:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}}@media (min-width: 768px) and (max-width: 1070px){.details-main{grid-template-columns:1fr}}@media (max-width: 550px){.details-main{display:block}.details-header-image{width:100%}}.active-opportunity{background-color:#0c57d7;border-left:4px solid #cbf300;color:#fff}.active-opportunity h3,.active-opportunity p,.active-opportunity .location,.active-opportunity .time-ago,.active-opportunity .posted,.active-opportunity .publisher-type,.active-opportunity .publisher-title{color:#fff}.active-opportunity .publisher-type{color:#ccc}.active-opportunity .candidates{color:#cbf300}.active-opportunity .close-btn:hover{background:#fcfcfc47}.opportunity-cover{width:100%;height:100%;object-fit:cover;border-radius:18px}.back-btne{background:#fcfeeb;color:#000;padding:10px;border:none;font-size:14px;cursor:pointer;font-weight:400;border-radius:12px 24px;outline-style:none}.back-btne:hover{background-color:#cbf300}.list-header{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:10px;font-size:20px}.total-candidature{color:#a6a8b1;font-size:20px}.list-title{font-size:1.2rem;font-weight:700}.filters{margin:15px 0}.filters select{padding:6px 10px;border-radius:6px;border:1px solid #ccc}.form-rowe{display:flex;margin-bottom:15px;gap:15px;justify-content:space-between}.candidates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.candidate-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:10px;padding:8px;box-shadow:0 2px 6px #0000000d;border:1px solid #f3f4f6}.candidate-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover}.candidate-info{flex:1;margin-left:10px}.candidate-name{font-size:13px;margin:0}.candidate-role{font-size:.8rem;color:#777;margin:0}.chat-btn{background:#cfff00;border:none;padding:5px;border-radius:8px;cursor:pointer}.posted-details{display:flex;align-items:center;gap:16px;font-size:14px;justify-content:space-between;padding-top:8px}.chat-messaging-interface{display:flex;height:570px;gap:10px}.chat-sidebar-panel{width:380px;background:#fff;display:flex;flex-direction:column;transition:all .3s ease;overflow-y:auto}.chat-sidebar-top{padding-bottom:15px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.chat-sidebar-top h2{color:#888;font-size:20px;font-weight:600;margin:0}.chat-new-msg-button{background:#e6ff00;color:#222;border:none;padding:8px 18px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.chat-new-msg-button:hover{background:#d4f300}.chat-messages-section{padding:20px;display:flex;justify-content:space-between;align-items:center}.chat-messages-section span:first-child{font-size:16px;font-weight:500;color:#333}.chat-msg-counter{background-color:#f5f5f5;color:#666;padding:4px 8px;border-radius:12px;font-size:14px}.chat-search-wrapper{padding:0 20px 20px;position:relative}.chat-search-wrapper input{width:100%;padding:12px 30px;border:1px solid #e0e0e0;border-radius:25px;font-size:14px;outline:none;background-color:#f9f9f9}.chat-search-icon{position:absolute;right:35px;top:35%;transform:translateY(-50%);color:#999;pointer-events:none}.chat-contacts-container{flex:1;overflow-y:auto;background:#fff}.chat-contact-card{display:flex;align-items:center;padding:12px 18px;cursor:pointer;border-right:4px solid transparent;background:#fff;transition:background .2s,border .2s;position:relative}.chat-contact-card:hover{background:#f7f7f7}.chat-contact-card.chat-contact-selected{background:#f0f8ff;border-right:4px solid #e6ff00}.chat-contact-profile{margin-right:12px;position:relative}.chat-profile-circle{width:44px;height:44px;border-radius:50%;background:#222;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;border:2px solid #0C57D7}.chat-online-status{position:absolute;bottom:2px;right:2px;width:10px;height:10px;background:#00c853;border-radius:50%;border:2px solid #fff}.chat-contact-details{flex:1;min-width:0}.chat-contact-top{display:flex;justify-content:space-between;align-items:center}.chat-contact-fullname{font-weight:600;color:#222;font-size:15px}.chat-contact-timestamp{color:#aaa;font-size:12px}.chat-contact-preview{display:flex;justify-content:space-between;align-items:center}.chat-preview-text{color:#888;font-size:13px;overflow:hidden;text-overflow:ellipsis;flex:1}.chat-unread-counter{background:#e6ff00;color:#222;padding:2px 7px;border-radius:50%;font-size:12px;font-weight:700;margin-left:8px;min-width:20px;text-align:center;box-shadow:0 1px 2px #0000000a}.chat-status-indicator{background:#e6ff00;color:#222;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:700;margin-left:8px}.chat-conversation-area{display:flex;flex-direction:column;flex:1;min-height:0;background:#fff}.chat-conversation-header{padding:18px 24px 10px;background:#fff;display:flex;justify-content:space-between;align-items:center}.chat-active-contact{display:flex;align-items:center}.chat-active-profile{margin-right:12px;position:relative}.chat-active-info h3{margin:0;font-size:17px;font-weight:600;color:#222}.chat-presence-indicator{display:flex;align-items:center;gap:6px}.chat-presence-dot{width:8px;height:8px;background:#00c853;border-radius:50%}.chat-presence-text{color:#00c853;font-size:12px;font-weight:600}.chat-messages-feed{flex:1;padding:28px 24px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:18px;background:#fff}.chat-date-divider{text-align:center;margin:18px 0 24px}.chat-date-divider span{background:#f0f0f0;color:#888;padding:5px 14px;border-radius:15px;font-size:13px;font-weight:600}.chat-message-bubble{display:flex;flex-direction:column;max-width:65%}.chat-message-bubble.chat-message-outgoing{align-self:flex-end;align-items:flex-end}.chat-message-bubble.chat-message-incoming{align-self:flex-start;align-items:flex-start}.chat-message-text{padding:13px 18px;border-radius:16px;font-size:15px;line-height:1.5;word-wrap:break-word;font-weight:500}.chat-message-bubble.chat-message-outgoing .chat-message-text{background:#e6ff00;color:#222}.chat-message-bubble.chat-message-incoming .chat-message-text{background:#1563d6;color:#fff}.chat-message-meta{font-size:12px;color:#888;margin-top:6px;display:flex;align-items:center;gap:5px}.chat-delivery-status{color:#00c853;stroke:#00c853}.chat-input-wrapper{padding:18px 24px;background:#fff;display:flex;align-items:center;gap:10px}.chat-text-input{flex:1;padding:12px 18px;border-radius:8px;font-size:15px;outline:none;background:#fafbfc;font-weight:500}.chat-send-button{background:#e6ff00;color:#222;border:none;padding:10px 22px;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.chat-send-button:hover{background:#d4f300}@media (max-width: 900px){.chat-sidebar-panel{width:100%;min-width:0}.chat-conversation-header,.chat-input-wrapper{padding:10px 6px}.chat-messages-feed{padding:12px 6px}}.chat-header-left{display:flex;align-items:center}.chat-header-avatar{width:48px;height:48px;background:#111;border-radius:8px;display:flex;align-items:center;justify-content:center}.chat-avatar-img{width:40px;height:40px;background:#111;border-radius:8px}.chat-header-info{display:flex;flex-direction:column;gap:2px}.chat-header-name{font-weight:700;font-size:1.1rem;color:#222}.chat-header-status{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#888}.chat-header-online-dot{width:8px;height:8px;background:#0c57d7;border-radius:50%;display:inline-block}.chat-header-online-text{color:#b6bfe8;font-weight:500}.chat-header-time{color:#aaa;font-size:.93em}.chat-profile-view-btn{background:none;border:none;color:#1a73e8;font-weight:500;font-size:14px;cursor:pointer}.chat-messages-feed-v2{flex:1;min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;padding:32px 24px 40px;background:#fff;display:flex;flex-direction:column;gap:8px}.chat-date-divider-v2{text-align:center;font-size:.98rem;font-weight:500;margin-left:auto;margin-right:auto;border-radius:8px;background:#f4f5fa;padding:10px;color:#888;font-size:14px;margin-bottom:10px}.chat-message-row-v2{display:flex;flex-direction:row}.chat-message-row-sent{justify-content:flex-end}.chat-message-row-received{justify-content:flex-start}.chat-message-bubble-v2{max-width:65%;padding:12px 18px 8px;border-radius:16px;font-size:1.05rem;position:relative;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000a}.chat-message-bubble-sent{background:#d4f300;color:#222;align-items:flex-end;border-bottom-right-radius:4px}.chat-message-bubble-received{background:#1563d6;color:#fff;align-items:flex-start;border-bottom-left-radius:4px;overflow:hidden}.chat-message-text-v2{margin-bottom:4px;word-break:break-word;white-space:pre-line;font-size:16px}.chat-message-meta-v2{font-size:.92em;color:#888;display:flex;align-items:center;gap:4px}.chat-delivery-status-v2{color:#00c853;margin-left:2px}.chat-input-wrapper-v3{background:#fff;border-top:1px solid #f0f0f0;padding:16px 15px;display:flex;justify-content:center;position:sticky;bottom:0;z-index:10}.chat-input-container-v3{display:flex;align-items:center;width:100%;max-width:700px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:6px 10px;box-shadow:0 2px 6px #00000008;transition:all .2s ease}.chat-input-plus-btn-v3{background:#e6ff00;border:none;border-radius:8px;width:34px;height:34px;font-size:1.4rem;font-weight:700;color:#000;cursor:pointer;margin-right:10px;flex-shrink:0}.chat-input-field-v3{flex:1;border:none;outline:none;background:transparent;font-size:1rem;color:#333;min-width:0}.chat-input-field-v3::placeholder{color:#888}.chat-input-emoji-btn-v3{background:transparent;border:none;font-size:1.4rem;cursor:pointer;margin-right:8px;flex-shrink:0}.chat-input-send-btn-v3{background:#e6ff00;border:none;border-radius:8px;padding:8px 16px;font-size:1rem;font-weight:600;color:#000;cursor:pointer;transition:background .2s ease,transform .1s ease;flex-shrink:0}.chat-input-send-btn-v3:hover{background:#d4f300;transform:translateY(-1px)}@media (max-width: 768px){.chat-input-wrapper-v3{padding:12px 16px}.chat-input-container-v3{max-width:100%;padding:4px 8px}.chat-input-plus-btn-v3{width:30px;height:30px;font-size:1.3rem}.chat-input-send-btn-v3{padding:7px 12px;font-size:.95rem}}@media (max-width: 480px){.chat-input-wrapper-v3{padding:10px 12px}.chat-input-container-v3{border-radius:10px;padding:4px 6px}.chat-input-plus-btn-v3{width:28px;height:28px;font-size:1.2rem;margin-right:6px}.chat-input-field-v3{font-size:.95rem}.chat-input-emoji-btn-v3{margin-right:6px;font-size:1.2rem}.chat-input-send-btn-v3{padding:6px 10px;font-size:.9rem;border-radius:6px}}.chat-input-container-v3:focus-within{border-color:#d4f300;box-shadow:0 0 0 2px #e6ff0033}.chat-textarea-v3{flex:1;border:none;outline:none;resize:none;background:transparent;font-size:1rem;color:#333;max-height:160px;overflow-y:auto;line-height:1.4;padding:8px 0;min-width:0;font-family:inherit;scrollbar-width:thin;scrollbar-color:#c5c5c5 transparent}.chat-textarea-v3::-webkit-scrollbar{width:6px}.chat-textarea-v3::-webkit-scrollbar-thumb{background-color:#c5c5c5;border-radius:4px}.chat-textarea-v3::-webkit-scrollbar-track{background:transparent}.chat-textarea-v3:focus{outline:none;border:none}@media (max-width: 480px){.chat-textarea-v3{font-size:.95rem;max-height:120px}}.emoji-wrapper{position:relative}.emoji-picker-popup{position:absolute;bottom:50px;right:0;z-index:20;box-shadow:0 4px 16px #00000026;border-radius:12px;overflow:hidden;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.emoji-picker-popup{right:-80px;transform:scale(.9)}}@media (max-width: 900px){.chat-conversation-header-v2,.chat-input-wrapper-v2{padding:10px 6px}.chat-messages-feed-v2{padding:12px 6px}.chat-header-avatar{width:36px;height:36px}.chat-avatar-img{width:30px;height:30px}}.app{display:flex;height:100vh;width:100vw;min-height:0;min-width:0;background:#fafbfc}.main-contents{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;height:100%;width:100%}.chat-messages-feed-v2{flex:1;min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;padding:32px 24px 24px;background:#fff;display:flex;flex-direction:column;gap:8px}html,body,#root{height:100%;width:100%;margin:0;padding:0}.hide-on-mobiles{display:none}.show-on-mobiles{display:flex}.chat-conversation-header-v2{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#fff;border-bottom:1px solid #ddd}.chat-back-button{border:none;background:none;font-size:24px;padding:10px;cursor:pointer;display:flex}.chat-messages-feed-v2{flex:1;padding:15px;overflow-y:auto}.chat-message-bubble-v2{word-wrap:break-word}.chat-input-wrapper-v2{display:flex;align-items:center;padding:10px;background:#fff;border-top:1px solid #ddd}.avatars{margin-right:12px}@media (max-width: 768px){.avatars,.chat-profile-circle{width:36px;height:36px}}@media (max-width: 768px){.chat-sidebar-panel,.chat-conversation-area{width:100%}.hide-on-mobile{display:none!important}.show-on-mobile-message{display:flex!important}}.chat-empty-state{flex:1;display:flex;justify-content:center;align-items:center;background:#fafafa}.chat-empty-content{text-align:center;color:#666}.chat-empty-illustration{width:120px;opacity:.8;margin-bottom:1rem;margin:auto}.avatar-dote{position:absolute;right:0;top:0;width:10px;height:10px;background:#0c57d7;border-radius:50%;border:2px solid #fff;z-index:2}.skeletone{display:flex;padding:10px;gap:10px;opacity:.6;animation:pulse 1.2s infinite}.skeleton-avatare{width:50px;height:50px;border-radius:50%;background-color:#ccc}.skeleton-texte{display:block;height:12px;background-color:#ccc;border-radius:4px;margin-bottom:6px}.skeleton-texte.short{width:30%}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.user-avatar-skeleton{width:36px;height:36px;border-radius:50%}.chat-messages-feed-v2{overflow-y:auto;display:flex;flex-direction:column;height:100%;scroll-behavior:smooth}.chat-new-msg-banner{text-align:center;background-color:#e5f1ff;color:#0c57d7;font-size:.9rem;padding:6px 10px;border-radius:12px;margin:10px auto;width:fit-content;animation:fadeInOut 4s forwards}.chat-messages-feed-v2,.chat-contacts-container{max-height:100%;scroll-behavior:smooth;position:relative;transition:all .3s ease}.chat-messages-feed-v2:hover,.chat-contacts-container:hover{overflow-y:auto}.chat-messages-feed-v2::-webkit-scrollbar,.chat-contacts-container::-webkit-scrollbar{width:8px}.chat-messages-feed-v2::-webkit-scrollbar-thumb,.chat-contacts-container::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.chat-messages-feed-v2::-webkit-scrollbar-track,.chat-contacts-container::-webkit-scrollbar-track{background:transparent}.chat-messages-feed-v2,.chat-contacts-container{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}@media (pointer: coarse){.chat-messages-feed-v2,.chat-contacts-container{overflow-y:auto}}.notification-container{background:#fff;border-radius:18px;width:100%;overflow:hidden;padding-bottom:8px}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 12px;border-bottom:none}.notification-header h2{margin:0;font-size:20px;font-weight:700;color:#7b7b7b;letter-spacing:.5px}.header-actions{display:flex;align-items:center;gap:18px}.mark-all-read{background:none;border:none;color:#222;font-size:15px;font-weight:600;cursor:pointer;padding:0 8px;border-radius:6px;transition:background .18s}.mark-all-read:hover{background:#f3f4f6}.close-btn{background:none;border:none;font-size:26px;color:#222;cursor:pointer;padding:0 8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .18s}.close-btn:hover{background:#f3f4f6}.notification-tabs{display:flex;padding:0 32px;background:#fff;border-bottom:1.5px solid #f3f4f6;margin-bottom:2px}.tab{background:none;border:none;padding:18px 0 10px;margin-right:36px;font-size:14px;font-weight:700;color:#bdbdbd;cursor:pointer;border-bottom:3px solid transparent;position:relative;letter-spacing:.5px;transition:color .18s,border .18s}.tab.active{color:#222;border-bottom:3px solid #CBF300;font-weight:800}.tab .count{background:#cbf300;color:#222;border-radius:10px;padding:2px 10px;font-size:13px;margin-left:8px;min-width:18px;text-align:center;font-weight:700;position:relative;top:-2px}.notifications-list{height:600px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;background:#fff;padding:18px;position:relative;transition:border .18s;box-shadow:none!important;border-bottom:1px solid #e0e0e0}.notification-item.unread{background:#edf3ff}.notification-friend-request-unread{background:#eaf3ff!important}.notification-content{display:flex;flex:1;align-items:flex-start}.avatars{position:relative;align-items:center;justify-content:center;width:44px;height:44px;background:#e5e7eb;border-radius:50%;font-weight:700;font-size:17px;color:#6b7280}.avatar-dot{position:absolute;right:2px;bottom:2px;width:10px;height:10px;background:#cbf300;border-radius:50%;border:2px solid #fff;z-index:2}.avatars.feature-avatar{background:#1563d6!important;color:#fff;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-right:8px}.notification-body{flex:1;min-width:0}.notification-text{line-height:1.5;margin-bottom:8px;font-size:15px;color:#222}.name{font-weight:700;color:#222;margin-right:4px}.action{color:#334155;font-weight:500;font-size:14px;cursor:pointer}.detail{color:#222;font-weight:700;margin-left:2px}.quote{background:#f9fafb;border-left:3px solid #e5e7eb;padding:8px 14px;margin:10px 0 0;font-style:italic;color:#6b7280;border-radius:0 6px 6px 0;font-size:14px}.file-attachment{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:#f9fafb;border-radius:8px;width:fit-content;font-size:14px}.file-icon{font-size:16px}.file-name{color:#1563d6;font-size:14px;font-weight:700;margin-left:2px}.notification-actions{display:flex;gap:10px;margin-top:14px}.accept-btn,.action-btn{background:#cbf300;color:#1f2937;border:none;padding:8px 22px;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;margin-right:8px;transition:background .18s;box-shadow:0 1px 2px #0000000a}.accept-btn:hover,.action-btn:hover{background:#b8da0f}.refuse-btn{background:#fff;color:#222;border:1.5px solid #e0e0e0;padding:8px 22px;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:background .18s}.refuse-btn:hover{background:#f3f4f6}.notification-meta{display:flex;flex-direction:column;align-items:flex-end;margin-left:18px;min-width:60px}.time{color:#475569;font-size:12px;white-space:nowrap;font-weight:400;margin-bottom:2px}.dropdown-container{position:relative;z-index:100}.dropdown-toggle{background:none;border:none;color:#9ca3af;font-size:22px;cursor:pointer;padding:4px;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:background .18s;position:relative;z-index:101}.dropdown-toggle:hover{background:#f3f4f6;color:#222}.dot-menu{font-size:26px;font-weight:800;color:#222}.dropdown-menu{position:absolute;right:0;top:120%;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;min-width:230px;z-index:200;overflow:hidden;margin-top:12px;padding:12px 0;animation:dropdown-fade-in .18s cubic-bezier(.4,0,.2,1);box-shadow:none!important}.dropdown-menu:before{content:"";position:absolute;top:-8px;right:22px;width:16px;height:16px;background:#fff;border-left:1.5px solid #e5e7eb;border-top:1.5px solid #e5e7eb;transform:rotate(45deg);z-index:201;box-shadow:none!important}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;padding:18px 28px;background:none;text-align:left;cursor:pointer;font-size:15px;color:#222;display:flex;align-items:center;transition:background .18s,color .18s;border:none;font-weight:600;gap:6px}.dropdown-item:hover,.dropdown-item:focus{background:#f3f4f6;color:#1563d6}.dropdown-item:not(:last-child){border-bottom:1px solid #f0f0f0}.notifications-list{scrollbar-width:thin;-ms-overflow-style:thin}.notifications-list::-webkit-scrollbar{display:none}.notifications-skeleton{display:flex;flex-direction:column;gap:12px}.notification-skeleton-item{display:flex;align-items:center;gap:10px}.skeleton-avatar{width:40px;height:40px;background:#ddd;border-radius:50%;animation:pulse 1.5s infinite ease-in-out}.skeleton-text{flex:1;height:12px;background:#e0e0e0;border-radius:4px;animation:pulse 1.5s infinite ease-in-out}.skeleton-line{height:12px;background:#e0e0e0;margin-bottom:8px;border-radius:4px}.skeleton-line.short{width:60%}.load-more-btn{padding:8px 16px;border-radius:6px;border:none;background:#1563d6;color:#fff;cursor:pointer}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@media (max-width: 768px){.notification-header{padding:16px}.header-actions{margin-top:10px;width:100%;justify-content:space-between}.notification-tabs{padding:0 16px;flex-wrap:wrap;justify-content:flex-start}.tab{margin-right:16px;padding:12px 0;font-size:14px}.notification-item{padding:16px}.notification-content{gap:5px}.notification-meta{margin-left:0;margin-top:8px}.avatars{width:36px;height:36px}.notification-body{font-size:14px}.mark-all-read{font-size:13px}.accept-btn,.refuse-btn,.action-btn{padding:6px 16px;font-size:14px}}@media (max-width: 480px){.notification-header h2{font-size:1.2rem}.tab{font-size:13px}.notifications-list{height:auto}}.header-container{display:flex;gap:20px;margin-bottom:20px}.community-stats{flex:1;background:linear-gradient(135deg,#4285f4,#1a73e8);padding:24px;border-radius:16px;color:#fff;box-shadow:0 4px 12px #4285f44d}.community-stats h2{margin:0 0 20px;font-size:18px;font-weight:600;color:#fff}.stats-grid{display:flex;gap:12px}.stat-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:20px 16px;border-radius:12px;text-align:center;flex:1;transition:transform .2s ease,background .2s ease}.stat-card:hover{transform:translateY(-2px);background:#fff3}.stat-label{font-size:12px;opacity:.9;margin-bottom:8px;font-weight:500}.stat-number{font-size:32px;font-weight:700;line-height:1;overflow:hidden}.recent-invitations{background:#1a1a1a;padding:24px;border-radius:16px;color:#fff;min-width:300px;box-shadow:0 4px 12px #0000004d}.recent-invitations h2{margin:0 0 20px;font-size:18px;font-weight:600;color:#fff}.invitations-list{display:flex;gap:10px;justify-content:space-around}.invitation-item{display:flex;align-items:center;flex-direction:column;gap:12px;padding:7px;background:#ffffff14;border-radius:8px}.avatar{width:40px;height:40px;background:#666;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.invitation-info{flex:1}.invitation-name{font-size:14px;font-weight:500;margin-bottom:8px;text-align:center;color:#fff}.invitation-actions{display:flex;gap:8px}.btn-accept{background:#9acd32;color:#000;border:none;padding:4px 12px;border-radius:3px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.btn-accept:hover{background:#8bc34a}.btn-refuse{background:#fff;color:#666;border:none;padding:4px 12px;border-radius:3px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.btn-refuse:hover{background:#777}.championship-banner{background:#cbf300;margin-bottom:30px;position:relative;overflow:hidden;box-shadow:0 4px 12px #9acd324d}.banner-content{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.banner-center{text-align:center;color:#1a1a1a}.banner-center h3{font-size:24px;font-weight:700}.banner-center p{font-size:16px;font-weight:500}.countdown{font-size:28px;font-weight:800;font-family:Courier New,monospace;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.soccer-player-left,.soccer-player-right{width:100%;height:100%}.close-banner{position:absolute;top:16px;right:16px;border:none;color:#1a1a1a;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:background .2s ease}.close-banner:hover{background:#0000004d}.community-section{background:#fff;padding:24px;border-radius:16px}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header p{margin:0;color:#666;font-size:14px}.section-header strong{color:#1a1a1a;font-weight:600}.show-all{background:#fcfeeb;border-top-left-radius:24px;border-bottom-right-radius:24px;padding:10px 60px;border:none;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:color .2s ease}.show-all:hover{color:#1a73e8}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));background-color:#fcfeeb}.player-card{padding:20px;border-radius:12px;text-align:center}.player-avatar{width:80px;height:80px;margin:0 auto 16px;border-radius:12px;overflow:hidden;position:relative}.player-avatar.no-image{background:#dee2e6}.player-image{width:100%;height:100%;background:#666;object-fit:cover;border-radius:12px}.player-info h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#1a1a1a}.player-info p{margin:0 0 16px;color:#666;font-size:14px}.player-actions{display:flex;justify-content:center}.btn-message{background:#9acd32;color:#1a1a1a;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background .2s ease,transform .2s ease}.btn-message:hover{background:#8bc34a;transform:translateY(-1px)}.btn-add{background:#4285f4;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background .2s ease,transform .2s ease}.btn-add:hover{background:#1a73e8;transform:translateY(-1px)}.btn-send{background:#6b7280;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background .2s ease,transform .2s ease}@media (min-width: 900px) and (max-width: 1200px){.header-container{flex-direction:column}.stats-grid{flex-direction:row}.banner-content{flex-direction:column;gap:16px;text-align:center}.banner-left,.banner-right{display:none}.players-grid{grid-template-columns:1fr 1fr}.section-header{align-items:flex-start;gap:12px}}@media (max-width: 768px){.header-container{flex-direction:column}.stats-grid{flex-direction:row}.banner-content{flex-direction:column;gap:16px;text-align:center}.banner-left,.banner-right{display:none}.players-grid{grid-template-columns:1fr 1fr}.section-header{align-items:flex-start;gap:12px}}@media (max-width: 600px){.header-container{flex-direction:column}.stats-grid{flex-direction:row}.banner-content{flex-direction:column;gap:16px;text-align:center}.banner-left,.banner-right{display:none}.players-grid{grid-template-columns:1fr 1fr}.section-header{align-items:flex-start;gap:12px}}@media (max-width: 480px){.football-community{padding:12px}.community-stats,.recent-invitations,.championship-banner,.community-section{padding:16px}}.default-avatar{width:80px;height:80px;border-radius:12px;background:#e0e0e0;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:20px;color:#555;text-transform:uppercase;margin:0 auto 16px}.avatar-friend-request{width:60px;height:60px;border-radius:50%;background:#e2e8f0;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:13px;color:#73839b;text-transform:uppercase;margin:0 auto 10px}.tabs-active{border-bottom:3px solid #007bff;color:#fff!important;background:#007bff}.form-rows{display:flex;margin-bottom:15px;gap:15px;justify-content:space-between}.author-avatar-community{width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;margin:auto}@media (max-width: 768px){.form-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.btn-accept,.btn-refuse,.btn-add,.btn-send,.btn-message{font-size:11px}}.tabs-scroll-wrapper{display:flex;align-items:center;gap:5px;margin-bottom:10px;width:100%;max-width:100%;overflow:hidden;position:relative}.tabs-scroll-container{display:flex;overflow-x:auto;scroll-behavior:smooth;gap:8px;flex:1;width:0px;border-bottom:1px solid #ddd;background-color:#fff;justify-content:space-between}.tabs-scroll-container::-webkit-scrollbar{display:none}.scroll-btn{background:#fff;border:1px solid #ccc;padding:6px 10px;cursor:pointer;border-radius:50%;position:relative;z-index:10}.scroll-btn.left{margin-right:4px}.scroll-btn.right{margin-left:4px}.gamification-container{display:flex;gap:32px;padding:40px 0;background:#fff;min-height:100vh}.gamification-sidebar{background:#fcfeeb;border-radius:8px;padding:36px 32px;min-width:320px;max-width:420px;height:fit-content;margin-left:24px}.gamification-sidebar ul{list-style:none;padding:0;margin:0}.sidebar-item{font-size:1.15rem;color:#222;padding:16px 0;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s,color .2s}.sidebar-item:hover{background:#e6ff00;color:#111;font-weight:700;border-left:4px solid #e6ff00;box-shadow:0 2px 8px #0000000a}.sidebar-item.active:hover,.sidebar-item.active{background:#111;color:#e6ff00;font-weight:700;border-left:4px solid #e6ff00;padding:16px;font-size:16px;box-shadow:0 2px 8px #0000000a}.gamification-main{flex:1;display:flex;align-items:flex-start;justify-content:center}.gamification-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:36px 40px 32px;min-width:520px;max-width:700px;width:100%;border:1.5px solid #e0e0e0}.gamification-card h2{font-size:2rem;font-weight:700;margin-bottom:32px;color:#111}.gamification-section h3{font-size:1.2rem;font-weight:600;margin-bottom:6px;color:#222}.gamification-section p{font-size:1rem;color:#444;margin-bottom:10px}.gamification-field-row{display:flex;gap:32px;align-items:center;margin-bottom:8px}.gamification-field-row label{font-size:1.05rem;color:#222;display:flex;align-items:center;gap:8px;cursor:pointer}.gamification-field-row input[type=checkbox],.gamification-field-row input[type=radio]{width:20px;height:20px;accent-color:#e6ff00;margin-right:8px}.gamification-save-btn{background:#e6ff00;color:#111;border:none;border-radius:24px 8px;font-size:1.1rem;font-weight:700;padding:16px 0;width:100%;margin-top:18px;cursor:pointer;transition:background .2s}.gamification-save-btn:hover{background:#d4f300}@media (max-width: 900px){.gamification-container{flex-direction:column;gap:0;padding:16px 0}.gamification-sidebar{min-width:0;max-width:100vw;margin-left:0;margin-bottom:18px;padding:24px 12px}.gamification-main{padding:0 8px}.gamification-card{min-width:0;max-width:100vw;padding:18px 8px}}.notif-title{font-size:2rem;font-weight:700;color:#111;margin-bottom:32px;letter-spacing:.5px}.notif-section-title{font-size:1.15rem;font-weight:600;color:#222;margin-bottom:6px}.notif-desc{font-size:1rem;color:#666;margin-bottom:14px}.notif-checkbox-label{display:flex;align-items:center;gap:10px;font-size:1.08rem;font-weight:500;cursor:pointer;margin-bottom:8px;-webkit-user-select:none;user-select:none}.notif-checkbox{display:none}.custom-checkbox{width:22px;height:22px;border:2px solid #e0e0e0;border-radius:6px;background:#fff;display:inline-block;position:relative;transition:border .2s}.custom-checkbox.checked{border:2px solid #e53935;background:#fff}.custom-checkbox.checked:after{content:"";position:absolute;left:4px;top:1px;width:12px;height:16px;border-right:3px solid #e53935;border-bottom:3px solid #e53935;transform:rotate(40deg) scale(.7)}.notif-save-btn{background:#e6ff00;color:#111;border:none;border-radius:24px 8px;font-size:1.1rem;font-weight:700;padding:16px 0;width:100%;margin-top:32px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:background .2s}.notif-save-btn:hover{background:#d4f300}.gamification-section{margin-bottom:32px}.gaming-connexes-container{background:#fff;padding:40px 32px 32px;border-radius:16px;box-shadow:0 2px 12px #0000000f;max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.gaming-connexes-title{font-size:2rem;font-weight:800;color:#111;margin-bottom:12px;text-align:left}.gaming-connexes-block{background:#fafafa;border-radius:12px;padding:24px 20px 18px;margin-bottom:0;box-shadow:0 1px 6px #00000008;display:flex;flex-direction:column;gap:10px}.gaming-connexes-header-row{display:flex;align-items:center;gap:16px;margin-bottom:4px}.gaming-connexes-network{font-size:1.15rem;font-weight:700;color:#222}.gaming-connexes-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #e6ff00}.gaming-connexes-desc{color:#444;font-size:1rem;margin-bottom:0}.gaming-connexes-status-row{display:flex;align-items:center;gap:18px;margin-top:6px}.gaming-connexes-status{color:#1bbf00;font-weight:600;font-size:1.05rem}.gaming-connexes-action{background:none;border:none;color:#e53935;font-weight:700;font-size:1.05rem;cursor:pointer;padding:0;transition:color .2s}.gaming-connexes-action:hover{color:#b71c1c;text-decoration:underline}.gaming-connexes-action.connect,.gaming-connexes-action.disconnect{color:#e53935}.gaming-connexes-save{background:#e6ff00;color:#111;border:none;border-radius:24px 10px;font-size:1.15rem;font-weight:800;padding:18px 0;width:100%;margin-top:18px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;text-align:center;transition:background .2s;box-shadow:0 2px 8px #0000000a}.gaming-connexes-save:hover{background:#d4f300}@media (max-width: 700px){.gaming-connexes-container{padding:16px 4px;max-width:100vw}.gaming-connexes-block{padding:14px 6px 12px}}.gaming-affichage-container{background:#fff;padding:40px 32px 32px;border-radius:16px;box-shadow:0 2px 12px #0000000f;max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.gaming-affichage-title{font-size:2rem;font-weight:800;color:#111;margin-bottom:12px;text-align:left}.gaming-affichage-block{background:#fafafa;border-radius:12px;padding:24px 20px 18px;margin-bottom:0;box-shadow:0 1px 6px #00000008;display:flex;flex-direction:column;gap:10px}.gaming-affichage-subtitle{font-size:1.15rem;font-weight:700;color:#222;margin-bottom:4px}.gaming-affichage-desc{color:#444;font-size:1rem;margin-bottom:10px}.gaming-affichage-dropdown-wrapper{position:relative;width:260px;margin-top:8px}.gaming-affichage-dropdown-selected{background:#fff;border:1.5px solid #e6ff00;border-radius:8px;padding:12px 18px;font-size:1.08rem;font-weight:600;color:#222;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-width:160px;transition:border .2s}.gaming-affichage-dropdown-selected:focus{outline:none;border:2px solid #e6ff00}.gaming-affichage-dropdown-arrow{margin-left:12px;font-size:1.1rem;color:#888}.gaming-affichage-dropdown-list{position:absolute;top:110%;left:0;right:0;background:#fff;border:1.5px solid #e6ff00;border-radius:8px;box-shadow:0 2px 8px #00000012;z-index:10;margin:0;padding:0;list-style:none}.gaming-affichage-dropdown-item{padding:12px 18px;font-size:1.05rem;color:#222;cursor:pointer;transition:background .18s}.gaming-affichage-dropdown-item:hover{background:#e6ff00;color:#111}.gaming-affichage-save{background:#e6ff00;color:#111;border:none;border-radius:24px 10px;font-size:1.15rem;font-weight:600;padding:18px 0;width:100%;margin-top:18px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;text-align:center;transition:background .2s;box-shadow:0 2px 8px #0000000a}.gaming-affichage-save:hover{background:#d4f300}@media (max-width: 700px){.gaming-affichage-container{padding:16px 4px;max-width:100vw}.gaming-affichage-block{padding:14px 6px 12px}.gaming-affichage-dropdown-wrapper{width:100%}}.gaming-contenue-container{background:#fff;border:1.5px solid #e0e6f7;border-radius:12px;padding:36px 32px 32px;max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.gaming-contenue-title{font-size:2rem;font-weight:800;color:#111;margin-bottom:18px;text-align:left}.gaming-contenue-block{margin-bottom:0;display:flex;flex-direction:column;gap:8px}.gaming-contenue-subtitle{font-size:1.18rem;font-weight:700;color:#222;margin-bottom:2px}.gaming-contenue-desc{color:#444;font-size:1rem;margin-bottom:0}.gaming-contenue-link{background:none;border:none;color:#e53935;font-weight:700;font-size:1.05rem;cursor:pointer;padding:0;margin-top:4px;text-align:left;transition:color .2s}.gaming-contenue-link:hover{color:#b71c1c;text-decoration:underline}.gaming-contenue-checkbox-row{display:flex;align-items:center;gap:10px;font-size:1.08rem;color:#222;margin-top:8px;font-weight:500;cursor:pointer}.gaming-contenue-checkbox-row input[type=checkbox]{width:20px;height:20px;accent-color:#e6ff00;margin-right:8px}.gaming-contenue-save{background:#e6ff00;color:#111;border:none;border-radius:14px;font-size:1.15rem;font-weight:800;padding:18px 0;width:100%;margin-top:32px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;text-align:center;transition:background .2s;box-shadow:0 2px 8px #0000000a}.gaming-contenue-save:hover{background:#d4f300}@media (max-width: 700px){.gaming-contenue-container{padding:16px 4px;max-width:100vw}}.video-reel-container{position:relative;width:100vw;height:100vh;background:#111;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-reel-bg{position:absolute;top:50%;left:50%;width:100vw;height:100vh;min-width:100vw;min-height:100vh;object-fit:cover;transform:translate(-50%,-50%);z-index:1;background:#111}.reel-actions{position:absolute;right:32px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:32px;z-index:3}.reel-action{background:#1e1e1eb3;border:none;border-radius:50%;width:54px;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:15px;box-shadow:0 4px 16px #0000002e;cursor:pointer;transition:background .2s,transform .2s}.reel-action span{margin-top:4px;font-size:13px;color:#fff;font-weight:500;text-shadow:0 1px 4px #000}.reel-action:active{background:#f9188026;transform:scale(.95)}.reel-arrow{position:absolute;right:32px;background:#1e1e1e80;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;z-index:4;color:#fff;cursor:pointer;transition:background .2s,transform .2s}.reel-arrow.up{top:80px}.reel-arrow.down{bottom:80px}.reel-arrow:active{background:#f918802e;transform:scale(.95)}.reel-creator-info{position:absolute;left:32px;bottom:48px;z-index:3;color:#fff;display:flex;flex-direction:column;align-items:flex-start;max-width:320px;text-shadow:0 1px 8px #000}.reel-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;margin-bottom:8px;border:2px solid #fff}.reel-meta{display:flex;align-items:center;gap:10px;margin-bottom:4px}.reel-creator-name{font-weight:700;font-size:16px;display:flex;align-items:center;gap:4px}.reel-verified{color:#0c57d7;margin-left:4px}.reel-date{font-size:13px;color:#e0e0e0;margin-left:8px}.reel-desc{font-size:15px;margin-top:6px;color:#fff;font-weight:400;word-break:break-word}.author-avatare{width:40px;height:40px;border-radius:50%;overflow:hidden}.author-avatare img{width:100%;height:100%;object-fit:cover}.btn-follow{margin-left:12px;padding:3px 10px;background-color:transparent;color:#fff;border:1px solid white;border-radius:20px;font-size:12px;font-weight:400;cursor:pointer}@media (max-width: 480px){.video-reel-container{width:100vw;height:100vh}.video-reel-bg{width:100vw;height:100vh;min-width:100vw;min-height:100vh}.reel-actions{right:12px;gap:20px}.reel-arrow{right:12px;width:36px;height:36px}.reel-arrow.up{top:32px}.reel-arrow.down{bottom:32px}.reel-creator-info{left:12px;bottom:24px;max-width:90vw}.reel-avatar{width:36px;height:36px}}.settings-container{display:flex;background:#fcfcfc;gap:12px}.settings-sidebar{width:320px;background:#fcfeeb;display:flex;flex-direction:column;gap:12px;height:100%;padding:20px}.settings-sidebar button{background:transparent;border:none;text-align:left;padding:12px;font-size:15px;border-radius:6px;cursor:pointer}.settings-sidebar button.active{background:#000;color:#e6ff00;border-left:4px solid #e6ff00}.settings-panel{flex:1;background:transparent;padding:32px;border:1px solid #0C57D730;border-radius:8px}h2{margin-bottom:25px}.block{margin-bottom:30px;margin-top:40px}.check,.radio{display:inline-flex;align-items:center;font-size:14px;gap:10px}.check-activity{display:flex;gap:40px;margin-top:10px}.save-btne{background:#d9ff00;border:none;padding:15px 28px;font-weight:700;cursor:pointer;margin-top:20px;border-radius:10px 18px}.align-button{display:flex;justify-content:center}.title-profil{margin-bottom:20px}.setting input{width:auto}.network-row{display:flex;align-items:center;gap:10px;margin:12px 0}.profile-icon{width:32px;height:32px;border-radius:50%}.connected-text{font-size:15px;color:#444}.disconnect-btn{background:transparent;border:none;color:#d44;font-size:14px;cursor:pointer;margin-left:5px}.connect-link{color:#d44;font-size:15px;text-decoration:none;font-weight:500}.connect-link:hover{text-decoration:underline}.desc{margin:5px 0 12px;color:#666;font-size:14px}.select-input{padding:12px;border-radius:6px;border:1px solid #ccc;width:240px}.modify-link{color:red;font-size:14px;cursor:pointer;font-weight:500;text-decoration:none}.modify-link:hover{text-decoration:underline}@media (max-width: 900px){.settings-container{flex-direction:column}.settings-sidebar{width:100%;overflow-x:auto}.settings-sidebar button{flex-shrink:0}}@media (max-width: 600px){.settings-panel{padding:20px}.save-btne{width:100%}}.reset-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f7fbff,#eef6ff);padding:24px;box-sizing:border-box}.reset-card{width:100%;max-width:420px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0f172a14;padding:28px;box-sizing:border-box;text-align:left}.brand{font-size:20px;color:#0b63d6;margin:0 0 12px;text-align:center}.reset-card h2{margin:4px 0 8px;font-size:18px;color:#0f172a;text-align:center}.sub{color:#6b7280;font-size:13px;margin-bottom:16px;text-align:center}.reset-form label{display:block;font-size:13px;color:#333;margin:10px 0 6px}.reset-form input{width:100%;padding:10px 12px;border:1px solid #e6eefc;border-radius:8px;font-size:14px;box-sizing:border-box;background:#fbfdff}.reset-form input:focus{outline:none;border-color:#96b8ff;box-shadow:0 0 0 4px #0a58d20f}.alt-links{display:flex;justify-content:space-between;margin-top:12px;font-size:13px}.alt-links a{color:#007bff;font-weight:500;text-decoration:none;transition:color .2s}.alt-links a:hover{color:#0056b3}.error{margin-top:10px;color:#b91c1c;background:#fff5f5;padding:8px 10px;border-radius:6px;font-size:13px}.success{margin-top:10px;color:#065f46;background:#ecfdf5;padding:8px 10px;border-radius:6px;font-size:13px}