.header{background-color:var(--color-surface);box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:100}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0.8rem 1.5rem;max-width:1200px;margin:0 auto}.navbar__brand{display:flex;align-items:center;justify-content:space-between;width:100%}.navbar__logo{font-size:1.5rem;font-weight:bold;color:var(--color-primary)}.navbar__toggle{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0}.navbar__toggle-icon{width:2rem;height:0.25rem;background:var(--color-primary);border-radius:10px;transition:all 0.3s linear;position:relative;transform-origin:1px}.navbar__menu{display:flex;list-style:none;margin:0;padding:0;align-items:center;gap:1.5rem}.navbar__item{position:relative}.navbar__link{text-decoration:none;color:var(--color-text);font-weight:500;padding:0.5rem 0;transition:color 0.3s;position:relative}.navbar__link:hover{color:var(--color-primary)}.navbar__link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width 0.3s}.navbar__link:hover::after{width:100%}.navbar__button{display:inline-block;background-color:var(--color-secondary);color:var(--color-text);text-decoration:none;padding:0.6rem 1.2rem;border-radius:4px;font-weight:600;transition:all 0.3s;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.navbar__button:hover{background-color:var(--color-accent);color:white;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.15)}@media (max-width:768px){.navbar{flex-direction:column;padding:0.5rem 1rem}.navbar__toggle{display:flex}.navbar__menu{flex-direction:column;width:100%;max-height:0;overflow:hidden;transition:max-height 0.3s ease-out;gap:0}.navbar__menu.active{max-height:340px}.navbar__item{width:100%;text-align:center;padding:0.8rem 0;border-bottom:1px solid var(--color-border)}.navbar__item--button{margin-top:0.5rem;border-bottom:none}.navbar__link::after{display:none}}