.menu-bar{position:absolute;bottom:0;left:0;right:0;background-color:var(--header-bg-color,rgb(34 34 34 / .8));backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);height:80px;z-index:1000;transition:background-color 0.3s ease}body.scrolled .menu-bar{background-color:var(--header-bg-color)!important;box-shadow:0 2px 10px rgb(0 0 0 / .1)}body.dark-mode .menu-bar{background-color:var(--header-bg-color)!important}body.dark-mode.scrolled .menu-bar{box-shadow:0 2px 10px rgb(0 0 0 / .3)}.menu-container{max-width:1180px;margin:0 auto;padding:0 15px;display:flex;align-items:center;justify-content:space-between;height:100%;box-shadow:0 8px 10px -5px rgb(0 0 0 / .2)}.site-branding{display:flex;align-items:center}.logo-link{display:flex;align-items:center;text-decoration:none;opacity:1;transition:opacity 0.3s ease}.logo-link:hover{opacity:.9}.logo-square{width:40px;height:40px;background-color:var(--primary-color,#3490dc);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;border-radius:4px;margin-right:10px}.logo-text{color:#fff;font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.custom-logo{height:80px;width:auto;margin-left:40px}.main-navigation{flex:1;margin-left:30px}.main-navigation ul{display:flex;list-style:none;margin:0;padding:0}.main-navigation li{margin-right:30px;position:relative}.main-navigation a{color:#fff;text-decoration:none;font-size:14px;text-transform:uppercase;letter-spacing:1px;font-weight:500;transition:color 0.3s;padding:5px 0;position:relative}.main-navigation a:hover{color:var(--primary-color,#3490dc)}.main-navigation a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color,#3490dc);transition:width 0.3s ease}.main-navigation a:hover::after{width:100%}.header-right{display:flex;align-items:center;gap:20px}.header-search{position:relative;width:250px}.search-form{display:flex;position:relative}.search-input{width:100%;height:36px;padding:0 40px 0 15px;border-radius:0px!important;border:none;background-color:rgb(255 255 255 / .1);color:#fff;font-size:14px;transition:background-color 0.3s ease,width 0.3s ease}.search-input::placeholder{color:rgb(255 255 255 / .7)}.search-input:focus{background-color:rgb(255 255 255 / .15);outline:none}.search-submit{position:absolute;right:0;top:0;width:36px;height:36px;background-color:var(--primary-color,#3490dc);border:none;border-radius:0px!important;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s ease}.search-submit:hover{background-color:var(--primary-color-hover,#2779bd)}.dark-mode-toggle{width:36px;height:36px;border-radius:50%;background-color:rgb(255 255 255 / .1);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;color:#fff;transition:background-color 0.3s ease}.dark-mode-toggle:hover{background-color:rgb(255 255 255 / .2)}.dark-mode-toggle .sun,.dark-mode-toggle .moon{position:absolute;transition:opacity 0.3s,transform 0.3s}.dark-mode-toggle .sun{opacity:1;transform:scale(1)}.dark-mode-toggle .moon{opacity:0;transform:scale(.5)}body.dark-mode .dark-mode-toggle .sun{opacity:0;transform:scale(.5)}body.dark-mode .dark-mode-toggle .moon{opacity:1;transform:scale(1)}.mobile-header{display:none;position:relative;height:60px;background-color:var(--header-bg-color);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:100;box-shadow:0 2px 10px rgb(0 0 0 / .2)}.mobile-header-container{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 15px}.mobile-logo{display:flex;align-items:center;flex-shrink:0}.mobile-logo-link{display:flex;align-items:center;text-decoration:none;opacity:1;transition:opacity 0.3s ease}.mobile-logo-link:hover{opacity:.9}.mobile-logo-square{width:36px;height:36px;background-color:var(--primary-color,#3490dc);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border-radius:4px;margin-right:8px}.mobile-logo-text{color:#fff;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.mobile-custom-logo{height:40px;width:auto}.mobile-search{width:180px;position:relative;flex:1;margin:0 15px}.mobile-search-form{display:flex;position:relative}.mobile-search-input{width:100%;height:36px;padding:0 40px 0 15px;border-radius:0px!important;border:none;background-color:rgb(0 0 0 / .1);color:#fff;font-size:14px;transition:background-color 0.3s ease}.mobile-search-input::placeholder{color:rgb(255 255 255 / .7)}.mobile-search-input:focus{background-color:rgb(255 255 255 / .15);outline:none}.mobile-search-input,input[type="search"].mobile-search-input,input.mobile-search-input{color:#333!important;background-color:#fff!important;border:1px solid #ccc!important;padding:8px 12px!important;font-size:16px!important}.mobile-search-submit{position:absolute;right:0;top:0;width:36px;height:36px;background-color:var(--primary-color,#3490dc);border:none;border-radius:0px!important;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s ease}.mobile-search-submit:hover{background-color:var(--primary-color-hover,#2779bd)}#mobile-dark-mode-toggle-container{display:flex;align-items:center;flex-shrink:0}body.scrolled .mobile-header{background-color:var(--header-bg-color)!important;box-shadow:0 2px 10px rgb(0 0 0 / .1)}body.dark-mode .mobile-header{background-color:var(--header-bg-color)!important}body.dark-mode.scrolled .mobile-header{box-shadow:0 2px 10px rgb(0 0 0 / .3)}.mobile-header{display:none}@media (max-width:768px){.header-wrapper,.site-spacer,.site-background{display:none!important}.mobile-header{display:block}}@media (max-width:480px){.mobile-header-container{padding:0 10px}.mobile-logo-text{display:none}.mobile-search{width:120px;margin:0 10px}.mobile-search-input{padding:0 36px 0 10px}}