.logo-img{height:50px;-o-object-fit:contain;object-fit:contain}.d-mobile-only{display:none}.d-desktop-only{display:flex}@media (max-width: 768px){.d-mobile-only{display:flex!important;align-items:center;gap:10px}.d-desktop-only{display:none!important}}.logo a{text-decoration:none;color:inherit}body{font-family:Arial,sans-serif;margin:0;padding:0}.main-header{display:flex;justify-content:space-between;align-items:center;background:#000;padding:15px 30px;box-shadow:0 2px 5px #0000001a}.main-header .logo h1{margin:0;font-size:24px;color:#fdfdfd}body.invert-theme .main-header .logo h1{color:#fff}.main-nav{display:flex;align-items:center;gap:20px}.main-nav a{text-decoration:none;color:#fff;font-weight:600;padding:10px 15px;transition:color .3s ease}.user-section{display:flex;align-items:center;gap:15px}.icon.profile-icon{background:none;border:none;cursor:pointer;position:relative}.icon.profile-icon img{width:40px;height:40px;border-radius:50%}.icon.profile-icon .entreprise-badge{position:absolute;top:-2px;right:-2px;width:20px;height:20px}.login-btn{display:inline-block;padding:12px 20px;border-radius:6px;text-decoration:none;font-weight:600;transition:.3s;background:#363636;color:#fff;margin:5px}.login-btn:hover{background:#333}.btn-publish{background:#007bff;color:#fff;padding:10px 15px;border-radius:5px;font-weight:600;text-decoration:none;transition:background .3s ease}.profile-menu{position:relative}.dropdown-menu{display:none;position:absolute;right:0;background:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;border-radius:5px;overflow:hidden;z-index:10;white-space:nowrap}.dropdown-menu a{display:block;padding:10px 15px;text-decoration:none;color:#333;transition:background .3s ease}.dropdown-menu a:hover{background:#f8f9fa}.profile-menu.active .dropdown-menu{display:block}#toggle-theme-btn{background-color:#343434;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .3s,transform .2s,box-shadow .3s;box-shadow:0 4px 8px #0003}#toggle-theme-btn:hover{transform:scale(1.1);box-shadow:0 6px 12px #0000004d}#toggle-theme-btn:active{transform:scale(.95);box-shadow:0 2px 4px #0003}.dark-mode #toggle-theme-btn{background-color:#222;color:#f4f4f4}.dark-mode #toggle-theme-btn:hover{background-color:#444}#toggle-theme-btn.theme-toggle{background:none;padding:0;box-shadow:none;color:#fff;font-size:24px}#toggle-theme-btn.theme-toggle:hover{color:var(--primary-color, #007bff)}body.invert-theme #toggle-theme-btn.theme-toggle i{color:var(--text-light, #ffffff)!important}body.invert-theme #toggle-theme-btn.theme-toggle{color:#fff}.menu-toggle{display:none;font-size:1.5rem;background:none;border:none;color:#fff;cursor:pointer;margin-right:14px}.mobile-profile{display:none}@media (max-width: 768px){#toggle-theme-btn{all:unset;display:block;order:4;width:100%;padding:8px 0;text-align:center;color:#fff;font-weight:600;cursor:pointer;border-bottom:1px solid #333;transition:background-color .2s ease}.main-nav a:hover,.main-nav button:hover,.main-nav .btn-publish:hover,#toggle-theme-btn:hover{background-color:#111}.mobile-profile{display:flex;order:2;align-items:center;gap:10px}.main-nav .user-section .desktop-profile{display:none!important}.main-header{padding:10px;display:flex;flex-wrap:wrap;align-items:center}.main-nav a,.main-nav button,.main-nav .btn-publish,#toggle-theme-btn{transition:background-color .2s ease}.logo{order:1;flex:1}.menu-toggle{order:2;display:block;font-size:1.8rem}.main-nav{order:3;width:100%;flex-direction:column;justify-content:flex-start;align-items:center;background:#000;overflow:hidden;max-height:0;transition:max-height .4s ease}.main-nav a,.main-nav button,.main-nav .btn-publish{all:unset;display:block;width:100%;padding:5px 0;text-align:center;color:#fff;font-weight:600;cursor:pointer}.main-nav>.btn-publish:last-of-type,.main-nav>#toggle-theme-btn:last-of-type{border-bottom:none}.main-nav.active{max-height:100vh}.main-nav .user-section{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px;margin:10px 0}}@media (min-width: 769px) and (max-width: 1024px){.main-header{padding:12px 24px;flex-wrap:nowrap;gap:10px}.main-header .logo h1{font-size:20px}.main-nav{gap:16px}.main-nav a{padding:8px 12px;font-size:14px}.user-section{gap:10px}#toggle-theme-btn{padding:8px 10px;font-size:13px}.btn-publish{padding:8px 12px;font-size:13px}.icon.profile-icon img{width:34px;height:34px}.login-btn{padding:10px 16px;font-size:13px}.notification-badge{font-size:10px;padding:3px 5px;top:-4px;right:-4px}.dropdown-menu a{padding:8px 12px;font-size:13px}}@media (max-width: 480px){.logo h1{font-size:1.4rem}.menu-toggle{font-size:1.6rem}.main-nav a{font-size:.9rem}#toggle-theme-btn,.btn-publish{font-size:.9rem;padding:10px 0}}@media (max-width: 768px){.logo-img{height:45px;max-height:6vh}}footer{background-color:#000;color:#1c1c1c;padding:40px 0;font-size:14px;width:100%}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.footer-section{flex:1;min-width:200px}.footer-logo{width:60%}.footer-section h4{font-size:16px;font-weight:700;margin-bottom:10px;color:#fff}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section p{color:#fff}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{text-decoration:none;color:#fff;transition:.3s}.footer-section ul li a:hover{color:#fff}.app-links img{width:120px;margin-right:10px}.footer-bottom{text-align:center;margin-top:30px;padding-top:15px;border-top:1px solid #ffffff}.footer-bottom p{color:#fff;font-size:14px}.social-icons{margin-top:10px}.social-icons a{text-decoration:none;color:#fff;font-size:18px;margin:0 8px;transition:.3s}.social-icons a:hover{color:#fff}@media (max-width: 768px){.footer{padding:0}.footer-container{flex-wrap:wrap;justify-content:center;gap:10px;text-align:center}.footer-section{flex:1 1 30%;min-width:180px}.footer-logo{width:40%;margin:0 auto}.footer-section h4{font-size:16px}.footer-section ul li a{font-size:14px}.footer-bottom{padding:0}.social-icons{margin-top:10px}.social-icons a{font-size:20px;margin:0 10px}}@media (max-width: 480px){footer{padding:10px 0}.footer-container{flex-direction:column;align-items:center;text-align:center;gap:12px;padding:0 10px}.footer-logo{width:35%;margin-bottom:1px}.footer-section{width:100%;min-width:auto}.footer-section h4{font-size:14px;margin-bottom:6px}.footer-section ul li a{font-size:12px;line-height:1.4}.footer-bottom{padding-top:8px;margin-top:12px}.footer-bottom p{font-size:11px}.social-icons a{font-size:16px;margin:0 5px}}@media (min-width: 481px) and (max-width: 1024px){footer{padding:30px 0}.footer-container{flex-wrap:wrap;justify-content:space-around;text-align:center;padding:0 20px;gap:24px}.footer-section{flex:1 1 40%;min-width:220px}.footer-logo{width:40%;margin:0 auto 10px}.footer-section h4{font-size:15px;margin-bottom:8px}.footer-section ul li a{font-size:13px}.footer-bottom{padding-top:10px;margin-top:20px}.footer-bottom p{font-size:12px}.social-icons a{font-size:18px;margin:0 6px}}@media (max-width: 480px){footer{position:relative;overflow:hidden;--wave1: rgba(255, 255, 255, .08);--wave2: rgba(255, 255, 255, .05);--wave3: rgba(255, 255, 255, .04)}.wave-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.wave{position:absolute;bottom:-60px;left:-50%;width:200%;height:180px;border-radius:40%;background:var(--wave1);animation:wave-move 6s linear infinite alternate}.wave:nth-child(2){background:var(--wave2);animation-duration:8s;bottom:-40px}.wave:nth-child(3){background:var(--wave3);animation-duration:10s;bottom:-20px}@keyframes wave-move{0%{transform:translate(0) scaleY(1)}50%{transform:translate(-25%) scaleY(1.1)}to{transform:translate(-50%) scaleY(1)}}.footer-container,.footer-bottom{position:relative;z-index:1}}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;overflow-x:hidden;background:linear-gradient(120deg,#e0f0ff,#fff,#f0f8ff);background-size:200% 200%;animation:gradientMove 10s ease infinite alternate;transition:background .6s ease,color .6s ease}@keyframes gradientMove{0%{background-position:0 50%}to{background-position:100% 50%}}.container{max-width:1000px;margin:100px auto;padding:0 20px}.main-title,.intro,.section{transform:translateY(50px);transition:opacity 1.2s cubic-bezier(.22,1,.36,1),transform 1.2s cubic-bezier(.22,1,.36,1)}.main-title.visible,.intro.visible,.section.visible{opacity:1;transform:translateY(0)}.main-title{font-size:3rem;text-align:center;color:#0057e7;position:relative;margin-bottom:15px}.main-title:after{content:"";width:60px;height:4px;background:#0057e7;display:block;margin:10px auto;transition:width .5s ease}.main-title:hover:after{width:120px}.intro{font-size:1.3rem;text-align:center;color:#444;margin-bottom:70px}.section{margin-bottom:70px;background:#ffffffd9;padding:30px;border-radius:12px;box-shadow:0 6px 15px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;overflow:hidden}.section h2{color:#0057e7;font-size:2rem;position:relative;margin-bottom:15px}.section h2:before{content:"";width:4px;height:100%;background:#0057e7;position:absolute;left:-30px;top:0;transition:left .5s ease}.section:hover h2:before{left:0}.section p{font-size:1.1rem;line-height:1.8}.highlight{font-weight:700;color:#0057e7}.invert-theme{background:linear-gradient(120deg,#0d1117,#161b22,#0d1117);color:#f0f0f0}.invert-theme .main-title{color:#58a6ff}.invert-theme .main-title:after{background:#58a6ff}.invert-theme .section{background:#161b22e6;box-shadow:0 6px 15px #ffffff0d}.invert-theme .intro.observe{color:#fff}.invert-theme .section h2{color:#58a6ff}.invert-theme .section h2:before{background:#58a6ff}.invert-theme .highlight{color:#58a6ff}.popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9999;overflow-y:auto;padding:20px}.popup-content{background:var(--background-light, white);color:var(--text-dark, black);max-width:400px;width:100%;margin:auto;padding:25px;border-radius:15px;position:relative;top:50%;transform:translateY(-50%);box-shadow:0 10px 30px #0003;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-60%)}to{opacity:1;transform:translateY(-50%)}}.popup-content h2{margin-bottom:20px;font-size:1.6rem}.popup-content input{width:94%;padding:12px;margin:8px 0;border:1px solid #ccc;border-radius:8px;background:var(--input-bg, #f9f9f9);color:var(--text-dark, black)}.input-wrapper{position:relative;width:100%}.input-wrapper>input{width:100%;padding-right:2.75rem;box-sizing:border-box}.toggle-password{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;font-size:1rem;line-height:1;color:#6c757d;padding:0;width:auto}.toggle-password:hover{background-color:transparent}.toggle-password:focus{outline:none}.password-meter{width:100%;background-color:#eee;border-radius:5px;margin-top:5px}.popup-content button{width:100%;background-color:var(--primary-color, black);color:#fff;border:none;border-radius:8px;padding:12px;font-weight:700;margin-top:12px;cursor:pointer;transition:background .3s ease}.popup-content button:hover{background-color:#222}.popup-content .toggle-password{width:auto;background:transparent;margin-top:0;padding:0}.popup-content a{color:var(--primary-color, black);text-decoration:underline;font-weight:500}#loginMessage,#registerMessage{margin-top:10px;color:red;font-size:.9rem}.popup-content .close{position:absolute;top:12px;right:15px;font-size:22px;font-weight:700;cursor:pointer;color:var(--text-dark, black)}.popup-content+div{text-align:center;margin-top:10px}.popup-content+div img{width:90%;max-width:300px;cursor:pointer}.google-login{margin-top:15px;text-align:center}.google-login img{width:50%;max-width:280px;height:auto;cursor:pointer;border-radius:5px}.dark-mode .popup-content{background:var(--background-dark, #1e1e1e);color:var(--text-light, white);box-shadow:0 10px 30px #ffffff1a}.dark-mode .popup-content input{background:#333;color:#fff;border:1px solid #666}.dark-mode .popup-content button{background:#fff;color:#000}.dark-mode .popup-content button:hover{background:#ddd}.dark-mode .popup-content .close{color:#fff}@media screen and (max-width: 480px){.popup-content{width:90%;padding:20px;transform:translateY(-45%)}.popup-content h2{font-size:1.4rem}.popup-content input,.popup-content button{font-size:1rem}}#codePopup.popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:10000;padding:20px}#codePopup .popup-content{background:var(--background-light, white);color:var(--text-dark, black);max-width:400px;width:100%;margin:auto;padding:25px;border-radius:15px;position:relative;top:50%;transform:translateY(-50%);box-shadow:0 10px 30px #0003;animation:fadeIn .3s ease-out}#codePopup h2{margin-bottom:20px;font-size:1.6rem;text-align:center}#codeInputs{display:flex;justify-content:space-between;gap:10px;margin:20px 0}.code-input{width:42px;height:50px;font-size:1.5rem;text-align:center;border:2px solid #ccc;border-radius:8px;background:var(--input-bg, #f9f9f9);color:var(--text-dark, black);transition:border-color .2s ease}.code-input:focus{border-color:var(--primary-color, black);outline:none}#codePopup button{width:100%;background-color:var(--primary-color, black);color:#fff;border:none;border-radius:8px;padding:12px;font-weight:700;cursor:pointer;transition:background .3s ease}#codePopup button:hover{background-color:#222}#codeMessage{margin-top:10px;text-align:center;font-size:.95rem}#codePopup .close{position:absolute;top:12px;right:15px;font-size:22px;font-weight:700;cursor:pointer;color:var(--text-dark, black)}.dark-mode #codePopup .popup-content{background:var(--background-dark, #1e1e1e);color:var(--text-light, white);box-shadow:0 10px 30px #ffffff1a}.dark-mode .code-input{background:#333;color:#fff;border:1px solid #666}.dark-mode #codePopup button{background:#fff;color:#000}.dark-mode #codePopup button:hover{background:#ddd}.dark-mode #codePopup .close{color:#fff}@media screen and (max-width: 480px){#codeInputs{justify-content:center;gap:8px}.code-input{width:42px;height:50px;font-size:1.3rem}#codePopup button{padding:10px;font-size:.95rem}#codePopup .popup-content{padding:20px;width:90%}}.invert-theme .popup-content{background:#1e1e1e;color:#f0f0f0;box-shadow:0 10px 30px #ffffff1a}.invert-theme .popup-content input{background:#333;color:#fff;border:1px solid #666}.invert-theme .popup-content button{background:#fff;color:#000}.invert-theme .popup-content button:hover{background:#ddd}.invert-theme .popup-content a{color:#66b2ff}.invert-theme .popup-content .close{color:#fff}.invert-theme .google-login img{filter:brightness(.9) contrast(1.2)}.invert-theme #codePopup .popup-content{background:#1e1e1e;color:#f0f0f0;box-shadow:0 10px 30px #ffffff1a}.invert-theme .code-input{background:#333;color:#fff;border:1px solid #666}.invert-theme #codePopup button{background:#fff;color:#000}.invert-theme #codePopup button:hover{background:#ddd}.invert-theme #codePopup .close{color:#fff}.invert-theme #codeMessage{color:#ccc}