.site-header{background-color:#fff;box-shadow:0 2px 4px rgb(0 0 0 / .1);position:sticky;top:0;z-index:1000}.site-header .container{display:flex;justify-content:space-between;align-items:center;padding:15px}.site-branding{display:flex;align-items:center}.logo{font-size:1.8rem;font-weight:700;color:var(--primary-color);text-decoration:none}.main-navigation{display:flex;align-items:center}.menu-container{display:flex}.menu-container ul{display:flex;list-style:none;margin:0;padding:0}.menu-container li{margin-left:20px}.menu-container a{color:var(--text-color);font-weight:500;padding:5px 0;position:relative}.menu-container a:hover{color:var(--primary-color)}.menu-container a::after{content:'';position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--primary-color);transition:width 0.3s ease}.menu-container a:hover::after{width:100%}.auth-buttons{display:flex;margin-left:20px}.login-button{color:var(--primary-color);margin-right:10px;padding:8px 15px;border:1px solid var(--primary-color);border-radius:var(--button-radius)}.login-button:hover{background-color:var(--primary-color);color:#fff}.register-button{background-color:var(--primary-color);color:#fff;padding:8px 15px;border-radius:var(--button-radius)}.register-button:hover{background-color:var(--secondary-color)}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px}.menu-icon{display:block;width:25px;height:3px;background-color:var(--text-color);position:relative;transition:background-color 0.3s ease}.menu-icon::before,.menu-icon::after{content:'';position:absolute;width:100%;height:100%;background-color:var(--text-color);transition:all 0.3s ease}.menu-icon::before{top:-8px}.menu-icon::after{bottom:-8px}@media (max-width:768px){.menu-toggle{display:block}.menu-container{position:absolute;top:100%;left:0;right:0;background-color:#fff;flex-direction:column;box-shadow:0 2px 4px rgb(0 0 0 / .1);display:none}.menu-container.active{display:block}.menu-container ul{flex-direction:column;padding:10px 0}.menu-container li{margin:0}.menu-container a{display:block;padding:10px 15px}.auth-buttons{flex-direction:column;margin:10px 15px}.login-button{margin-right:0;margin-bottom:10px;text-align:center}.register-button{text-align:center}.menu-toggle.active .menu-icon{background-color:#fff0}.menu-toggle.active .menu-icon::before{transform:rotate(45deg);top:0}.menu-toggle.active .menu-icon::after{transform:rotate(-45deg);bottom:0}}