:root{--light-bg:#fff;--dark-bg:#000;--light-color:#000;--dark-color:#fff;--link-hover-light:#333;--link-hover-dark:#ccc}.header{position:sticky;top:0;z-index:100;padding:20px 0;background-color:var(--header-bg);transition:background-color .3s ease}.header,.header-content{display:flex;align-items:center;justify-content:space-between}.header.light-theme{--header-bg:var(--light-bg);--header-color:var(--light-color);--link-color:var(--light-color)}.header.dark-theme{--header-bg:var(--dark-bg);--header-color:var(--dark-color);--link-color:var(--dark-color)}.logo{height:40px}.nav-item a{color:var(--link-color);text-decoration:none;text-transform:uppercase;transition:color .3s ease}.nav-item a:hover{color:var(--link-hover-light)}.header.dark-theme .nav-item a:hover{color:var(--link-hover-dark)}.desktop-nav .nav-list{display:flex;gap:20px;list-style:none;color:var(--header-color)}.mobile-nav .nav-list{display:flex;flex-direction:column;margin-top:20px;gap:20px}.submenu-item{list-style:none;margin:20px 0}.nav-item{position:relative;list-style:none}@media (min-width:1024px){.submenu{display:none;position:absolute;top:100%;left:0;background-color:var(--header-bg);padding:10px;list-style:none;transition:all .3s ease}.nav-item.open .submenu{display:block;margin-left:-10px;padding-left:10px}}@media (max-width:1024px){.submenu{display:none;position:relative;background-color:var(--header-bg);padding:10px;list-style:none;transition:all .3s ease}.nav-item.open .submenu{display:block}}.submenu-item{margin-bottom:10px;color:var(--header-color)}.submenu-item a{color:var(--link-color);text-decoration:none}.submenu-item a:hover{color:var(--link-hover-light)}.header.dark-theme .submenu-item a:hover{color:var(--link-hover-dark)}.nav-item.open .submenu{display:block}.burger{position:relative}.burger-line{display:block;width:100%;height:3px;margin-bottom:6px;border-radius:3px;transition:transform .3s ease,opacity .3s ease}.burger.light .burger-line{background-color:var(--light-color)}.burger.dark .burger-line{background-color:var(--dark-color)}.dark-theme .mobile-drawer{border-left:1px solid #fff}.light-theme .mobile-drawer{border-left:1px solid #000}.burger.open .burger-line:first-child{transform:rotate(45deg) translateY(13px)}.burger.open .burger-line:nth-child(2){opacity:0}.burger.open .burger-line:nth-child(3){transform:rotate(-45deg) translateY(-13px)}.burger-line:last-child{margin-bottom:0}.mobile-drawer{position:fixed;top:0;right:0;height:100%;width:300px;background-color:var(--header-bg);transform:translateX(100%);transition:transform .3s ease;z-index:1000}.mobile-drawer.open{transform:translateX(0)}.mobile-nav{padding:50px 20px;display:flex;flex-direction:column}.header .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999;display:none}.header .overlay.open{display:block}.burger{display:inline-block;cursor:pointer;border:none;background:transparent;width:40px;height:30px;z-index:1001;transition:background-color .3s ease;padding:0;position:absolute}@media (min-width:1024px){.burger-menu{display:none}.desktop-nav{display:flex;align-items:center}}@media (max-width:1024px){.desktop-nav{display:none}.burger-menu{display:flex;width:40px;height:30px}}