.top-banner{color:#fff;z-index:100;background:#555;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.top-banner-left{align-items:center;gap:24px;display:flex}.top-banner-logo{letter-spacing:.04em;color:#fff;font-size:1.4rem;font-weight:700;text-decoration:none}.top-banner-nav,.top-banner-right{align-items:center;gap:16px;display:flex}.top-banner-link{color:#fffc;font-size:.9rem;text-decoration:none}.top-banner-link:hover{color:#fff}.top-banner-user{color:#ffffffbf;font-size:.85rem}.top-banner-btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-block}.top-banner-btn:hover{background:var(--brand-hover)}