.header{position:fixed;top:0;left:0;right:0;height:64px;background-color:var(--color-navbar);color:var(--color-primary);justify-content:space-between;padding:0 1rem;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header,.header-left{display:flex;align-items:center}.header-left{gap:.5rem}.logo{text-decoration:none}.logo-wrapper{display:flex;align-items:center;gap:.5rem}.logo-icon{height:36px;width:36px}.header-left span{font-size:1.125rem;font-weight:700;color:var(--color-primary-light)}.header-right{display:flex;align-items:center;gap:1.5rem}.header-right a{color:var(--color-primary);text-decoration:none;font-size:1rem;font-weight:500;transition:color .2s ease}.header-right a:hover{color:var(--color-primary-light)}.login-button{background-color:var(--color-primary);color:var(--color-background);padding:.5rem 1rem;border-radius:.5rem;font-weight:600;border:none;cursor:pointer}.login-button:hover{background-color:var(--color-primary-light)}