/**
 * =================================================================================
 * @charset UTF-8
 *
 * Unauthorized copying, distribution, or use of this file, via any medium,
 * is strictly prohibited without the prior written consent of Clavier.ma.
 *
 * @version    1.0.0
 * @author     Clavier.ma (https://www.clavier.ma/)
 * @copyright  Copyright (c) 2025 Clavier.ma. All Rights Reserved.
 * @license    Proprietary
 * =================================================================================
 */
:root{--border-color:#e0e0e0;}body.dark-mode{--dm-text-secondary:#e0e0e0;}*, *::before, *::after{box-sizing:border-box;margin:0;padding:0;}body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:var(--text-color);line-height:1.5;}:root{--navbar-red:#d93025;--text-dark:#202124;--text-medium:#5f6368;--background-white:#ffffff;--border-color-light:#e0e0e0;--shadow-light:0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);}.navbar{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:#f0f3f8;border-bottom:1px solid var(--border-color-light);position:relative;box-shadow:var(--shadow-light);flex-shrink:0;}.navbar-left{display:flex;align-items:center;gap:0;flex-grow:1;min-width:0;}.navbar-logo a{line-height:1;display:flex;align-items:center;text-decoration:none;}.logo-img{height:40px;vertical-align:middle;transition:filter 0.3s ease-in-out;margin-right:35px;}.logo-dark{display:none;}.logo-light{display:inline;}.navbar-links{display:none;align-items:center;white-space:nowrap;overflow:hidden;min-width:0;margin:0;padding:0;list-style:none;}.navbar-links li{position:relative;padding:0 15px;}.navbar-links li.has-separator::before{content:'';display:none;position:absolute;left:0px;top:50%;transform:translateY(-50%);height:18px;border-left:1px solid #b28787;}.navbar-links li a{color:var(--text-dark);font-size:16px;font-weight:bold;display:block;padding:8px 0;transition:color var(--transition-speed) ease, background-color var(--transition-speed) ease;text-decoration:none;}.navbar-links li a:hover{color:#8d6e6e;}.navbar-links li a.active{position:relative;color:var(--text-dark);}.navbar-links li a.active::after{content:'';position:absolute;width:100%;height:2px;bottom:3px;left:0;background-color:var(--text-dark);}.navbar-right{display:flex;align-items:center;gap:15px;flex-shrink:0;}.theme-toggle-button{background-color:transparent;color:var(--text-dark);padding:8px;border-radius:50%;cursor:pointer;transition:background-color var(--transition-speed) ease;border:none;display:flex;align-items:center;justify-content:center;}.theme-toggle-button:hover{background-color:rgba(0, 0, 0, 0.05);}.theme-toggle-button .icon{width:20px;height:20px;}.theme-toggle-button .icon-sun{display:none;}.navbar-toggle{display:block;font-size:24px;padding:5px;line-height:1;color:var(--text-medium);cursor:pointer;background:none;border:none;}@media (min-width:1024px){.navbar{padding:12px 134px;}.navbar-toggle{display:none;}.navbar-links{display:flex;}.navbar-links li.has-separator::before{display:block;}}@media (max-width:1023.98px){.navbar-links li a.active::after{display:none;}.navbar-links.is-active{display:flex;}.navbar-links{position:absolute;top:100%;left:0;width:100%;background-color:var(--background-white);flex-direction:column;padding:10px;box-shadow:var(--shadow-light);border-top:1px solid var(--border-color-light);z-index:1000;}.navbar-links li{padding:0;width:100%;}.navbar-links li a{display:block;background-color:var(--background-white);border:1px solid var(--border-color-light, #eee);padding:12px 15px;margin-bottom:5px;border-radius:8px;font-weight:500;text-align:center;color:var(--text-dark);transition:color var(--transition-speed) ease, border-color var(--transition-speed) ease;}.navbar-links li a:not(.active):hover{background-color:#f0f0f0;color:var(--navbar-red);}.navbar-links li a.active{background-color:#e5e5e5;color:black;font-weight:700;}}footer{background-color:#f0f3f8;color:#101010;padding:20px 20px;border-top:1px solid #e9ecef;font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;border-top:1px solid var(--border-color-light);box-shadow:0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 1);}.footer-container{max-width:1250px;margin:0 auto;}.footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;padding-bottom:20px;}.footer-column{flex:1;min-width:200px;}.footer-column.footer-about{flex-basis:30%;}.footer-title{font-size:16px;font-weight:600;color:#212529;margin-top:0;margin-bottom:15px;}.footer-about p{font-size:14px;line-height:1.6;margin-top:8px;}.footer-links{list-style:none;padding:0;margin:0;}.footer-links li{margin-bottom:10px;}.footer-links a{text-decoration:none;color:#101010;font-size:14px;transition:color 0.2s ease-in-out;}.footer-links a:hover{color:#8d6e6e;text-decoration:underline;}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding-top:20px;border-top:1px solid #99a2ab;}.copyright{margin:0;font-size:14px;color:#101010;}.language-selector{position:relative;}.language-button{display:flex;align-items:center;gap:8px;background-color:#ffffff;color:#101010;border:1px solid #9f9f9f;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color 0.2s ease, box-shadow 0.2s ease;}.language-button:hover{background-color:#f8f9fa;box-shadow:0 2px 4px rgba(0, 0, 0, 0.05);}.language-button .icon{stroke:#000;fill:none;}.language-menu{position:absolute;bottom:calc(100% + 8px);right:0;list-style:none;margin:0;min-width:103px;z-index:100;border-radius:8px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.1);background-color:#ffffff;border:1px solid #9f9f9f;visibility:hidden;opacity:0;transform:translateY(10px);transition:all 0.2s ease-out;}.language-menu.show{visibility:visible;opacity:1;transform:translateY(0);}.language-menu li a{display:flex;align-items:center;gap:8px;padding:8px 15px;text-decoration:none;font-size:14px;color:#1a1a1a;border-radius:8px;}.language-menu li a:hover{background-color:#f1f3f5;}.check-icon{visibility:hidden;}.language-menu li.active .check-icon{visibility:visible;color:#1a1a1a;}#modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);z-index:1000;visibility:hidden;opacity:0;transition:opacity 0.3s ease;}#modal-overlay.show{visibility:visible;opacity:1;}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.95);background-color:#ffffff;border-radius:12px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.15);z-index:1001;width:90%;max-width:600px;visibility:hidden;opacity:0;transition:opacity 0.3s ease, transform 0.3s ease;overflow:hidden;display:flex;flex-direction:column;max-height:80vh;}.modal.show{visibility:visible;opacity:1;transform:translate(-50%, -50%) scale(1);}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e9ecef;}.modal-title{margin:0;font-size:20px;color:#212529;}.close-button{font-size:28px;font-weight:bold;color:#6c757d;cursor:pointer;line-height:1;transition:color 0.2s ease;}.close-button:hover{color:#212529;}.modal-body{padding:24px;color:#495057;overflow-y:auto;}.modal-body p, .modal-body li{font-size:16px;line-height:1.7;}.modal-body ul, .modal-body ol{padding-left:25px;margin-bottom:1rem;}.modal-footer{padding:16px 24px;text-align:right;border-top:1px solid #e9ecef;}.modal-btn{padding:10px 20px;font-size:15px;font-weight:500;color:#fff;background-color:#007bff;border:none;border-radius:6px;cursor:pointer;transition:background-color 0.2s ease;}.modal-btn:hover{background-color:#0056b3;}@media (max-width:768px){.footer-top{flex-direction:column;align-items:flex-start;}.footer-bottom{flex-direction:column;align-items:center;text-align:center;}.footer-bottom .language-selector{order:1;}.footer-bottom .copyright{order:2;}.modal{width:95%;max-height:85vh;}.modal-title{font-size:18px;}.modal-body p, .modal-body li{font-size:14px;}}.footer-logo-link{display:inline-block;}.footer-logo{height:40px;width:auto;display:block;cursor:default;}@media (max-width:992px){.footer-top{flex-direction:column;align-items:flex-start;gap:20px;}.footer-bottom{flex-direction:column;align-items:center;text-align:center;}.footer-bottom .language-selector{order:1;}.footer-bottom .copyright{order:2;}.modal{width:95%;max-height:85vh;}.modal-title{font-size:18px;}.modal-body p, .modal-body li{font-size:14px;}}@media (max-width:1025px){.footer-top{flex-direction:column;align-items:center;text-align:center;}.footer-description{margin:15px 0;padding:15px 0;}.footer-bottom{flex-direction:column;align-items:center;}}